Template:Thank You 2018: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
always encode twitter message and include link |
add link to support pages index |
||
| (37 intermediate revisions by 4 users not shown) | |||
Line 52:
HEX Color Usage
#54595d black WMF Base20, Main color
#3a25ff blue New foundation site blue: Action buttons and links (previously #36c)
#
#
#ffdad9 red soft Used in bg gradient
#
#fef6e7 yellow soft WMF Yellow90, Gradient Color
*/
Line 90 ⟶ 88:
background: none;
border: none;
}▼
.ty-page {
}
Line 257 ⟶ 259:
font-size: 30px;
line-height: 1.3333333333; /*40px @30px*/
font-weight:
}
Line 301 ⟶ 303:
.ty-header {
position: relative;
text-align: center;
background-color: #
}
Line 362 ⟶ 365:
text-decoration: none;
border-bottom: 1px solid #fff;
color: #fff !important;
}
Line 379 ⟶ 382:
height: 2px;
border: 0;
background-color: #
}
Line 416 ⟶ 419:
.ty-primary .ty-action {
background-color: #
border: 2px solid #
}
Line 428 ⟶ 431:
.ty-action,
.ty-action:visited {
color: #
}
Line 438 ⟶ 441:
padding: 8px 20px; /*40px height*/
text-align: center;
border: 2px solid #
border-radius: 2px;
cursor: pointer;
Line 460 ⟶ 463:
.ty-share.highlight .ty-action {
color: #fff;
background-color: #
border-color: #
}
.ty-action:focus {
outline: 0;
box-shadow: inset 0 0 0 1px #
}
Line 481 ⟶ 484:
margin: 10px auto 0;
}
}
.ty-description-small {
display: block;
font-size: 12px;
line-height: 16px;
margin-top: 10px;
}
Line 494 ⟶ 504:
.ty-secondary .ty-icon-social path {
fill: #
}
Line 548 ⟶ 558:
margin-bottom: 14px;
content: "* * *";
color: #
font-weight: bold;
font-size: 16px;
Line 568 ⟶ 578:
}
.ty-section-title
color: #295fcc;▼
.ty-description-small a {
}
.ty-description-small a:hover,
.ty-description-small a:focus {
}
Line 576 ⟶ 597:
}
/*Reset visited link color*/▼
▲.mw-parser-output .ty-footer a:visited,
▲.mw-parser-output .ty-section-title a {
▲ color: #36c;
▲}
▲.mw-parser-output .ty-footer .external {
padding: 0;
background-image: none;
}
▲/*Reset visited link style color*/
▲.ty-footer a:hover,
▲.ty-footer a:focus,
.mw-parser-output .ty-footer
▲.mw-parser-output .ty-footer .external:focus {
▲ color: #447ff5;
}
</style>
<div class="ty-page plainlinks">
<header class="ty-header">
<div class="ty-wrapper">
<h1 class="ty-header-logo">
<a href="https://wikimediafoundation.org/
<svg class="ty-logo-wmf" role="img" aria-labelledby="ty-logo-wmf-title" xmlns="http://www.w3.org/2000/svg" width="110" height="80" viewBox="0 0 110 80"><title id="ty-logo-wmf-title">Wikimedia Foundation</title><g fill="#FFF"><path d="M5.848 61.871l2.319-7.524h3.041l2.3 7.524 2.592-7.524h3.158l-4.561 13.08h-2.164l-2.865-9.103-2.846 9.103H4.659L.097 54.347h3.158zm14.989-7.524h2.923v13.08h-2.923zm6.139 0H29.9v5.38l4.932-5.38h3.606l-5.205 5.79c.449.623 1.287 1.793 2.495 3.489 1.209 1.696 2.105 2.963 2.71 3.8h-3.411l-3.82-5.165-1.307 1.462v3.704h-2.924v-13.08zm13.274 0h2.924v13.08H40.25zm17.855 4.854l-3.528 7.154h-1.755l-3.508-7.154v8.226H46.39v-13.08h3.957l3.372 7.193 3.392-7.193h3.937v13.08h-2.924v-8.226zm15.574-4.854v2.593h-6.511v2.69h5.848v2.495h-5.848v2.709h6.705v2.573h-9.628v-13.08h9.434zm12.786 1.715c1.248 1.15 1.871 2.73 1.871 4.757 0 2.027-.604 3.645-1.832 4.834-1.208 1.19-3.08 1.774-5.575 1.774h-4.463v-13.08h4.62c2.358 0 4.132.585 5.379 1.715zm-2.144 7.778c.721-.682 1.072-1.657 1.072-2.943 0-1.287-.35-2.281-1.072-2.963-.721-.702-1.813-1.033-3.294-1.033H79.39v7.953h1.851c1.345 0 2.378-.332 3.08-1.014zm6.549-9.493h2.924v13.08H90.87zm15.457 13.08L105.12 64.6h-5.48l-1.208 2.827h-3.1l5.653-13.08h2.827l5.652 13.08h-3.138zm-3.957-9.181l-1.637 3.8h3.275l-1.638-3.8zM12.923 75.322v1.501h2.417v.857h-2.417v2.242h-.916v-5.458h3.625v.858h-2.709zm11.851 3.84c-.546.546-1.228.799-2.047.799-.818 0-1.5-.273-2.046-.8-.546-.545-.819-1.208-.819-2.007 0-.8.273-1.481.819-2.008.545-.546 1.228-.799 2.046-.799.819 0 1.501.273 2.047.8.546.545.819 1.208.819 2.007 0 .8-.254 1.462-.82 2.008zm-.663-3.412a1.799 1.799 0 0 0-1.364-.584c-.546 0-.994.195-1.365.584-.37.39-.565.858-.565 1.404 0 .546.195 1.014.565 1.403.37.39.819.585 1.365.585s.994-.195 1.364-.585c.37-.39.565-.857.565-1.403s-.194-1.033-.565-1.404zm7.388 2.905c.253.292.584.429 1.013.429.429 0 .76-.137 1.014-.429.253-.292.37-.682.37-1.19v-3.02h.916v3.06c0 .78-.214 1.384-.643 1.813-.429.429-.994.643-1.657.643-.682 0-1.228-.214-1.657-.643-.429-.43-.643-1.033-.643-1.813v-3.06h.916v3.02c0 .508.117.898.37 1.19zm12.357-4.191h.916v5.458h-.994l-3.079-3.977v3.977h-.917v-5.458h.917l3.157 4.074v-4.074zm10.058.702c.526.468.78 1.13.78 1.988 0 .838-.254 1.52-.76 2.008-.507.487-1.287.74-2.34.74h-1.812v-5.458h1.87c.995.02 1.755.254 2.262.722zm-.136 2.007c0-1.247-.722-1.87-2.145-1.87h-.916v3.742h1.014c.663 0 1.17-.156 1.52-.468.351-.312.527-.78.527-1.404zm6.393 1.501l-.546 1.248h-.975l2.398-5.458h.974l2.398 5.458h-.975l-.545-1.248h-2.73zm2.358-.857l-.994-2.242-.994 2.242h1.988zm7.797-2.515v4.601h-.916v-4.601h-1.657v-.838h4.23v.838zm6.159-.838h.916v5.458h-.916zm10.506 4.698c-.545.546-1.228.799-2.046.799-.819 0-1.501-.273-2.047-.8-.546-.545-.819-1.208-.819-2.007 0-.8.273-1.481.82-2.008.545-.526 1.227-.799 2.046-.799.818 0 1.5.273 2.046.8.546.545.819 1.208.819 2.007 0 .8-.273 1.462-.819 2.008zm-.682-3.412a1.799 1.799 0 0 0-1.364-.584c-.546 0-.994.195-1.365.584-.37.39-.565.858-.565 1.404 0 .546.195 1.014.565 1.403.37.39.819.585 1.365.585.545 0 .994-.195 1.364-.585.37-.39.565-.857.565-1.403s-.195-1.033-.565-1.404zm10.253-1.286h.916v5.458h-.994l-3.08-3.977v3.977h-.916v-5.458h.916l3.158 4.074z"/><g transform="translate(31.231)"><path d="M25.544 38.075c6.984-.996 12.354-7.01 12.354-14.313 0-4.432-1.985-8.396-5.117-11.031l-7.256 7.283v18.06h.019zm-4.066 0V20.014L14.22 12.73a14.434 14.434 0 0 0-5.116 11.031c.02 7.283 5.389 13.317 12.373 14.313z"/><path d="M36.03 11.208c3.346 3.358 5.175 7.81 5.175 12.554 0 4.745-1.848 9.197-5.175 12.555a17.521 17.521 0 0 1-12.51 5.194c-4.727 0-9.162-1.855-12.509-5.194-3.346-3.339-5.175-7.81-5.175-12.555 0-4.744 1.849-9.196 5.175-12.554.292-.293.584-.567.876-.82L7.84 6.326c-.292.274-.583.547-.875.84a23.631 23.631 0 0 0-5.02 7.459 23.311 23.311 0 0 0-1.848 9.137c0 3.164.623 6.249 1.848 9.138 1.187 2.792 2.86 5.311 5.02 7.459a23.536 23.536 0 0 0 7.431 5.038 23.082 23.082 0 0 0 9.105 1.854c3.152 0 6.226-.624 9.105-1.854 2.782-1.191 5.292-2.87 7.432-5.038a23.631 23.631 0 0 0 5.019-7.459 23.311 23.311 0 0 0 1.848-9.138c0-3.163-.622-6.248-1.848-9.137-1.187-2.793-2.86-5.311-5.02-7.46a34.803 34.803 0 0 0-.875-.839l-4.046 4.062c.33.253.622.527.914.82z"/><ellipse cx="23.521" cy="7.478" rx="7.295" ry="7.322"/></g></g></svg>
</a>
Line 637 ⟶ 646:
<div class="ty-area ty-share">
<div class="ty-action-wrapper">
<a class="ty-action" href="https://www.facebook.com/sharer.php?u=</html>{{urlencode:https
<svg class="ty-icon-social ty-icon-social-fb" role="img" aria-labelledby="ty-icon-social-fb" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><title id="ty-icon-social-fb"></html>{{{share-facebook-alt}}}<html></title><path fill="#FFF" d="M18.896 20H1.104C.494 20 0 19.506 0 18.896V1.104C0 .494.494 0 1.104 0h17.792C19.506 0 20 .494 20 1.104v17.792c0 .61-.494 1.104-1.104 1.104zm-4.443 0v-7.72h2.722l.407-3.008h-3.129v-1.92c0-.872.254-1.465 1.566-1.465h1.673V3.194a23.482 23.482 0 0 0-2.438-.118c-2.412 0-4.064 1.402-4.064 3.977v2.218H8.462v3.009h2.728V20h3.263z"/></svg>
</html>{{{share-facebook}}}<html>
</a>
<a class="ty-action" href="https://twitter.com/intent/tweet?text=</html>{{urlencode:{{{share-message}}} https://donate.wikimedia.org/?utm_medium=SocialMedia&utm_campaign=ThankYouPage&utm_source=Twitter&uselang={{{language|}}}}}<html>" title="</html>{{{share-twitter-alt}}}<html>" target="_blank">
<svg class="ty-icon-social ty-icon-social-twitter" role="img" aria-labelledby="ty-icon-social-twitter" xmlns="http://www.w3.org/2000/svg" width="25" height="20" viewBox="0 0 25 20"><title id="ty-icon-social-twitter"></html>{{{share-twitter-alt}}}<html></title><path fill="#FFF" d="M7.77 20c9.323 0 14.422-7.694 14.422-14.366 0-.218-.005-.436-.015-.652a10.29 10.29 0 0 0 2.529-2.615c-.908.402-1.886.673-2.911.795A5.07 5.07 0 0 0 24.024.37a10.19 10.19 0 0 1-3.219 1.225A5.072 5.072 0 0 0 17.105 0c-2.799 0-5.069 2.261-5.069 5.048 0 .396.045.782.132 1.151A14.412 14.412 0 0 1 1.719.924a5.04 5.04 0 0 0 1.57 6.74 5.046 5.046 0 0 1-2.296-.63v.064a5.055 5.055 0 0 0 4.066 4.949 5.094 5.094 0 0 1-2.29.087 5.071 5.071 0 0 0 4.736 3.506 10.194 10.194 0 0 1-6.296 2.162c-.409 0-.812-.024-1.209-.07A14.39 14.39 0 0 0 7.77 20"/></svg>
</html>{{{share-twitter}}}<html>
</a>
</div>
<svg class="ty-icon ty-icon-share" role="img" aria-labelledby="ty-icon-share-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title id="ty-icon-share-title"></html>{{{share-text}}}<html></title><g fill="none" fill-rule="evenodd"><path d="M175.877 149.951v38.791l-22.754-15.363C138.415 183.845 120.426 190 101 190c-49.706 0-90-40.294-90-90s40.294-90 90-90 90 40.294 90 90c0 18.48-5.57 35.66-15.123 49.951z" stroke-width="2" stroke="#72777D" fill="#FFF"/><path d="M99.5 84c-2.643-6.928-10.046-12-17.75-12C71.72 72 64 79.728 64 90c0 14.116 14.961 25.032 35.5 46 20.539-20.968 35.5-31.884 35.5-46 0-10.272-7.72-18-17.75-18-7.711 0-15.107 5.072-17.75 12z" fill="#
<h3 class="ty-description">
</html>{{{share-text}}}<html>
Line 655 ⟶ 664:
<div class="ty-area">
<h4>
<a href="https://
</html>{{{match-header}}}<html>
</a>
</h4>
<a href="https://wikimediafoundation.org/wiki/</html>{{{match-link|Matching_Gifts}}}<html>" title="</html>{{{match-header}}}<html>">
<svg class="ty-icon ty-icon-gift" role="img" aria-labelledby="ty-icon-gift-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title id="ty-icon-gift-title"></html>{{{match-header}}}<html></title><g stroke="#72777D" stroke-width="2" fill="none" fill-rule="evenodd"><path d="M13.601 85.756H186.4v104.106a2.12 2.12 0 0 1-2.12 2.12H15.72a2.12 2.12 0 0 1-2.12-2.12V85.756z" fill="#FFF"/><path fill="#
</a>
<p class="ty-description">
Line 668 ⟶ 677:
<div class="ty-area">
<h4>
<a href="https://www.surveymonkey.com/r/</html>{{#if:{{{survey-code|
</html>{{{survey-header}}}<html>
</a>
</h4>
<a href="https://www.surveymonkey.com/r/</html>{{#if:{{{survey-code|
<svg class="ty-icon ty-icon-survey" role="img" aria-labelledby="ty-icon-survey-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><title id="ty-icon-survey-title"></html>{{{survey-header}}}<html></title><g fill="none" fill-rule="evenodd"><g stroke="#54595D" stroke-width="2" transform="translate(28 4)"><rect fill="#FFF" y="19" width="144" height="172" rx="2.624"/><path d="M54.175 11.18C55.401 4.862 62.915 0 72 0c9.037 0 16.518 4.81 17.804 11.077L116.987 11A8.988 8.988 0 0 1 126 19.986V26.9a2.1 2.1 0 0 1-2.1 2.1H20.1a2.1 2.1 0 0 1-2.1-2.1v-6.758a8.884 8.884 0 0 1 8.858-8.884l27.317-.078z" fill="#EAECF0"/></g><path stroke="#
</a>
<p class="ty-description">
</html>{{{survey-text}}}<html>
<span class="ty-description-small">
</html>{{{survey-legal|This survey is powered by a third-party service. For information on privacy and data-handling, please see the [[wmf:Donor Thank You Survey Privacy Statement|survey privacy statement]].}}}<html>
</span>
</p>
</div><!--ty-area-->
<div class="ty-area" id="ty-store" style="display: none;">
<h4>
<a href="https://store.wikimedia.org/" title="</html>{{{store-header}}}<html>" class="ty-action">
Line 686 ⟶ 698:
</h4>
<a href="https://store.wikimedia.org/" title="</html>{{{store-header}}}<html>">
<svg class="ty-icon ty-icon-merchandise" role="img" aria-labelledby="ty-icon-merchandise-title" width="200" height="200" viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><title id="ty-icon-merchandise-title"></html>{{{store-header}}}<html></title><defs><path d="M0 0h43.015C44.057 0 44.9.845 44.9 1.887v68.117a1.887 1.887 0 0 1-1.886 1.886H1.887A1.887 1.887 0 0 1 0 70.004V0z" id="a"/><path d="M0 0h43.015C44.057 0 44.9.845 44.9 1.887v68.117a1.887 1.887 0 0 1-1.886 1.886H1.887A1.887 1.887 0 0 1 0 70.004V0z" id="b"/><path d="M69.724.017L35.34 8.496a1.887 1.887 0 0 0-1.435 1.832v158.785c0 1.042.844 1.887 1.886 1.887h126.324a1.887 1.887 0 0 0 1.886-1.887V13.891c0-.794-.497-1.503-1.243-1.774L129.345 0h-.06c-6.798 1.721-17.622 2.834-29.813 2.834-12.152 0-22.946-1.106-29.748-2.817z" id="c"/><path d="M69.758.014L35.014 6.446a1.887 1.887 0 0 0-1.543 1.86l.43 160.812A1.887 1.887 0 0 0 35.787 171h126.329a1.887 1.887 0 0 0 1.886-1.887V8.29c0-.904-.64-1.68-1.528-1.852L129.234 0h-.049c.002.157.004.315.004.472 0 16.436-13.305 29.76-29.717 29.76-16.413 0-29.717-13.324-29.717-29.76 0-.153 0-.305.003-.458z" id="d"/></defs><g fill="none" fill-rule="evenodd"><g transform="rotate(-28 147.163 -229.984)"><use fill="#FFF" xlink:href="#a"/><path stroke="#72777D" stroke-width="2" d="M-1-1h44.015A2.887 2.887 0 0 1 45.9 1.887v68.117a2.887 2.887 0 0 1-2.886 2.886H1.887A2.887 2.887 0 0 1-1 70.004V-1z"/></g><path d="M151.999 92.576l39.645-21.08 6.063 11.402c.49.92.14 2.063-.78 2.552l-36.314 19.309c-.92.489-2.062.14-2.551-.78l-6.063-11.403z" fill="#EAECF0"/><g transform="scale(-1 1) rotate(-28 47.163 171.094)"><use fill="#FFF" xlink:href="#b"/><path stroke="#72777D" stroke-width="2" d="M-1-1h44.015A2.887 2.887 0 0 1 45.9 1.887v68.117a2.887 2.887 0 0 1-2.886 2.886H1.887A2.887 2.887 0 0 1-1 70.004V-1z"/></g><path d="M48.001 92.576L8.356 71.496 2.293 82.898c-.49.92-.14 2.063.78 2.552l36.314 19.309c.92.489 2.062.14 2.551-.78l6.063-11.403z" fill="#EAECF0"/><g transform="translate(1 15)"><use fill="#EAECF0" xlink:href="#c"/><path stroke="#72777D" stroke-width="1.887" d="M69.954-.898C76.87.842 87.709 1.89 99.472 1.89c11.801 0 22.671-1.056 29.582-2.806l.114-.028h.342l33.57 12.173a2.83 2.83 0 0 1 1.866 2.66v155.223a2.83 2.83 0 0 1-2.83 2.83H35.792a2.83 2.83 0 0 1-2.83-2.83V10.328a2.83 2.83 0 0 1 2.153-2.748L69.726-.956l.228.058z"/></g><g transform="translate(1 15)"><use fill="#FFF" xlink:href="#d"/><path stroke="#72777D" stroke-width="2" d="M70.758.03c-.002.147-.003.295-.003.442 0 15.884 12.857 28.76 28.717 28.76s28.717-12.876 28.717-28.76c0-.152-.002-.304-.004-.456L128.17-1h1.065l.19.018 33.24 6.437a2.887 2.887 0 0 1 2.338 2.834v160.824a2.887 2.887 0 0 1-2.886 2.887H35.787a2.887 2.887 0 0 1-2.886-2.88L32.47 8.31a2.887 2.887 0 0 1 2.361-2.847l35.944-6.654-.018 1.22z"/></g><g fill-rule="nonzero" fill="#
</a>
<p class="ty-description">
Line 693 ⟶ 705:
</div><!--ty-area-->
</section><!--ty-section-->
</html>{{#ifeq:{{{language|}}}|en|<html><!-- Only show Endowment in English for now -->
<hr class="ty-hr ty-hr--narrow" />
<section class="ty-section ty-tertiary">
Line 707 ⟶ 720:
</p>
</section><!--ty-section-->
</html>}}<html>
<hr class="ty-hr ty-hr--narrow" />
▲ </html>{{Hide banners}}<html>
<footer class="ty-section ty-footer">
<p></html>{{{footer-text1}}}<html></p>
Line 715 ⟶ 728:
</div><!--ty-main-->
</div><!--ty-page-->
<div style="display: none
</html>[{{fullurl:{{FULLPAGENAME}}|action=edit}} Edit this page] · [{{fullurl:Template:Thank_You_2018|action=edit}} Edit template] · [https://donate.wikimedia.org/wiki/Special:PrefixIndex?prefix=Thank+You&namespace=0 Other languages] · [[Support pages index]]<html>
</div><!--edit page snippet-->
</html>
{{Hide banners}}<!-- Important - do not remove! -->
[[Category:Fundraising Thank You page]]▼
{{Thank You 2018/js}}<!-- Javascript is in a subpage, so you can edit and preview this one without Chrome's XSS filter being paranoid -->
{{DISPLAYTITLE:{{{header|Thank You}}}}}<!-- Changes <title> -->
{{#if:{{{language|}}}|[[Category:{{#language:{{{language}}}}}]]}}
| |||
Revision as of 13:59, 14 August 2018
{{{share-text}}}
{{{survey-header}}}
{{{survey-text}}} This survey is powered by a third-party service. For information on privacy and data-handling, please see the survey privacy statement.