Template:Thank You 2018: Difference between revisions

Content deleted Content added
also use {{urlencode}} for Facebook shared URL, makes it much clearer
mNo edit summary
 
(53 intermediate revisions by 5 users not shown)
Line 1:
<span style="font-size: 1.3em;">Our Thank You page has moved. Please [https://thankyou.wikipedia.org/wiki/{{PAGENAMEE}} click here].</span>
<html><!--html tag needed to render properly-->
<style>
/* Wiki Resets
---------------------------------------------- */
html, body {
margin: 0;
padding: 0;
}
 
#jump-to-nav {
display: none;
}
 
#firstHeading, #contentSub, #siteSub {
display: none
}
 
/* Hiding the Interface on Desktop and Mobile, identical to Template: HideInterface */
/* Desktop */
#mw-navigation,
#mw-page-base,
#mw-head-base,
h1#firstHeading,
div#footer,
div#contentSub,
.patrollink,
#catlinks {
display: none;
}
 
/* Mobile */
body.mw-mobile-mode .header,
body.mw-mobile-mode #mw-mf-last-modified,
body.mw-mobile-mode .pre-content,
body.mw-mobile-mode #footer {
display: none;
}
 
body div#content {
height: 100%;
margin: 0;
padding: 0;
border: none;
}
 
.mw-body-content p {
margin: 0;
}
 
/* Colors
----------------------------------------------
HEX Color Usage
#54595d black WMF Base20, Main color
#295fcc blue contrast Adaptation from #36c to work on bg gradient
#36c blue WMF Accent50 Progressive, action buttons and links
#447ff5 blue bright OOJS Primary progressive hover color
#fee7e6 red mellow WMF Red90,
#ffdad9 red soft Used in bg gradient
#fcb8c0 red light <hr> separator bg color
#ff908c red .ty-area separator on mobile (* * *)
#fef6e7 yellow soft WMF Yellow90, Gradient Color
*/
 
/* Base settings
---------------------------------------------- */
 
body {
background-color: white;
font-size: 100%;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
}
 
img,
svg {
max-width: 100%;
}
 
ul {
list-style: none;
}
 
button {
margin: 0;
padding: 0;
background: none;
border: none;
}
 
.ty-page * {
margin: 0;
padding: 0;
line-height: 1;
color: #54595d;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
box-sizing: border-box;
}
 
.ty-page h1,
.ty-page h2,
.ty-page h3,
.ty-page h4,
.ty-page h5,
.ty-page h6 {
margin: 0;
padding: 0;
border-bottom: none;
}
 
/* Grid
---------------------------------------------- */
.ty-wrapper {
max-width: 848px;
}
 
.ty-page .ty-description {
margin: 0 auto;
max-width: 498px;
}
 
.ty-footer {
max-width: 704px;
}
 
.ty-secondary,
.ty-tertiary {
max-width: 1024px;
}
 
/* Section Spacing
---------------------------------------------- */
.ty-header {
padding: 20px 16px 30px;
}
 
@media all and (min-width: 768px) {
.ty-header {
padding: 35px 32px 45px;
}
}
 
.ty-section {
padding: 20px 16px 25px;
}
 
@media all and (min-width: 768px) {
.ty-section {
padding: 30px 32px;
}
}
 
.ty-primary {
padding-top: 20px;
padding-bottom: 0;
}
 
@media all and (min-width: 768px) {
.ty-primary {
padding-top: 25px;
}
}
 
.ty-footer {
padding-top: 10px;
padding-bottom: 20px;
}
 
@media all and (min-width: 768px) {
.ty-footer {
padding-top: 15px;
padding-bottom: 25px;
}
}
 
/* Typography
---------------------------------------------- */
 
.ty-action,
.ty-footer {
font-size: 14px;
line-height: 1.4285714286; /*20px @14px*/
}
 
@media all and (min-width: 768px) {
.ty-action,
.ty-footer {
font-size: 16px;
line-height: 1.25; /*20px @16px*/
}
}
 
.ty-action {
font-weight: bold;
}
 
.ty-page .ty-header-description {
font-size: 16px;
line-height: 1.5625; /*25px @16px*/
}
 
@media all and (min-width: 768px) {
.ty-page .ty-header-description {
font-size: 18px;
line-height: 1.6666666667; /*30px @18px*/
}
}
 
.ty-page .ty-description,
.ty-page .ty-section-subtitle {
font-size: 18px;
line-height: 1.3888888889; /*25px @18px*/
font-weight: normal;
}
 
@media all and (min-width: 768px) {
.ty-page .ty-description,
.ty-page .ty-section-subtitle {
font-size: 21px;
line-height: 1.4285714286; /*30px @21px*/
}
}
 
.ty-primary .ty-description {
font-size: 20px;
line-height: 1.25; /*25px @20px*/
}
 
@media all and (min-width: 768px) {
.ty-primary .ty-description {
font-size: 26px;
line-height: 1.3461538462; /*35px @26px*/
}
}
 
.ty-page .ty-section-title {
font-size: 26px;
line-height: 1.3461538462; /*35px @26px*/
font-weight: normal;
}
 
@media all and (min-width: 768px) {
.ty-page .ty-section-title {
font-size: 30px;
line-height: 1.3333333333; /*40px @30px*/
}
}
 
.ty-page .ty-header-logo {
font-size: 1em;
}
 
.ty-page .ty-header-title {
font-size: 30px;
line-height: 1.3333333333; /*40px @30px*/
font-weight: 200;
}
 
@media all and (min-width: 768px) {
.ty-page .ty-header-title {
font-size: 50px;
line-height: 1.2; /*60px @50px*/
}
}
 
/* Styling
---------------------------------------------- */
 
.ty-wrapper {
position: relative;
z-index: 2;
margin: 0 auto;
}
 
.ty-icon {
position: relative;
height: 120px;
}
 
@media all and (min-width: 768px) {
.ty-icon {
height: 160px;
}
}
 
.ty-icon-tick {
margin-bottom: -3px;
width: 18px;
height: 18px;
}
 
@media all and (min-width: 768px) {
.ty-icon-tick {
width: 20px;
height: 20px;
}
}
 
.ty-header {
text-align: center;
background-color: #36c;
}
 
.ty-header:after,
.ty-main:after {
position: absolute;
display: block;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: ' ';
background-image: url('https://upload.wikimedia.org/wikipedia/donate/2/26/Wiki15bknd-white-15.png');
}
 
.ty-header:after {
opacity: 0.4;
}
 
.ty-header * {
color: #fff;
}
 
.ty-main:after {
opacity: 0.2;
filter: invert(100%);
-webkit-filter: invert(100%);
}
 
.ty-logo-wmf {
width: 88px;
height: 64px;
}
 
@media all and (min-width: 768px) {
.ty-logo-wmf {
width: 110px;
height: 80px;
}
}
 
.ty-page .ty-header-title {
margin-top: 5px;
}
 
@media all and (min-width: 768px) {
.ty-page .ty-header-title {
margin-top: 10px;
}
}
 
.ty-page .ty-header-description {
margin-top: 10px;
}
 
.ty-header-description a {
padding-bottom: 2px;
text-decoration: none;
border-bottom: 1px solid #fff;
color: #fff;
}
 
.ty-header-description a:hover,
.ty-header-description a:focus {
border-bottom: 2px solid #fff;
}
 
.ty-main {
position: relative;
z-index: 2;
background-image: linear-gradient(-180deg, #ffdad9 33%, #fee7e6 66%, #fef6e7 100%);
}
 
.ty-hr {
height: 2px;
border: 0;
background-color: #fcb8c0;
}
 
.ty-hr--narrow {
margin: 0 16px;
}
 
@media all and (min-width: 1040px) {
.ty-hr--narrow {
max-width: 1024px;
margin: 0 auto;
}
}
 
.ty-section {
position: relative;
z-index: 2;
margin: 0 auto;
text-align: center;
}
 
.ty-primary {
position: relative;
}
 
.ty-secondary .ty-action:hover .ty-icon-social path,
.ty-secondary .ty-action:focus .ty-icon-social path,
.ty-secondary .ty-share.highlight .ty-action .ty-icon-social path {
fill: #fff;
}
 
.ty-primary .ty-action,
.ty-primary .ty-action:visited {
color: #fff;
}
 
.ty-primary .ty-action {
background-color: #36c;
border: 2px solid #36c;
}
 
@media all and (min-width: 768px) {
.ty-primary .ty-action {
min-width: 200px;
}
}
 
.ty-action,
.ty-action:visited {
color: #295fcc;
}
 
.ty-action {
position: relative;
top: -5px; /*balance out margins*/
display: inline-block;
margin: 5px;
padding: 8px 20px; /*40px height*/
text-align: center;
border: 2px solid #295fcc;
border-radius: 2px;
cursor: pointer;
text-decoration: none;
transition: all 0.15s ease-in-out;
}
 
@media all and (min-width: 768px) {
.ty-action {
padding: 10px 21px 11px 19px; /*45px height*/
}
}
 
.ty-action:hover,
.ty-action:focus {
text-decoration: none;
}
 
.ty-action:hover,
.ty-action:focus,
.ty-share.highlight .ty-action {
color: #fff;
background-color: #447ff5;
border-color: #447ff5;
}
 
.ty-action:focus {
outline: 0;
box-shadow: inset 0 0 0 1px #447ff5, inset 0 0 0 2px #fff
}
 
.ty-primary .ty-icon {
margin-top: 5px;
}
 
.ty-primary .ty-description {
margin: 5px auto 0;
}
 
@media all and (min-width: 768px) {
.ty-primary .ty-description {
margin: 10px auto 0;
}
}
 
.ty-icon-social {
height: 19px;
margin-bottom: -4px;
margin-right: 4px;
}
 
.ty-icon-social path {
transition: all 0.15s ease-in-out;
}
 
.ty-secondary .ty-icon-social path {
fill: #36c;
}
 
.ty-secondary {
max-width: 1024px;
padding-left: 16px;
padding-right: 16px;
}
 
@media all and (min-width: 768px) {
.ty-secondary {
display: table;
}
}
 
@media all and (min-width: 768px) {
.ty-secondary .ty-area {
display: table-cell;
}
}
 
@media all and (min-width: 768px) {
.ty-secondary .ty-icon {
margin-top: 10px;
}
}
 
.ty-area {
display: block;
text-align: center;
text-decoration: none;
transition: all 0.15s ease-in-out;
}
 
@media all and (min-width: 768px) {
.ty-area {
padding: 0 16px;
}
}
 
.ty-area + .ty-area {
margin-top: 16px;
}
 
@media all and (min-width: 768px) {
.ty-area + .ty-area {
margin-top: 0;
}
}
 
.ty-area:before {
display: block;
margin-bottom: 14px;
content: "* * *";
color: #ff908c;
font-weight: bold;
font-size: 16px;
line-height: 1;
}
 
@media all and (min-width: 768px) {
.ty-area:before {
display: none;
}
}
 
.ty-primary .ty-area:before {
display: none;
}
 
.ty-secondary .ty-description {
margin-top: 10px;
}
 
.ty-section-title {
color: #295fcc;
}
 
.ty-page .ty-section-subtitle {
margin-top: 5px;
}
 
/*Reset visited link color*/
.ty-footer a,
.ty-footer .external,
.mw-parser-output .ty-footer a:visited,
.mw-parser-output .ty-footer .external:visited,
.mw-parser-output .ty-section-title a {
color: #36c;
}
 
.ty-footer a,
.mw-parser-output .ty-footer .external {
padding: 0;
text-decoration: none;
background-image: none;
}
 
.ty-footer a:hover,
.ty-footer a:focus,
.mw-parser-output .ty-footer .external:hover,
.mw-parser-output .ty-footer .external:focus {
color: #447ff5;
text-decoration: underline;
}
</style>
<div class="ty-page">
<header class="ty-header">
<div class="ty-wrapper">
<h1 class="ty-header-logo">
<a href="https://wikimediafoundation.org/wiki/Home" title="Wikimedia Foundation">
<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>
</h1>
<h2 class="ty-header-title">
</html>{{{header}}}<html>
</h2>
<p class="ty-header-description">
<strong>
<svg class="ty-icon-tick" role="img" aria-labelledby="ty-icon-tick-title" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><title id="ty-icon-tick-title"></html>{{{receipt}}}<html></title><g fill="none" fill-rule="evenodd"><circle cx="10" cy="10" r="10" fill="#1DC227"/><path stroke="#FFF" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5.6 10.609L8.687 14.4l6.513-8"/></g></svg>
</html>{{{receipt}}}<html>
</strong>
<br />
<span id="ty-bpay" style="display: none;">
</html>{{{bpay}}}<html>
</span>
<span id="ty-banktransfer" style="display: none;">
</html>{{{bank-transfer}}}<html>
</span>
<span id="ty-bitcoin" style="display: none;">
</html>{{{receipt-bitcoin}}}<html>
</span>
</html>{{{header-text1}}}<html>
</html>{{{header-text2}}}<html>
</html>{{{header-text3}}}<html>
</p>
</div>
<div class="ty-mask"></div>
</header>
<div class="ty-main">
<section class="ty-section ty-primary">
<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://donate.wikimedia.org/?utm_medium=SocialMedia&utm_campaign=ThankYouPage&utm_source=Facebook}}<html>" title="</html>{{{share-facebook-alt}}}<html>" target="_blank">
<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}}<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="#36c"/></g></svg>
<h3 class="ty-description">
</html>{{{share-text}}}<html>
</h3>
</div><!--ty-area-->
</section><!--ty-section-->
<section class="ty-section ty-secondary">
<div class="ty-area">
<h4>
<a href="https://wikimediafoundation.org/wiki/Matching_Gifts" title="</html>{{{match-header}}}<html>" class="ty-action">
</html>{{{match-header}}}<html>
</a>
</h4>
<a href="https://wikimediafoundation.org/wiki/Matching_Gifts" 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="#36c" d="M3 85.869h194v-28.31H3z"/><path d="M92.016 66.3l-28.73 28.972a1.06 1.06 0 0 1-1.799-.912l.862-5.442a2.12 2.12 0 0 0-2.311-2.441l-6.292.649a1.06 1.06 0 0 1-.862-1.801l26.682-26.908c-19.856-.765-26.656-3.57-28.772-4.875-11.764-7.287-15.286-22.564-7.86-34.063C47.597 12.29 55.593 8 64.317 8a25.54 25.54 0 0 1 13.47 3.833C84.096 15.718 92.762 30.618 100 45.566c7.239-14.948 15.905-29.848 22.213-33.733A25.54 25.54 0 0 1 135.684 8c8.724 0 16.72 4.29 21.381 11.479 7.427 11.5 3.905 26.776-7.86 34.063-2.166 1.336-9.244 4.245-30.224 4.926l26.63 26.857a1.06 1.06 0 0 1-.86 1.8l-6.293-.648a2.12 2.12 0 0 0-2.311 2.44l.862 5.443a1.06 1.06 0 0 1-1.8.912l-27.225-27.456V192H92.016V66.3zm55.652-40.132c-2.57-3.963-6.978-6.328-11.788-6.328a14.08 14.08 0 0 0-7.426 2.113c-4.484 2.761-11.128 15.615-15.461 25.608 2.37.097 5.322.182 8.487.182 15.64 0 20.496-1.958 21.855-2.795 6.485-4.018 8.427-12.44 4.333-18.78zm-95.319.003c-4.094 6.34-2.152 14.762 4.333 18.78 1.359.837 6.216 2.796 21.856 2.796 3.166 0 6.116-.086 8.487-.183-4.333-9.993-10.977-22.847-15.461-25.608a14.08 14.08 0 0 0-7.427-2.114c-4.81 0-9.218 2.366-11.788 6.329z" fill="#FC3"/></g></svg>
</a>
<p class="ty-description">
</html>{{{match-text}}}<html>
</p>
</div><!--ty-area-->
<div class="ty-area">
<h4>
<a href="https://www.surveymonkey.com/r/</html>{{{survey-code|DLSJWTY}}}<html>" title="</html>{{{survey-header}}}<html>" class="ty-action">
</html>{{{survey-header}}}<html>
</a>
</h4>
<a href="https://www.surveymonkey.com/r/</html>{{{survey-code|DLSJWTY}}}<html>" title="</html>{{{survey-header}}}<html>">
<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="#36c" stroke-width="6.298" stroke-linecap="round" stroke-linejoin="round" d="M71 107.675L89.648 129 129 84"/></g></svg>
</a>
<p class="ty-description">
</html>{{{survey-text}}}<html>
</p>
</div><!--ty-area-->
<div class="ty-area" id="ty-store" style="display: none;"> <!--only displayed in US/Canada, by code in //wikimediafoundation.org/wiki/MediaWiki:Common.js -->
<h4>
<a href="https://store.wikimedia.org/" title="</html>{{{store-header}}}<html>" class="ty-action">
</html>{{{store-header}}}<html>
</a>
</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="#36c"><path d="M93.704 71.568s-.735-1.539-.986-2.05c-1.67-3.407-1.634-3.588-3.322-3.82-.472-.063-.717-.125-.717-.367v-1.078l.142-.105c3.05-.004 9.837-.004 9.837-.004l.26.088v1.075c0 .245-.17.37-.516.37l-.713.106c-1.803.144-1.508.903-.31 3.36l11.368 23.953.388.11 10.093-24.668c.35-.994.297-1.699-.154-2.114-.453-.402-.771-.643-1.94-.692l-.948-.048a.536.536 0 0 1-.332-.126.358.358 0 0 1-.158-.299v-1.027l.144-.105h11.402l.116.105v1.027c0 .279-.154.419-.458.419-1.494.068-2.601.402-3.318.998-.72.6-1.28 1.425-1.682 2.502 0 0-9.282 21.877-12.458 29.15-1.216 2.384-2.411 2.166-3.463-.068-2.22-4.71-8.475-19-8.475-19l-3.8-7.692z"/><path d="M113.091 64.136s-6.529-.02-9.435 0l-.145.105v1.022c0 .125.053.224.159.3.108.08.218.122.336.122l.467.051c1.188.048 1.735.365 1.898.56.283.35.424.73-.263 2.243L93.918 93.1l-.32-.084s-8.73-18.597-11.258-24.82c-.263-.642-.381-1.122-.381-1.417 0-.632.565-.974 1.694-1.021l1.317-.056c.348 0 .526-.136.526-.418v-1.021l-.119-.105s-10.457-.012-12.617 0l-.118.105v1.073c0 .193.242.313.73.366 1.326.072 2.199.287 2.619.643.417.36.86 1.27 1.447 2.69 3.174 7.7 9.917 21.444 13.2 29.271.946 2.137 2.135 2.469 3.578-.066 2.499-4.68 9.275-18.982 9.275-18.982l5.336-10.082a44.976 44.976 0 0 1 1.525-2.456c.556-.81.868-.962 2.389-1.034.31 0 .467-.14.467-.422v-1.022l-.117-.107z"/></g></g></svg>
</a>
<p class="ty-description">
</html>{{{store-text}}}<html>
</p>
</div><!--ty-area-->
</section><!--ty-section-->
<hr class="ty-hr ty-hr--narrow" />
<section class="ty-section ty-tertiary">
<a class="ty-action" href="https://wikimediaendowment.org/" title="</html>{{{endowment-header}}}<html>">
</html>{{{endowment-header}}}<html>
</a>
<h4 class="ty-section-title">
<a href="https://wikimediaendowment.org/" title="</html>{{{endowment-header}}}<html>">
</html>{{{endowment-title}}}<html>
</a>
</h4>
<p class="ty-section-subtitle">
</html>{{{endowment-text}}}<html>
</p>
</section><!--ty-section-->
<hr class="ty-hr ty-hr--narrow" />
</html>{{Hide banners}}<html>
<footer class="ty-section ty-footer">
<p></html>{{{footer-text1}}}<html></p>
<p></html>{{{footer-text2}}}<html></p>
</footer>
</div><!--ty-main-->
</div><!--ty-page-->
<div style="display: none; position: relative; z-index: 999;" class="loggedinonly">
</html>[{{fullurl:{{FULLPAGENAME}}|action=edit}} Edit this page] · [{{fullurl:Template:Thank_You_2018|action=edit}} Edit template]<html>
</div><!--edit page snippet-->
<script>
// Hint to click a share button when icon is clicked
document.getElementsByClassName('ty-share')[0].addEventListener('click', function() {
var primaryClick = this;
primaryClick.classList.add('highlight');
setTimeout(function() {
primaryClick.classList.remove('highlight');
}, 400);
});
 
// Add viewport meta tag
(function() {
var metaTag = document.createElement('meta');
metaTag.name = "viewport";
metaTag.content = "width=device-width, initial-scale=1.0";
document.getElementsByTagName('head')[0].appendChild(metaTag);
})();
</script>
</html>
[[Category:Fundraising Thank You page]]