Donate

Thank You 2020: Difference between revisions

Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
Seddon (WMF) (talk | contribs)
1,190 edits
No edit summary
Seddon (WMF) (talk | contribs)
1,190 edits
No edit summary
 
(76 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 124 ⟶ 125:
h1,.h1{font-size:1.875rem}
@media screen and (min-width:980px1080px) and (max-width:1280px){
h1,.h1{font-size:2.9375rem}
}
Line 133 ⟶ 134:
h2,.h2{margin-bottom:2rem;font-size:1.125rem}
@media screen and (min-width:980px1080px){
h2,.h2{margin-bottom:2rem}
}
@media screen and (min-width:980px1080px) and (max-width:1280px){
h2,.h2{font-size:1.25rem}
}
Line 146 ⟶ 147:
h3,.h3{margin-bottom:2rem;font-size:1.125rem}
@media screen and (min-width:980px1080px){
h3,.h3{margin-bottom:2rem}
}
@media screen and (min-width:980px1080px) and (max-width:1280px){
h3,.h3{font-size:1.25rem}
}
Line 158 ⟶ 159:
p,.p{font-size:.8125rem;line-height:1.466}
@media screen and (min-width:980px1080px) and (max-width:1280px){
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:980px1080px){.mw-1120{padding:0}}
.w-100p{width:100%;max-width:100%}
.flex.flex-medium{display:flex;flex-direction:column}
@media screen and (min-width:980px1080px){.flex.flex-medium{flex-direction:row;flex-wrap:nowrap}}
.flex.flex-wrap{flex-wrap:wrap}
Line 182 ⟶ 183:
.mod-margin-bottom_sm{margin-bottom:2rem}
@media screen and (min-width:980px1080px){.mod-margin-bottom_sm{margin-bottom:0}}
.wysiwyg p a,.wysiwyg .p a,.wysiwyg li a{color:#3a25ff}
Line 192 ⟶ 193:
.card{position:relative}
@media screen and (min-width:980px1080px){
.card{margin-right:1.25rem}
.card:last-child{margin-right:0}
}
@media screen and (min-width:980px1080px){.img-left-content-right .card{display:flex;justify-content:flex-end}}
.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 {
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 345 ⟶ 367:
}
@media screen and (min-width:980px1080px){
.header-img {
height: 175px;
Line 362 ⟶ 384:
}
@media screen and (min-width:980px1080px){
.header-bg-img {
position:absolute;
Line 407 ⟶ 429:
}
@media screen and (min-width:980px1080px){
.vision_container h1 {
white-space: nowrap;
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 468 ⟶ 490:
}
@media screen and (min-width:980px1080px){ .w-50p { width:50% } }
.social-share{margin-top:auto;width:100%;align-self:flex-end}
@media screen and (min-width:980px1080px){
.mw-600 {
max-width:37.5rem;
Line 516 ⟶ 538:
}
@media screen and (min-width:980px1080px){
.cta-primary .card{
padding: 0;
Line 527 ⟶ 549:
}
@media screen and (min-width:980px1080px){.cta-primary .card-content{padding:2rem 0;margin-top:0}}
@media (max-width:980px){.cta-primary .card-content{padding:1rem 0}}
.cta-primary .h2,
Line 534 ⟶ 556:
.cta .card-content{position:relative;z-index:2}
@media screen and (min-width:980px1080px){.cta .card-content{padding:.75rem 0}}
.cta .card-content .h2 {
Line 544 ⟶ 566:
.cta .card-content .p { margin-bottom:1.5rem }
@media screen and (min-width:980px1080px){
.cta .card-content p,
.cta .card-content .p {
Line 568 ⟶ 590:
.w-75p { width:100% }
@media screen and (min-width:980px1080px){
.w-25p { width:25% }
.w-32p { width:32% }
Line 587 ⟶ 609:
}
@media screen and (min-width:980px1080px){
.sm-img {
width:70%;
Line 614 ⟶ 636:
}
@media screen and (min-width:980px1080px){
.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.5rem7rem;
line-height: 1.3;
}
@media screen and (min-width:980px1080px){.focus-block .h3{margin-bottom:.3125rem}font-size:1.5rem;}
 
.focus-block p {
margin-bottom: 1rem2rem;
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:980px1080px){footer{padding:3rem 0 4rem}}
footer .footer-legal {
Line 711 ⟶ 746:
color: white;
}
@media screen and (min-width:980px1080px) and (max-width:1280px){footer .footer-legal p,footer .footer-legal .p{font-size:.85rem}}
@media (min-width:1281px){footer .footer-legal p,footer .footer-legal .p{font-size:.95rem}}
Line 766 ⟶ 801:
margin-bottom: 1rem;
}
@media screen and (min-width:980px1080px) and (max-width:1280px) {
.email-signup input {
font-size:1.125rem;
Line 793 ⟶ 828:
font-size:1rem
}
@media screen and (min-width:980px1080px) and (max-width:1280px) {
.email-signup input::-webkit-input-placeholder {
font-size:1.125rem
Line 808 ⟶ 843:
font-size:1rem
}
@media screen and (min-width:980px1080px) and (max-width:1280px) {
.email-signup input::-moz-placeholder {
font-size:1.125rem
Line 823 ⟶ 858:
font-size:1rem
}
@media screen and (min-width:980px1080px) and (max-width:1280px) {
.email-signup input:-ms-input-placeholder {
font-size:1.125rem
Line 838 ⟶ 873:
font-size:1rem
}
@media screen and (min-width:980px1080px) and (max-width:1280px) {
.email-signup input:-moz-placeholder {
font-size:1.125rem
Line 890 ⟶ 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 908 ⟶ 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 919 ⟶ 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 935 ⟶ 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 955 ⟶ 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 975 ⟶ 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,034 ⟶ 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,087 ⟶ 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>
Retrieved from "https://donate.wikimedia.org/wiki/Thank_You_2020"