Thank You 2020: Difference between revisions

Content deleted Content added
Seddon (WMF) (talk | contribs)
No edit summary
Seddon (WMF) (talk | contribs)
No edit summary
 
(74 intermediate revisions by 3 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 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 {
margin: 5px 0
}
/* header */
Line 295 ⟶ 301:
.logo-container {
max-width:320px400px;
margin: auto;
margin-bottom: 1.5rem;
text-align:center;
}
.logo-container a {
display:inline-block;
width: 4528%;
margin: 0 2%;
}
@media screen and (max-width:400px){
.logo-container a {
display: initial;
}
}
.logo-container a:hover {
Line 312 ⟶ 324:
.logo-container svg {
width:100%;
max-width:17.4375rem 110px;
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 447 ⟶ 469:
padding: .5rem 0 2rem;
text-align: center;
max-width: 1000px750px;
}
Line 453 ⟶ 475:
.page-intro {
padding:1.5rem;
margin-top:0;
}
}
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.5rem7rem;
line-height: 1.3;
}
@media screen and (min-width:1080px){.focus-block .h3{margin-bottom:.3125rem}font-size:1.5rem;}
 
.focus-block p {
margin-bottom: 1rem2rem;
font-size: 1rem1.3rem;
}
@media screen and (min-width:1080px) {
.focus-block p {
font-size: 1rem;
}
}
 
.focus-block .small {
font-size: .85rem;
Line 891 ⟶ 925:
}
 
.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 909 ⟶ 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.
 
</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis turpis leo, sit amet convallis ipsum aliquet malesuada. Aliquam erat volutpat. Sed ornare ligula neque, non porttitor nulla vestibulum id. Ut sed velit ac dolor eleifend scelerisque a et ligula. Nullam sit amet orci egestas, convallis orci vitae, ultricies urna. Aenean egestas porttitor nunc, vel feugiat lacus cursus et.</p>
</div>
Line 920 ⟶ 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 936 ⟶ 974:
<div class="card-content ">
<h3 class="h3"><a href="/" title="Secondary Action 1">ExploreSee ourhow bestimagination contentbecomes reality</a></h3>
<div class="mar-bottom">
<p>TheCheck topout fifteenthe imagesimagination-fueling winners from the international Wiki Loves Monuments contain a treasure trove of the cultural heritage weEarth allphotography share.competition</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 956 ⟶ 994:
<div class="card-content ">
<h3 class="h3"><aGet href="/">Installinstant theaccess Wikipediato app</a>knowledge</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. Downloading is easy on your phone and only takes a minute. It’s free and ad-free.</p>
</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>
<a href="/"div> class="btn btn-blue stick-to-bottom">Download it now</a>
</div>
Line 976 ⟶ 1,015:
<div class="card-content ">
<h3 class="wmf-subscribe-h3 h3">GetSubscribe to our email updates</h3>
<div class="wmf-subscribe-mar-bottom mar-bottom">
<p>SubscribeStay involved</span> to newshelp aboutus ongoingprovide projectsfree knowledge to every single person on the planet. We will send you email updates and initiativestell you if Wikipedia needs your support or advice in the future.</p>
</div>
Line 1,035 ⟶ 1,074:
</a>
<a href="https://wikimediafoundationwww.wikipedia.org" class="wikipedia-logo">
<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 addessaddress, 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,088 ⟶ 1,130:
wmf.subscribe.init();
 
var testVideo = document.createElement('video');
var vidFrame;
 
if ( testVideo.canPlayType('video/webm; codecs="vp8, vorbis"') === 'probably' ) {
vidFrame = '<iframe src="https://commons.wikimedia.org/wiki/File:Wikipedia_-_Edit_2019.webm?embedplayer=yes" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" frameborder="0" ></iframe> ';
} 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>