Thank You 2020: Difference between revisions
Content deleted Content added
No edit summary |
Seddon (WMF) (talk | contribs) No edit summary |
||
(85 intermediate revisions by 4 users not shown) | |||
Line 1:
<html><meta name="viewport" content="width=device-width, initial-scale=1"></html><!-- hack: meta tag should really be in <head> but can't do that -->
<html><body>
<style>
Line 124 ⟶ 125:
h1,.h1{font-size:1.875rem}
@media screen and (min-width:
h1,.h1{font-size:2.9375rem}
}
Line 133 ⟶ 134:
h2,.h2{margin-bottom:2rem;font-size:1.125rem}
@media screen and (min-width:
h2,.h2{margin-bottom:2rem}
}
@media screen and (min-width:
h2,.h2{font-size:1.25rem}
}
Line 146 ⟶ 147:
h3,.h3{margin-bottom:2rem;font-size:1.125rem}
@media screen and (min-width:
h3,.h3{margin-bottom:2rem}
}
@media screen and (min-width:
h3,.h3{font-size:1.25rem}
}
Line 158 ⟶ 159:
p,.p{font-size:.8125rem;line-height:1.466}
@media screen and (min-width:
p,.p{font-size:.875rem}
}
Line 168 ⟶ 169:
.mw-1120{max-width:70rem;padding:0 1.25rem;margin:0 auto}
@media screen and (min-width:
.w-100p{width:100%;max-width:100%}
.flex.flex-medium{display:flex;flex-direction:column}
@media screen and (min-width:
.flex.flex-wrap{flex-wrap:wrap}
Line 182 ⟶ 183:
.mod-margin-bottom_sm{margin-bottom:2rem}
@media screen and (min-width:
.wysiwyg p a,.wysiwyg .p a,.wysiwyg li a{color:#3a25ff}
Line 192 ⟶ 193:
.card{position:relative}
@media screen and (min-width:
.card{margin-right:1.25rem}
.card:last-child{margin-right:0}
}
@media screen and (min-width:
.screen-reader-text {
Line 216 ⟶ 217:
.btn{
display:inline-block;
text-align: center;
font-size: 16px;
font-weight:700;
Line 285 ⟶ 287:
outline:1px dotted #d40356
}
.app-links {
text-align:center;
}▼
.app-links img {
}
/* header */
Line 295 ⟶ 301:
.logo-container {
max-width:
margin: auto;
margin-bottom: 1.5rem;
}
.logo-container a {
display:inline-block;
width:
margin: 0 2%;
}
@media screen and (max-width:400px){
.logo-container a {
}
}
.logo-container a:hover {
Line 312 ⟶ 324:
.logo-container svg {
width:100%;
max-width:
margin: auto
}
.logo-container img {
max-width: 90px;
margin: auto
}
Line 326 ⟶ 343:
transform: translateY(-5px);
}
.endowment-logo {
transform: translateY(-8px);
filter: invert(90%);
}
.btn-label-a11y{font-size:0;height:1px;overflow:hidden;display:block}
Line 345 ⟶ 367:
}
@media screen and (min-width:
.header-img {
height: 175px;
Line 362 ⟶ 384:
}
@media screen and (min-width:
.header-bg-img {
position:absolute;
Line 395 ⟶ 417:
}
@media (max-width:
.vision_container {
width: 100%;
Line 407 ⟶ 429:
}
@media screen and (min-width:
.vision_container h1 {
white-space: nowrap;
Line 447 ⟶ 469:
padding: .5rem 0 2rem;
text-align: center;
max-width:
}
Line 453 ⟶ 475:
.page-intro {
padding:1.5rem;
margin-top:0;
}
}
Line 468 ⟶ 490:
}
@media screen and (min-width:
.social-share{margin-top:auto;width:100%;align-self:flex-end}
@media screen and (min-width:
.mw-600 {
max-width:37.5rem;
Line 516 ⟶ 538:
}
@media screen and (min-width:
.cta-primary .card{
padding: 0;
Line 527 ⟶ 549:
}
@media screen and (min-width:
@media (max-width:
.cta-primary .h2,
.cta-primary .h3 { color:#d40356;line-height:1.2 }
Line 534 ⟶ 556:
.cta .card-content{position:relative;z-index:2}
@media screen and (min-width:
.cta .card-content .h2 {
Line 544 ⟶ 566:
.cta .card-content .p { margin-bottom:1.5rem }
@media screen and (min-width:
.cta .card-content p,
.cta .card-content .p {
Line 568 ⟶ 590:
.w-75p { width:100% }
@media screen and (min-width:
.w-25p { width:25% }
.w-32p { width:32% }
Line 587 ⟶ 609:
}
@media screen and (min-width:
.sm-img {
width:70%;
Line 614 ⟶ 636:
}
@media screen and (min-width:
.other-ctas .h2 {
font-size: 2rem;
Line 645 ⟶ 667:
position:absolute;
bottom:22px
}
.stick-to-bottom2 {
position:absolute;
bottom:77px
}
Line 664 ⟶ 691:
.focus-block .h3 {
margin-bottom:.3125rem;
font-size:1.
line-height: 1.
}
@media screen and (min-width:
.focus-block p {
margin-bottom:
font-size: 1.3rem;
}
@media screen and (min-width:1080px) {
.focus-block p {
font-size: 1rem;
}
}
.focus-block .small {
font-size: .85rem;
Line 695 ⟶ 730:
@media screen and (min-width:
footer .footer-legal {
Line 707 ⟶ 742:
line-height: 1.3;
}
footer .footer-legal a {
@media (min-width:768px) and (max-width:1280px){footer .footer-legal p,footer .footer-legal .p{font-size:.85rem}}▼
color: white;
}
▲ @media screen and (min-width:
@media (min-width:1281px){footer .footer-legal p,footer .footer-legal .p{font-size:.95rem}}
Line 763 ⟶ 801:
margin-bottom: 1rem;
}
@media screen and (min-width:
.email-signup input {
font-size:1.125rem;
Line 790 ⟶ 828:
font-size:1rem
}
@media screen and (min-width:
.email-signup input::-webkit-input-placeholder {
font-size:1.125rem
Line 805 ⟶ 843:
font-size:1rem
}
@media screen and (min-width:
.email-signup input::-moz-placeholder {
font-size:1.125rem
Line 820 ⟶ 858:
font-size:1rem
}
@media screen and (min-width:
.email-signup input:-ms-input-placeholder {
font-size:1.125rem
Line 835 ⟶ 873:
font-size:1rem
}
@media screen and (min-width:
.email-signup input:-moz-placeholder {
font-size:1.125rem
Line 872 ⟶ 910:
/* Error messages */
.
display: none;
margin: 5px 0 5px 5px;
Line 881 ⟶ 919:
}
border-color: #d33 !important;
outline: #d33 !important;
box-shadow: inset 0 0 0 1px #d33 !important;
}
.frb-inline-disclaimer {
width:100%;
padding: 4px;
text-align: center;
font-size: 12px;
}
</style>
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
Line 904 ⟶ 948:
<div class="page-intro">
<p>2019 flew by so fast. New elections. Natural catastrophes. The Women's World Cup. It was a year that didn’t stop giving us something new to wake up to and learn about.</p><br/><p>We made a video highlighting some of the events that became part of Wikipedia this year as small thank you to readers, editors, and donors. You’ve helped to propel us into the future and given knowledge a home on the internet: Wikipedia.
</div>
Line 915 ⟶ 959:
<main id="content">
<section class="video-container">
<iframe src="https://commons.wikimedia.org/wiki/File:Wikipedia_-_Edit_2019.webm?embedplayer=yes" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" frameborder="0" ></iframe> ▼
</section><!--video-container-->
Line 931 ⟶ 974:
<div class="card-content ">
<h3 class="h3"><a href="/" title="Secondary Action 1">
<div class="mar-bottom">
<p>
</div>
<a href="https://wikimediafoundation.org/news/2019/12/02/imagination-becomes-reality-in-the-winners-of-the-2019-wiki-loves-earth-photo-contest/" class="btn btn-blue stick-to-bottom">Check it out</a>
</div>
Line 951 ⟶ 994:
<div class="card-content ">
<h3 class="h3">
<div class="mar-bottom">
<p>Get the Wikipedia app today for the quickest way to check a fact and get answers to your questions
</div>
<div class="app-links">
<a href="https://play.google.com/store/apps/details?id=org.wikipedia&referrer=utm_source%3Dwmf%26utm_medium%3Dcentralnotice%26utm_campaign%3D2020ThankYou_VideoLP_Banner" class=""><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/78/Google_Play_Store_badge_EN.svg/135px-Google_Play_Store_badge_EN.svg.png"/></a>
<a href="/" class="btn btn-blue stick-to-bottom">Download it now</a>▼
<a href="https://apps.apple.com/app/apple-store/id324715238?pt=208305&ct=2020ThankYou_VideoLP_Banner&mt=8"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/55/Download_on_iTunes.svg/125px-Download_on_iTunes.svg.png"/></a>
</div>
</div>
Line 971 ⟶ 1,015:
<div class="card-content ">
<h3 class="wmf-subscribe-h3 h3">
<div class="wmf-subscribe-mar-bottom mar-bottom">
<p>
</div>
Line 980 ⟶ 1,024:
<form method="post" action="https://www.pages04.net/wikimedia/19-20ThankYou/Form" class="wmf-subscribe-form" id="wmf-subscribe-form">
<input type="hidden" name="formSourceName" value="StandardForm" />
<!-- DO NOT REMOVE HIDDEN FIELD sp_exp -->
<input type="hidden" name="sp_exp" value="yes" />
<input type="hidden" name="webform_1920ThankYou" value="yes" />
<label for="wmf-subscribe-input-email" class="sr-only">Email address</label>
<div class="flex flex-medium flex-wrap fifty-fifty">
<div class="w-68p">
<input type="email" name="Email" id="wmf-subscribe-input-email" placeholder="Email Address" required dir="ltr" />
</div>
<div class="w-32p">
<button class="btn btn-blue" id="wmf-subscribe-submit" type="submit" tabindex="0" name="button">Subscribe</button>
</div>
<div class="wmf-subscribe-error wmf-subscribe-error-invalidemail" style="display: none;"> Please enter a valid email address.
</div>
</
</form>
<div class="wmf-subscribe-ty" style="display: none;">▼
▲ Thank you!
▲ </div>
▲ </div>
▲ <div class="wmf-subscribe-ty" style="display: none;">
▲ <
</div>
</div>
▲ </div>
</div>
Line 1,029 ⟶ 1,074:
</a>
<a href="https://
<span class="btn-label-a11y">Wikipedia</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 26.4"><path d="M16.287 5.449s-.6-1.1-.7-1.5c-1.3-2.5-1.2-2.6-2.5-2.8-.4 0-.5-.1-.5-.3v-.8l.1-.1h7.4l.2.1v.8c0 .2-.1.3-.4.3l-.5.1c-1.4.1-1.1.7-.2 2.5l8.6 17.6.3.1 7.6-18.1c.3-.7.2-1.2-.1-1.6-.3-.3-.6-.5-1.5-.5h-.7c-.1 0-.2 0-.3-.1-.1-.1-.1-.1-.1-.2v-.8l.1-.1h8.6l.1.1v.8c0 .2-.1.3-.3.3-1.1 0-2 .3-2.5.7-.5.4-1 1-1.3 1.8 0 0-7 16.1-9.4 21.4-.9 1.8-1.8 1.6-2.6 0-1.7-3.5-6.4-14-6.4-14l-3-5.7z"></path><path d="M30.087.049h-7l-.1.1v.8c0 .1 0 .2.1.2.1.1.2.1.2.1h.3c.9 0 1.3.3 1.4.4.2.3.3.5-.2 1.6l-9.1 18.1-.2-.1s-6.5-13.7-8.4-18.3c-.2-.5-.3-.8-.3-1 0-.5.4-.7 1.3-.8h1c.3 0 .4-.1.4-.3v-.8l-.1-.1h-9.4l-.1.1v.8c0 .1.2.2.5.3 1 .1 1.6.2 1.9.5.3.3.6.9 1.1 2 2.4 5.7 7.4 15.8 9.8 21.5.7 1.6 1.6 1.8 2.7 0 1.9-3.4 6.9-14 6.9-14l4-7.4c.5-.8.9-1.5 1.1-1.8.4-.6.6-.7 1.8-.8.2 0 .3-.1.3-.3l.1-.8zM44.787 23.449c0 .9.4 1.4 1.7 1.5l.8.1c.1 0 .2.1.2.2v.9s-3-.1-4.2-.1c-1.1 0-4.2.1-4.2.1l-.1-.1v-.8c0-.2.1-.2.3-.2l.8-.1c1.3-.1 1.7-.7 1.7-1.5v-13.1c0-.9-.5-1.1-1.7-1.2l-.8-.1c-.2 0-.3 0-.3-.2v-1s3.1.1 4.3.1c1.1 0 4.1-.1 4.1-.1v1c0 .1-.1.2-.2.2l-.8.1c-1.2.1-1.7.4-1.7 1.2v13.1h.1zM56.387 23.449c0 .9.5 1.3 1.7 1.5l.4.1c.1 0 .2.1.2.2v.9s-2.5-.1-3.7-.1c-1.1 0-4.3.1-4.3.1l-.1-.1v-.8c0-.2.1-.2.3-.2l.8-.1c1.2-.1 1.7-.7 1.7-1.5v-13.1c0-.9-.4-1.1-1.7-1.2l-.8-.1c-.2 0-.3 0-.3-.2v-1s3.2.1 4.4.1c1.1 0 3.6-.1 3.6-.1v1c0 .1-.1.2-.2.2l-.4.1c-1.2.2-1.7.4-1.7 1.2v5.9c1.3 0 2-.7 3.8-2.5 1.6-1.7 2.8-3.2 2.8-3.9 0-.3-.4-.7-1.1-.8-.2 0-.2-.1-.2-.2v-.9s3.2.1 4.3.1c1 0 2.8-.1 2.8-.1h.1v.9c0 .1-.1.2-.3.2-1.5.1-2.6.2-4 1.8l-3.4 3.9c-.7.7-.9 1.1-.9 1.5 0 .2.2.4.4.7l5.9 7.2c.5.5 1.4.8 2.2.9h.2c.1 0 .3.1.3.2v.8h-.1-5.6v-.5c0-.5 0-.9-.6-1.6l-4.4-5.4c-.6-.8-1.2-1-2.1-1v5.9zM77.687 23.449c0 .9.4 1.4 1.7 1.5l.8.1c.1 0 .2.1.2.2v.9s-3-.1-4.2-.1c-1.1 0-4.2.1-4.2.1l-.1-.1v-.8c0-.2.1-.2.3-.2l.8-.1c1.3-.1 1.7-.7 1.7-1.5v-13.1c0-.9-.5-1.1-1.7-1.2l-.8-.1c-.2 0-.3 0-.3-.2v-1s3.1.1 4.3.1c1.1 0 4.1-.1 4.1-.1v1c0 .1-.1.2-.2.2l-.8.1c-1.2.1-1.7.4-1.7 1.2v13.1h.1zM86.187 10.449c0-1.2-.5-1.3-2.4-1.4-.2 0-.3-.1-.3-.2v-.9h.1c.6 0 2.9.1 4.1.1 1.1 0 2.7-.1 4.1-.1 5.6 0 6.6 2.8 6.6 4.8 0 2.4-1.1 6.1-6.7 6.1-1 0-1.8-.1-2.5-.4v5.3c0 .9.5 1.1 1.7 1.3l.8.1c.2 0 .3.1.3.2v.9s-3.1-.1-4.4-.1c-1.1 0-4.1.1-4.1.1v-.9c0-.2.1-.2.2-.2l.8-.1c1.2-.2 1.6-.5 1.6-1.3l.1-13.3zm3 6.8c.8.3 1.8.4 2.6.4 2.4 0 3.5-1.4 3.5-4.4 0-3.4-1.5-4.1-3.7-4.1-1.9 0-2.4.4-2.4 1.4v6.7zM105.187 26.049c-1.2 0-3.9.1-3.9.1v-1c0-.1 0-.2.2-.2l.9-.1c1.2-.1 1.6-.9 1.6-1.7v-13c0-.9-.5-1.1-1.6-1.1l-.9-.1c-.2 0-.2-.1-.2-.2v-1s3.1.1 4.3.1h5.8c1.2 0 4-.1 4-.1l.1.1c0 1.7.3 3.2.6 4.7l-1 .2c-.4-1.5-1.2-3.5-3.7-3.5h-3.1c-.7 0-1.1.3-1.1.9v5.7h3c1.1 0 1.4-.5 1.5-1.3l.2-.8c0-.1.1-.2.2-.2h.7c.1 0 .1 0 .1.1-.1.9-.2 2-.2 2.9 0 1 .2 1.8.2 2.7l-.1.1h-.7c-.2 0-.3-.1-.3-.2l-.2-.9c-.2-.8-.5-1.2-1.5-1.2h-3v6c0 .7.4 1.5 1.1 1.5h3.7c2 0 3.1-1.3 3.6-3.3l1 .1-.8 4.5-.1.1s-2.3-.1-3.5-.1l-6.9.2zM119.987 25.049l.9-.1c1.2-.1 1.6-.5 1.6-1.7v-13c0-1-.3-1-1.6-1.1l-.9-.1c-.2 0-.3-.1-.3-.2v-1s3.5.1 4.2.1c.7 0 4.2-.1 5.2-.1 6.6 0 9.8 4.1 9.8 9.3 0 6.9-4.9 8.9-9.3 8.9-3.1 0-4.5-.1-5.7-.1-1.2 0-4.2.1-4.2.1v-.9c.1 0 .1-.1.3-.1zm8.8 0c4.3 0 6.8-1.6 6.8-7.1 0-4.1-.9-8.9-7.5-8.9-1.5 0-2.5.2-2.5 1.2v13c-.1 1.1.2 1.8 3.2 1.8zM148.287 23.449c0 .9.4 1.4 1.7 1.5l.8.1c.1 0 .2.1.2.2v.9s-3-.1-4.2-.1c-1.1 0-4.2.1-4.2.1l-.1-.1v-.8c0-.2.1-.2.3-.2l.8-.1c1.3-.1 1.7-.7 1.7-1.5v-13.1c0-.9-.5-1.1-1.7-1.2l-.8-.1c-.2 0-.3 0-.3-.2v-1s3.1.1 4.3.1c1.1 0 4.1-.1 4.1-.1v1c0 .1-.1.2-.2.2l-.8.1c-1.2.1-1.7.4-1.7 1.2l.1 13.1zM160.387 24.949l1.1.1c.2 0 .3.1.3.3v.7l-.1.1s-4.3-.1-5.2-.1c-1 0-3.5.1-3.5.1l-.1-.1v-.7c0-.2.1-.3.3-.3 1.7-.1 2.7-.4 3.8-3l8.7-20.5c.4-1 .7-1.4 1.3-1.4.5 0 .7.4 1.1 1.2l8.1 21.3c.6 1.5 1.3 2.1 2.9 2.3h.4c.2 0 .4.1.4.3v.7l-.1.1s-3-.1-4.6-.1c-1.4 0-5.2.1-5.2.1v-.7c0-.2.1-.3.3-.3l1.1-.1c1.5-.1 2-.6 1.7-1.7l-2.4-6.7h-8.2c-.9 0-1.2.2-1.4.7l-2.3 5.7c-.4 1 .2 1.9 1.6 2zm9.7-10l-3.8-10.5h-.1l-3.9 10c-.2.4.1.5 1 .5h6.8z"></path></svg>
</a>
<a class="endowment-logo" href="https://wikimediaendowment.org/">
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b6/Wikimedia_Endowment.svg/100px-Wikimedia_Endowment.svg.png"/>
</a>
</div>
<div class="footer-legal color-white mw-620">
<p>We do not sell or trade your information to anyone. By submitting your email address, you agree to share your personal information with the Wikimedia Foundation, the nonprofit organisation that hosts Wikipedia and other Wikimedia projects, and its service providers pursuant to <a href="https://foundation.wikimedia.org/wiki/Donor_privacy_policy/en">our donor privacy policy</a>.
<br><br>Each email you receive will include easy unsubscribe options. Wikimedia Foundation and its service providers are located in the United States and in other countries whose privacy laws may not be equivalent to your own. For more information, please read <a href="https://foundation.wikimedia.org/wiki/Donor_privacy_policy/en">our donor privacy policy.</a></p>
</div><!-- End footer-legal -->
</footer>
Line 1,066 ⟶ 1,114:
if ( mw.util.validateEmail( form.Email.value ) ) {
wmf.subscribe.post();
$('.wmf-subscribe-
$('.wmf-subscribe-ty').fadeIn();
});
return false;
} else {
Line 1,080 ⟶ 1,130:
wmf.subscribe.init();
var testVideo = document.createElement('video');
var vidFrame;
if ( testVideo.canPlayType('video/webm; codecs="vp8, vorbis"') === 'probably' ) {
▲ vidFrame =
} else {
vidFrame = '<iframe width="560" height="315" src="https://www.youtube-nocookie.com/embed/y2R3WlVpNio" allowfullscreen="" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>';
▲ }
$('.video-container').html( vidFrame );
if ( testVideo.canPlayType('video/webm; codecs="vp8, vorbis"') !== 'probably' ) {
$('.video-container').after('<div class="frb-inline-disclaimer"> This stream is hosted by YouTube LLC, a third-party service; please see their <a class="cta" href="https://policies.google.com/privacy" title=" privacy policy" target="_blank">privacy policy</a> and <a class="cta" href="https://policies.google.com/terms" title="Terms of Service" target="_blank">terms of service</a>. </div>');
▲ }
}
</script>
<script>
</script>
</body></html>
|