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
 
(104 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 49 ⟶ 50:
 
/* --- end wiki resets --- */
html, body {
margin: 0 auto;
text-align: center; }
body {
margin: 0 auto; }
html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale
}
}
body{
margin:0
}
}
*{
*{
box-sizing:border-box
}
}
address,article,aside,blockquote,canvas,dd,div,dl,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,li,main,nav,noscript,ol,output,p,.p,pre,section,table,tfoot,ul,video{
margin:0;
padding:0
}
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
display:block
}
}
input, textarea {
display: block;
width: 100%;
border: 1px solid
#b6c3cc;
border-radius: 0;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
padding: .625rem;
background: 0 0;
}
}
button, input, optgroup, select, progress, meter, textarea {
color: inherit;
font: inherit;
font-size: inherit;
margin: 0;
padding: 0;
outline: none;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
}
}
a{
a{
text-decoration:none;
color:inherit
}
}
a:focus {outline:1px dotted currentColor}
body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Lato,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:100%;background:#fff;color:#000;text-align:left;direction:ltr}
.mar-bottom{margin-bottom:16px}
 
h1,h2 {
font-size:inherit;
font-weight:700
}
}
h1,.h1{font-size:1.875rem}
@media screen and (min-width:768px1080px) and (max-width:1280px){
h1,.h1{font-size:2.9375rem}
}
}
@media (min-width:1281px){
h1,.h1{font-size:4rem}
}
}
h2,.h2{margin-bottom:2rem;font-size:1.125rem}
@media screen and (min-width:768px1080px){
h2,.h2{margin-bottom:2rem}
}
}
@media screen and (min-width:768px1080px) and (max-width:1280px){
h2,.h2{font-size:1.25rem}
}
}
@media (min-width:1281px){
h2,.h2{font-size:1.375rem}
}
}
h3,.h3{margin-bottom:2rem;font-size:1.125rem}
@media screen and (min-width:768px1080px){
h3,.h3{margin-bottom:2rem}
}
}
@media screen and (min-width:768px1080px) and (max-width:1280px){
h3,.h3{font-size:1.25rem}
}
}
@media (min-width:1281px){
h3,.h3{font-size:1.375rem}
}
}
p,.p{font-size:.8125rem;line-height:1.466}
@media screen and (min-width:768px1080px) and (max-width:1280px){
p,.p{font-size:.875rem}
}
}
@media (min-width:1281px){
p,.p{font-size:.9375rem}
}
}
 
strong {font-weight:700}
.mw-1120{max-width:70rem;padding:0 1.25rem;margin:0 auto}
@media screen and (min-width:768px1080px){.mw-1120{padding:0}}
.w-100p{width:100%;max-width:100%}
.flex.flex-medium{display:flex;flex-direction:column}
@media screen and (min-width:768px1080px){.flex.flex-medium{flex-direction:row;flex-wrap:nowrap}}
.flex.flex-wrap{flex-wrap:wrap}
.flex.flex-space-between{justify-content:space-between}
.flex.flex-align-center{align-items:center}
.mod-margin-bottom_sm{margin-bottom:2rem}
@media screen and (min-width:768px1080px){.mod-margin-bottom_sm{margin-bottom:0}}
.wysiwyg p a,.wysiwyg .p a,.wysiwyg li a{color:#3a25ff}
.wysiwyg p a:hover,.wysiwyg .p a:hover{text-decoration:underline}
 
.header-home a{transition:.3s all}
.header-home .header-content{position:relative;z-index:1}
.card{position:relative}
@media screen and (min-width:768px1080px){
.card{margin-right:1.25rem}
.card:last-child{margin-right:0}
}
}
@media screen and (min-width:768px1080px){.img-left-content-right .card{display:flex;justify-content:flex-end}}
.screen-reader-text {
border: 0;
clip: rect(1px,1px,1px,1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
}
/* buttons */
.btn{
display:inline-block;
text-align: center;
font-weight:700;
font-size: 16px;
border-radius:5px;
font-weight:700;
cursor:pointer;
border-radius:5px;
padding:1rem 1.5rem;
cursor:pointer;
padding:.6rem 1rem;
padding:1rem 1.5rem;
transition:.3s all;
padding:.6rem 1rem;
border:none;
transition:.3s all;
outline:none
border:none;
}
outline:none
}
.btn:hover{
box-shadow:0 10px 20px 0 rgba(0,0,0,.21)
.btn:hover{
}
box-shadow:0 10px 20px 0 rgba(0,0,0,.21)
}
@media (min-width:1200px){
.btn.btn-blue,
@media (min-width:1200px){
.btn.btn-pink{
.btn.btn-blue,
padding:11px 1.5rem
.btn.btn-pink{
}
padding:11px 1.5rem
}
}
}
.btn.btn-blue,
.btn.btn-blue:hover{
.btn.btn-blue,
background-color:#3a25ff;
.btn.btn-blue:hover{
color:#fff;
background-color:#3a25ff;
}
color:#fff;
}
.btn.btn-blue:focus{
outline:1px dotted #3a25ff
.btn.btn-blue:focus{
}
outline:1px dotted #3a25ff
}
 
.btn.btn-pink,
.btn.btn-pink:hover{
background-color:#d40356;
color:#fff;
}
}
.btn.btn-pink:focus{
outline:1px dotted #d40356
}
}
.btn.btn-lt-blue{
background-color:#eeeaff;
color:#3a25ff;
}
}
.btn.btn-lt-blue:hover{
background-color:#3a25ff;
color:#fff;
}
}
.btn.btn-lt-blue:focus{
outline:1px dotted #3a25ff
}
}
 
.btn.btn-lt-pink {
background-color:#fde8f0;
color:#d40356;
}
}
.btn.btn-lt-pink:hover{
background-color:#d40356;
color:#fff;
}
}
.btn.btn-lt-pink:focus{
outline:1px dotted #d40356
}
}
.app-links {
text-align:center;
}
/* header */
.app-links img {
margin: 5px 0
.header-home {
}
position: relative;
/* header */
background: #fff
}
.header-home {
position: relative;
.logo-container {
background: #fff
width:320px;
}
margin: auto;
margin-bottom: 1.5rem;
.logo-container {
}
max-width:400px;
margin: auto;
.logo-container a {
margin-bottom: 1.5rem;
display:inline-block;
text-align:center;
width: 45%;
}
margin: 0 2%;
}
.logo-container a {
display:inline-block;
.logo-container a:hover {
width: 28%;
opacity:.8
margin: 0 2%;
}
}
@media screen and (max-width:400px){
.logo-container svg {
.logo-container a {
width:100%;
display: initial;
max-width:17.4375rem;
}
margin: auto
}
}
.logo-container svg patha:hover {
opacity:.8
fill: white;
}
}
.logo-container svg {
.wikipedia-logo {
width:100%;
-moz-transform: translateY(-5px);
max-width: 110px;
-ms-transform: translateY(-5px);
margin: auto
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
}
.btn-label-a11y{font-size:0;height:1px;overflow:hidden;display:block}
/* hero */
 
.logo-container img {
.header-img {
max-width: 100%90px;
margin: auto
position: relative;
left: 50%; }
right: 50%;
.logo-container svg path {
margin-left: -50%;
margin-right fill: -50%white;
}
padding: 0;
height: auto;
.wikipedia-logo {
/*overflow-x: hidden;*/
-moz-transform: translateY(-5px);
}
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
@media (min-width:768px){
transform: translateY(-5px);
.header-img {
}
height: 175px;
}
}
.header-bg-img {
position:relative;
height: 175px;
width:100%;
background-image:url("https://wikimediafoundation.org/wp-content/themes/shiro/assets/src/svg/header.svg");
background-size:cover;
background-position: -150px center;
background-repeat:repeat-x;
animation:mover 300s linear infinite
}
@media (min-width:768px){
.header-bg-img {
position:absolute;
height:100%;
width:100%;
z-index:-1;
background-position:0 0;
}
}
 
.endowment-logo {
.mw-1120{
transform: translateY(-8px);
max-width:70rem;
filter: invert(90%);
height: 100%;
}
padding:0;
margin:0 auto;
.btn-label-a11y{font-size:0;height:1px;overflow:hidden;display:block}
position: relative;
}
/* hero */
.vision_container {
transition: height .3s ease;
display: inline-block;
padding: .4rem 1rem .6rem;
text-align: center;
background: #fefd34;
position: absolute;
bottom: -1rem;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width:767px){
.vision_container {
width: 100%;
position: relative;
bottom: auto;
}
}
.vision_container h1 {
font-size: 1.4rem;
}
@media (min-width:768px){
.vision_container h1 {
white-space: nowrap;
}
}
@media (min-width:1023px){
.vision_container h1 {
font-size: 1.8rem;
}
}
/* thank you message */
.w-68p, .email-signup .w-32p {
width:100%;
text-align: center;
}
@media (min-width:1025px){
.w-68p {
width:68%;
margin: auto;
padding: 0;
}
.w-32p,
.email-signup .w-32p {
width: 32%;
}
}
 
.header-img {
.page-intro {
width: 100%;
margin:2rem auto auto;
position: relative;
padding: .5rem 0 2rem;
left: 50%;
text-align: center;
right: 50%;
max-width: 1000px;
margin-left: -50%;
}
margin-right: -50%;
padding: 0;
@media (max-width:1024px){
height: auto;
.page-intro {
/*overflow-x: hidden;*/
padding:1.5rem;
}
margin:0;
}
@media screen and (min-width:1080px){
}
.header-img {
height: 175px;
.page-intro p {
}
font-size: 1.1rem;
}
}
.header-bg-img {
/* share links */
position:relative;
height: 175px;
.w-50p {
width:100%;
background-image:url( https://upload.wikimedia.org/wikipedia/donate/9/9a/Thank_You_2019_Header.svg );
margin: auto;
background-size:cover;
}
background-position: -150px center;
background-repeat:repeat-x;
@media (min-width:768px){ .w-50p { width:50% } }
animation:mover 300s linear infinite
}
.social-share{margin-top:auto;width:100%;align-self:flex-end}
@media screen and (min-width:768px1080px){
.header-bg-img {
.mw-600 {
position:absolute;
max-width:37.5rem;
height:100%;
margin: auto;
width:100%;
}
z-index:-1;
.mw-620 {
background-position:0 0;
max-width:38.75rem;
}
margin: auto;
}
}
.page-intro .mw-600 {
padding: 1rem 0;
}
}
@media (min-width:1025px){
.page-intro .mw-600 {
padding: 1rem 0 2.5rem;
}
}
.link-list a {
color: #3a25ff;
display: inline-flex;
}
.link-list > li {
list-style-type: none;
}
.link-list {
font-size: .8125rem;
}
 
.mw-1120{
max-width:70rem;
/* featured action */
height: 100%;
padding:0;
margin:0 auto;
position: relative;
}
.vision_container {
transition: height .3s ease;
display: inline-block;
padding: .4rem 1rem .6rem;
text-align: center;
background: #fefd34;
position: absolute;
bottom: -1rem;
left: 50%;
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width:979px){
.vision_container {
width: 100%;
position: relative;
bottom: auto;
}
}
.vision_container h1 {
font-size: 1.4rem;
}
@media screen and (min-width:1080px){
.vision_container h1 {
white-space: nowrap;
}
}
@media (min-width:1023px){
.vision_container h1 {
font-size: 1.8rem;
}
}
/* thank you message */
.w-68p, .email-signup .w-32p {
width:100%;
/*text-align: center;*/
}
.w-68p {
margin-bottom: 1rem;
}
@media (min-width:1025px){
.w-68p {
width:68%;
/*margin: auto;*/
margin: 0;
padding: 0;
}
.w-32p,
.email-signup .w-32p {
width: 32%;
}
}
 
.page-intro {
.cta-primary {
margin:2rem auto auto;
background: #fdf3f8;
padding: 3rem.5rem 0 2rem;
text-align: center;
}
max-width: 750px;
}
.cta-primary .card {
color:#000;
@media (max-width:1024px){
padding: 0 1.25rem;
.page-intro {
text-align: center;
padding:1.5rem;
}
margin-top:0;
}
@media (min-width:768px){
}
.cta-primary .card{
padding: 0;
.page-intro p {
text-align: left;
font-size: 1.1rem;
}
}
}
/* share links */
.cta-primary .card-content.w-68p {
text-align: left;
.w-50p {
}
width:100%;
margin: auto;
@media (min-width:768px){.cta-primary .card-content{padding:2rem 0;margin-top:0}}
}
@media (max-width:768px){.cta-primary .card-content{padding:1rem 0}}
.cta-primary .h2,
@media screen and (min-width:1080px){ .w-50p { width:50% } }
.cta-primary .h3 { color:#d40356;line-height:1.2 }
.social-share{margin-top:auto;width:100%;align-self:flex-end}
.cta .card-content{position:relative;z-index:2}
@media screen and (min-width:768px1080px){.cta .card-content{padding:.75rem 0}}
.mw-600 {
max-width:37.5rem;
.cta .card-content .h2 {
margin: auto;
font-size:2rem;
}
margin-bottom: 1rem;
.mw-620 {
}
max-width:38.75rem;
margin: auto;
.cta .card-content p,.
}
.cta .card-content .p { margin-bottom:1.5rem }
.page-intro .mw-600 {
padding: 1rem 0;
@media (min-width:768px){
}
.cta .card-content p,
}
.cta .card-content .p {
margin-bottom:1.25rem
@media (min-width:1025px){
}
.page-intro .mw-600 {
}
padding: 1rem 0 2.5rem;
}
.cta-description {
}
font-size:1.1rem;
.link-list a {
line-height:1.45;
color: #3a25ff;
}
display: inline-flex;
}
.link-list > li {
list-style-type: none;
}
.link-list {
font-size: .8125rem;
}
 
.small {
/* featured action */
font-size:.95rem;
line-height:1.45;
}
 
.cta-primary a { color:#d40356; }
background: #fdf3f8;
.cta-primary p a:hover { color:#3a25ff; }
padding: 3rem 0;
}
.w-25p,
.w-32p,
.cta-primary .card {
.w-75p { width:100% }
color:#000;
padding: 0 1.25rem;
@media (min-width:768px){
text-align: center;
.w-25p { width:25% }
}
.w-32p { width:32% }
.w-75p { width:75% }
@media screen and (min-width:1080px){
}
.cta-primary .card{
padding: 0;
.sm-img-container {
vertical text-align: topleft;
}
}
}
.sm-img {
.cta-primary .card-content.w-68p {
position:relative;
text-align: left;
overflow:hidden;
}
position:relative;
height:auto;
@media screen and (min-width:1080px){.cta-primary .card-content{padding:2rem 0;margin-top:0}}
width:35%;
@media (max-width:980px){.cta-primary .card-content{padding:1rem 0}}
max-width: 120px;
.cta-primary .h2,
}
.cta-primary .h3 { color:#d40356;line-height:1.2 }
@media (min-width:768px){
.cta .card-content{position:relative;z-index:2}
.sm-img {
width:70%;
@media screen and (min-width:1080px){.cta .card-content{padding:.75rem 0}}
}
}
.cta .card-content .h2 {
font-size:2rem;
/* other ctas */
margin-bottom: 1rem;
}
.other-ctas {
padding: 1.25rem;
.cta .card-content p,.
}
.cta .card-content .p { margin-bottom:1.5rem }
@media (min-width:1025px){
@media screen and (min-width:1080px){
.other-ctas {
.cta .card-content p,
padding: 3rem;
.cta .card-content .p {
}
margin-bottom:1.25rem
}
}
}
.bg-ltgray {
background: #eaecf0;
.cta-description {
}
font-size:1.1rem;
line-height:1.45;
}
 
.small {
.other-ctas .h2 {
font-size:.95rem;
text-align: center;
line-height:1.45;
font-size: 1.5rem;
}
}
@media (min-width:768px){
.other-ctas .h2 {
font-size: 2rem;
}
}
.rounded{border-radius:5px}
.shadow{border:1px solid #e5e5e5;transition:all .25s ease}
/*.shadow:hover{box-shadow:0 5px 20px 0 rgba(0,0,0,.15)} */
.focus-block {
background-color:#fff;
overflow:hidden;
display:block
}
.focus-block .card,
.focus-block .card-content {
height:100%;
display:block
}
.focus-block .card-content{ padding:1.5rem }
@media (max-width:1023px){
.focus-block .card-content .btn { max-width: calc(100% - 3rem);}
}
.focus-block .stick-to-bottom {
position:absolute;
bottom:22px
}
@media (max-width:1023px){
.focus-block .email-signup.stick-to-bottom { position:relative; bottom:auto }
}
 
.cta-primary a { color:#d40356; }
.cta-primary p a:hover { color:#3a25ff; }
.focus-block .mar-bottom {
padding-bottom:2rem;
.w-25p,
display:block
.w-32p,
}
.w-75p { width:100% }
@media screen and (maxmin-width:1023px1080px){
.w-25p { width:25% }
.signup.focus-block .mar-bottom { padding-bottom:0; }
.w-32p { width:32% }
}
.w-75p { width:75% }
}
.focus-block .h3 {
margin-bottom:.3125rem;
.sm-img-container {
font-size:1.5rem;
vertical-align: top;
line-height: 1.2;
}
}
.sm-img {
@media (min-width:768px){.focus-block .h3{margin-bottom:.3125rem}}
position:relative;
overflow:hidden;
.focus-block p {
position:relative;
margin-bottom: 1rem;
height:auto;
}
width:35%;
max-width: 120px;
.focus-block .small {
}
font-size: .85rem;
}
@media screen and (min-width:1080px){
.sm-img {
.focus-block p a {
width:70%;
text-decoration: underline;
}
}
}
.focus-block a:hover {
/* other ctas */
color: #3a25ff;
}
.other-ctas {
padding: 1.25rem;
/* footer */
}
footer{padding:3rem 1.5rem;}
@media (min-width:1025px){
.other-ctas {
footer.bg-black{background:#54595d}
padding: 3rem;
}
.color-white{color:#fff;transition:.3s all}
}
.bg-ltgray {
@media (min-width:768px){footer{padding:3rem 0 4rem}}
background: #eaecf0;
}
footer .footer-legal {
text-align:center;
}
 
.other-ctas .h2 {
footer .footer-legal p,
text-align: center;
footer .footer-legal .p {
font-size: 1.5rem;
padding-bottom:.75rem;
}
font-size:.75rem;
line-height: 1.3;
@media screen and (min-width:1080px){
}
.other-ctas .h2 {
font-size: 2rem;
@media (min-width:768px) 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}}
.rounded{border-radius:5px}
footer .footer-legal p a,
.shadow{border:1px solid #e5e5e5;transition:all .25s ease}
footer .footer-legal .p a {text-decoration:underline}
/*.shadow:hover{box-shadow:0 5px 20px 0 rgba(0,0,0,.15)} */
/* Video */
.focus-block {
background-color:#fff;
.video-container {
overflow:hidden;
position: relative;
display:block
width: 100vw;
}
height: 56.25vw;
max-height: 81vh;
.focus-block .card,
max-width: 144vh;
.focus-block .card-content {
max-height: 72vh;
height:100%;
max-width: 128vh;
display:block
margin: auto auto 2rem;
}
}
.focus-block .card-content{ padding:1.5rem }
.video-container iframe,
.video-container object,
@media (max-width:1023px){
.video-container embed {
.focus-block .card-content .btn { max-width: calc(100% - 3rem);}
position: absolute;
}
top: 0;
left: 0;
.focus-block .stick-to-bottom {
width: 100%;
position:absolute;
height: 100%;
bottom:22px
}
}
/* Email form */
.email-signup #wmf-subscribe-input-email {
box-sizing: border-box;
padding-left: 1rem;
border-radius: 5px;
background:
#fff;
margin: 0;
height: 100%;
}
@media (min-width:1024px){
.email-signup #wmf-subscribe-input-email {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.email-signup input {
padding:.8rem 1rem;
color:#3a25ff;
font-size:1rem
}
@media (min-width:768px) and (max-width:1280px) {
.email-signup input {
font-size:1.125rem
}
}
@media (min-width:1281px) {
.email-signup input {
font-size:1.25rem
}
}
.email-signup input:focus {
background:#f1f3f5;
outline:2px solid #3a25ff;
box-shadow:0px 0px 5px 1px #3a25ff
}
@media (max-width:1155px) {
.email-signup input {
max-width:31.25rem
}
}
.email-signup input::-webkit-input-placeholder {
color:#6d7378;
font-weight:700;
font-size:1rem
}
@media (min-width:768px) and (max-width:1280px) {
.email-signup input::-webkit-input-placeholder {
font-size:1.125rem
}
}
@media (min-width:1281px) {
.email-signup input::-webkit-input-placeholder {
font-size:1.25rem
}
}
.email-signup input::-moz-placeholder {
color:#6d7378;
font-weight:700;
font-size:1rem
}
@media (min-width:768px) and (max-width:1280px) {
.email-signup input::-moz-placeholder {
font-size:1.125rem
}
}
@media (min-width:1281px) {
.email-signup input::-moz-placeholder {
font-size:1.25rem
}
}
.email-signup input:-ms-input-placeholder {
color:#6d7378;
font-weight:700;
font-size:1rem
}
@media (min-width:768px) and (max-width:1280px) {
.email-signup input:-ms-input-placeholder {
font-size:1.125rem
}
}
@media (min-width:1281px) {
.email-signup input:-ms-input-placeholder {
font-size:1.25rem
}
}
.email-signup input:-moz-placeholder {
color:#6d7378;
font-weight:700;
font-size:1rem
}
@media (min-width:768px) and (max-width:1280px) {
.email-signup input:-moz-placeholder {
font-size:1.125rem
}
}
@media (min-width:1281px) {
.email-signup input:-moz-placeholder {
font-size:1.25rem
}
}
.email-signup .btn {
box-sizing: border-box;
height: 100%;
}
@media (min-width:1025px){
.email-signup .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 1.03rem .78rem;
}
.email-signup .flex { width: calc(100% - 1.5rem); }
}
 
.stick-to-bottom2 {
position:absolute;
.sr-only {
bottom:77px
position: absolute;
width: 1px; }
height: 1px;
@media (max-width:1023px){
padding: 0;
.focus-block .email-signup.stick-to-bottom { position:relative; bottom:auto }
margin: -1px;
overflow: hidden; }
clip: rect(0,0,0,0);
border: 0;
}
 
</style>
.focus-block .mar-bottom {
<a class="skip-link screen-reader-text" href="#content">Skip to content</a>
padding-bottom:2rem;
display:block
}
@media (max-width:1023px){
.signup.focus-block .mar-bottom { padding-bottom:0; }
}
.focus-block .h3 {
margin-bottom:.3125rem;
font-size:1.7rem;
line-height: 1.3;
}
@media screen and (min-width:1080px){.focus-block .h3{margin-bottom:.3125rem}font-size:1.5rem;}
 
.focus-block p {
<header class="header-home featured-photo--content-centered">
margin-bottom: 2rem;
font-size: 1.3rem;
<div class="header-content">
}
@media screen and (min-width:1080px) {
.focus-block p {
font-size: 1rem;
}
}
 
.focus-block .small {
<div class="header-img">
font-size: .85rem;
<div class="header-bg-img"></div>
}
<div class="mw-1120">
<div class="vision_container">
.focus-block p a {
<h1>Thank you for being with us in 2019</h1>
text-decoration: underline;
</div>
}
</div>
</div>
.focus-block a:hover {
color: #3a25ff;
<div class="page-intro">
}
/* footer */
footer{padding:3rem 1.5rem;}
footer.bg-black{background:#54595d}
.color-white{color:#fff;transition:.3s all}
@media screen and (min-width:1080px){footer{padding:3rem 0 4rem}}
footer .footer-legal {
text-align:center;
}
 
footer .footer-legal 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>
footer .footer-legal .p {
padding-bottom:.75rem;
</div>
font-size:.75rem;
line-height: 1.3;
}
footer .footer-legal a {
 
color: white;
</div>
}
@media screen and (min-width:1080px) and (max-width:1280px){footer .footer-legal p,footer .footer-legal .p{font-size:.85rem}}
</header>
@media (min-width:1281px){footer .footer-legal p,footer .footer-legal .p{font-size:.95rem}}
<main id="content">
footer .footer-legal p a,
footer .footer-legal .p a {text-decoration:underline}
/* Video */
.video-container {
position: relative;
width: 100vw;
height: 56.25vw;
max-height: 81vh;
max-width: 144vh;
max-height: 72vh;
max-width: 128vh;
margin: auto auto 2rem;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* Email form */
.email-signup #wmf-subscribe-input-email {
box-sizing: border-box;
padding-left: 1rem;
border-radius: 5px;
background:
#fff;
margin: 0;
height: 100%;
}
@media (min-width:1024px){
.email-signup #wmf-subscribe-input-email {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
}
.email-signup input {
padding:.8rem 1rem;
color:#3a25ff;
font-size:1rem;
margin-bottom: 1rem;
}
@media screen and (min-width:1080px) and (max-width:1280px) {
.email-signup input {
font-size:1.125rem;
margin-bottom: 0;
}
}
@media (min-width:1281px) {
.email-signup input {
font-size:1.25rem;
margin-bottom: 0;
}
}
.email-signup input:focus {
background:#f1f3f5;
outline:2px solid #3a25ff;
box-shadow:0px 0px 5px 1px #3a25ff
}
@media (max-width:1155px) {
.email-signup input {
/*max-width:31.25rem*/
}
}
.email-signup input::-webkit-input-placeholder {
color:#6d7378;
font-weight:700;
font-size:1rem
}
@media screen and (min-width:1080px) and (max-width:1280px) {
.email-signup input::-webkit-input-placeholder {
font-size:1.125rem
}
}
@media (min-width:1281px) {
.email-signup input::-webkit-input-placeholder {
font-size:1.25rem
}
}
.email-signup input::-moz-placeholder {
color:#6d7378;
font-weight:700;
font-size:1rem
}
@media screen and (min-width:1080px) and (max-width:1280px) {
.email-signup input::-moz-placeholder {
font-size:1.125rem
}
}
@media (min-width:1281px) {
.email-signup input::-moz-placeholder {
font-size:1.25rem
}
}
.email-signup input:-ms-input-placeholder {
color:#6d7378;
font-weight:700;
font-size:1rem
}
@media screen and (min-width:1080px) and (max-width:1280px) {
.email-signup input:-ms-input-placeholder {
font-size:1.125rem
}
}
@media (min-width:1281px) {
.email-signup input:-ms-input-placeholder {
font-size:1.25rem
}
}
.email-signup input:-moz-placeholder {
color:#6d7378;
font-weight:700;
font-size:1rem
}
@media screen and (min-width:1080px) and (max-width:1280px) {
.email-signup input:-moz-placeholder {
font-size:1.125rem
}
}
@media (min-width:1281px) {
.email-signup input:-moz-placeholder {
font-size:1.25rem
}
}
.email-signup .btn {
box-sizing: border-box;
height: 100%;
}
@media (min-width:1025px){
.email-signup .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding: 1.03rem .78rem;
}
.email-signup .flex { width: calc(100% - 1.5rem); }
}
 
<section class="video-container">
.sr-only {
position: absolute;
<iframe src="https://player.vimeo.com/video/379832760" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen="" frameborder="0"></iframe>
width: 1px;
height: 1px;
</section><!--video-container-->
padding: 0;
margin: -1px;
<div class="other-ctas bg-ltgray">
overflow: hidden;
clip: rect(0,0,0,0);
<div class="mw-1120">
border: 0;
}
<div class="flex flex-medium flex-space-between">
/* Error messages */
<div class="action1 w-32p mod-margin-bottom_sm focus-block rounded shadow">
.wmf-subscribe-error {
display: none;
<div class="card">
margin: 5px 0 5px 5px;
font-size: 14px;
<div class="card-content ">
font-weight: 500;
line-height: 1.3;
<h3 class="h3"><a href="/" title="Secondary Action 1">Explore our best content</a></h3>
color: #d33;
}
<div class="mar-bottom">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris mattis turpis leo, sit amet convallis ipsum aliquet malesuada. Aliquam erat volutpat.</p>
</div>
<a href="/" class="btn btn-blue stick-to-bottom">Action Button</a>
</div>
</div>
</div>
<div class="action2 w-32p mod-margin-bottom_sm focus-block rounded shadow">
<div class="card">
<div class="card-content ">
<h3 class="h3"><a href="/">Install the Wikipedia app</a></h3>
<div class="mar-bottom">
<p>Sed ornare ligula neque, non porttitor nulla vestibulum id. Ut sed velit ac dolor eleifend scelerisque a et ligula.</p>
</div>
<a href="/" class="btn btn-blue stick-to-bottom">Action Button</a>
</div>
</div>
</div>
<div class="signup w-32p mod-margin-bottom_sm focus-block rounded shadow">
<div class="card">
<div class="card-content ">
<h3 class="h3">Get email updates</h3>
<div class="mar-bottom">
<p>Subscribe to news about ongoing projects and initiatives.</p>
</div>
<div class="email-signup stick-to-bottom">
<form action="https://wikimediafoundation.us11.list-manage.com/subscribe/post?u=7e010456c3e448b30d8703345&amp;id=246cd15c56" method="post" target="_blank">
<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 id="wmf-subscribe-input-email" type="email" placeholder="Email address" name="EMAIL" required="">
</div>
<div class="w-32p">
<button class="btn btn-blue" type="submit" name="button">Subscribe</button>
</div>
</div>
<div class="field-group input-group">
<input type="hidden" value="2" name="group[4037]" id="mce-group[4037]-4037-1">
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div></main>
<footer class="bg-black">
<div class="logo-container logo-container_lg">
<a href="https://wikimediafoundation.org">
<span class="btn-label-a11y">Wikimedia Foundation</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 279 62"><path d="M83.46 25.83l4.378-14.102h5.738l4.34 14.102 4.893-14.102h5.959l-8.608 24.515h-4.082L90.67 19.18 85.3 36.243h-4.083L72.61 11.728h5.959L83.46 25.83zm28.287-14.102h5.518v24.515h-5.518V11.728zm11.587 0h5.517V21.81l9.306-10.083h6.805l-9.821 10.85c.846 1.17 2.428 3.362 4.708 6.54 2.281 3.179 3.973 5.554 5.113 7.125h-6.437l-7.246-9.682-2.464 2.74v6.942h-5.518V11.728h.037zm25.049 0h5.518v24.515h-5.518V11.728zm33.693 9.097l-6.657 13.408h-3.274l-6.621-13.408v15.418h-5.517V11.728h7.467l6.363 13.481 6.4-13.481h7.431v24.515h-5.518V20.825h-.074zm29.39-9.097v4.859h-12.285v5.078h11.035v4.677h-11.035v5.078h12.69v4.823H193.7V11.728h17.766zm24.13 3.215c2.354 2.155 3.531 5.115 3.531 8.914 0 3.8-1.14 6.832-3.458 9.061-2.28 2.229-5.811 3.325-10.52 3.325h-8.423V11.728h8.718c4.451 0 7.798 1.096 10.152 3.215zm-4.009 14.577c1.361-1.278 2.023-3.105 2.023-5.517 0-2.41-.662-4.274-2.023-5.553-1.361-1.315-3.421-1.936-6.217-1.936h-3.09V31.42h3.495c2.501 0 4.451-.62 5.812-1.9zm12.322-17.792h5.517v24.515h-5.517V11.728zm29.169 24.515l-2.281-5.298h-10.336l-2.28 5.298h-5.849l10.667-24.515h5.334L279 36.243h-5.922zm-7.467-17.208l-3.09 7.124h6.18l-3.09-7.124zM82.651 47.386v2.96h4.782v1.68h-4.781v4.42h-1.84v-10.74h7.21v1.68h-5.37zm25.822 7.526c-1.103 1.06-2.427 1.571-4.046 1.571-1.618 0-2.942-.511-4.046-1.57-1.103-1.06-1.655-2.376-1.655-3.947 0-1.57.552-2.886 1.655-3.945 1.104-1.06 2.428-1.571 4.046-1.571 1.619 0 2.943.511 4.046 1.57 1.104 1.06 1.656 2.375 1.656 3.946 0 1.571-.552 2.887-1.656 3.946zm-1.324-6.686c-.735-.767-1.655-1.132-2.722-1.132-1.066 0-1.986.365-2.722 1.132a3.825 3.825 0 00-1.103 2.74c0 1.096.368 2.01 1.103 2.74.736.731 1.656 1.133 2.722 1.133 1.067 0 1.987-.365 2.722-1.133a3.822 3.822 0 001.104-2.74c0-1.096-.368-2.009-1.104-2.74zm16.957 5.736c.478.585 1.177.877 2.023.877.846 0 1.508-.292 2.023-.877.515-.584.736-1.352.736-2.338v-5.955h1.839v6.028c0 1.535-.441 2.74-1.287 3.58-.846.84-1.95 1.243-3.274 1.243s-2.428-.402-3.274-1.242c-.846-.84-1.287-2.01-1.287-3.58v-6.03h1.839v5.956c-.073.986.184 1.754.662 2.338zm26.815-8.293h1.839V56.41h-1.986l-6.106-7.818v7.818h-1.839V45.67h1.839l6.29 8.001V45.67h-.037zm22.254 1.425c1.03.95 1.545 2.228 1.545 3.909 0 1.68-.515 2.996-1.508 3.946-.993.986-2.538 1.461-4.635 1.461h-3.568V45.67h3.715c1.913 0 3.421.475 4.451 1.425zm-.258 3.945c0-2.447-1.434-3.69-4.23-3.69h-1.839v7.344h2.023c1.325 0 2.318-.292 3.017-.913.662-.622 1.029-1.535 1.029-2.74zm14.971 2.923l-1.067 2.448h-1.949l4.745-10.741h1.95l4.745 10.741h-1.95l-1.067-2.448h-5.407zm4.672-1.68l-1.95-4.421-1.949 4.42h3.899zm17.766-4.933v9.061h-1.839v-9.06h-3.274v-1.645h8.387v1.644h-3.274zm14.529-1.68h1.839V56.41h-1.839V45.67zm23.1 9.243c-1.103 1.06-2.428 1.571-4.046 1.571-1.619 0-2.943-.511-4.046-1.57-1.104-1.06-1.655-2.376-1.655-3.947 0-1.57.551-2.886 1.655-3.945 1.103-1.06 2.427-1.571 4.046-1.571 1.618 0 2.943.511 4.046 1.57 1.104 1.06 1.655 2.375 1.655 3.946 0 1.571-.551 2.887-1.655 3.946zm-1.324-6.686c-.736-.767-1.655-1.132-2.722-1.132s-1.986.365-2.722 1.132a3.822 3.822 0 00-1.104 2.74c0 1.096.368 2.01 1.104 2.74.736.731 1.655 1.133 2.722 1.133s1.986-.365 2.722-1.133a3.82 3.82 0 001.103-2.74c0-1.096-.367-2.009-1.103-2.74zm22.621-2.557h1.84V56.41h-1.987l-6.106-7.818v7.818h-1.839V45.67h1.839l6.29 8.001-.037-8.001zM33.84 49.943c9.307-1.315 16.442-9.243 16.442-18.815 0-5.846-2.648-11.034-6.804-14.541l-9.638 9.572v23.784zm-5.407 0V26.16l-9.637-9.609a18.896 18.896 0 00-6.805 14.541c0 9.61 7.136 17.537 16.442 18.852zm19.348-35.365c4.451 4.42 6.879 10.302 6.879 16.513 0 6.211-2.465 12.13-6.879 16.514-4.45 4.42-10.373 6.832-16.626 6.832a23.545 23.545 0 01-16.626-6.832c-4.414-4.384-6.915-10.266-6.915-16.514 0-6.247 2.465-12.13 6.879-16.514.367-.365.772-.73 1.177-1.096L10.3 8.147c-.405.366-.773.731-1.178 1.096-2.869 2.85-5.113 6.138-6.658 9.828A30.563 30.563 0 000 31.091c0 4.165.81 8.22 2.464 12.02 1.582 3.69 3.826 6.979 6.658 9.828 2.87 2.85 6.18 5.079 9.895 6.613A31.132 31.132 0 0031.119 62c4.193 0 8.276-.804 12.101-2.448a31.698 31.698 0 009.895-6.613c2.869-2.85 5.113-6.138 6.658-9.828a30.565 30.565 0 002.464-12.02c0-4.165-.81-8.22-2.464-12.02-1.582-3.69-3.826-6.978-6.658-9.828-.368-.365-.773-.73-1.177-1.096l-5.334 5.334c.405.33.773.695 1.177 1.097zM31.12 0c5.37 0 9.71 4.311 9.71 9.645s-4.34 9.646-9.71 9.646c-5.37 0-9.711-4.312-9.711-9.646 0-5.334 4.34-9.645 9.71-9.645z"></path></svg>
</a>
<a href="https://wikimediafoundation.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>
</div>
 
input.wmf-subscribe-haserror {
<div class="footer-legal color-white mw-620">
border-color: #d33 !important;
<p>Duis hendrerit augue sem, sed ullamcorper orci volutpat sed. Donec congue, mi a tempor euismod, sem urna commodo tellus, et ultricies augue augue a orci. Curabitur nec quam magna.</p>
outline: #d33 !important;
</div><!-- End footer-legal -->
box-shadow: inset 0 0 0 1px #d33 !important;
</footer>
}
 
.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>
 
<header class="header-home featured-photo--content-centered">
<div class="header-content">
 
<div class="header-img">
<div class="header-bg-img"></div>
<div class="mw-1120">
<div class="vision_container">
<h1>Thank you for being with us in 2019</h1>
</div>
</div>
</div>
<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>
</div>
 
</div>
</header>
<main id="content">
 
<section class="video-container">
</section><!--video-container-->
<div class="other-ctas bg-ltgray">
<div class="mw-1120">
<div class="flex flex-medium flex-space-between">
<div class="action1 w-32p mod-margin-bottom_sm focus-block rounded shadow">
<div class="card">
<div class="card-content ">
<h3 class="h3"><a href="/" title="Secondary Action 1">See how imagination becomes reality</a></h3>
<div class="mar-bottom">
<p>Check out the imagination-fueling winners from the international Wiki Loves Earth photography 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>
</div>
</div>
<div class="action2 w-32p mod-margin-bottom_sm focus-block rounded shadow">
<div class="card">
<div class="card-content ">
<h3 class="h3">Get instant access to 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. 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="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>
</div>
</div>
<div class="signup w-32p mod-margin-bottom_sm focus-block rounded shadow">
<div class="card">
<div class="card-content ">
<h3 class="wmf-subscribe-h3 h3">Subscribe to our email updates</h3>
<div class="wmf-subscribe-mar-bottom mar-bottom">
<p>Stay involved</span> to help us provide free knowledge to every single person on the planet. We will send you email updates and tell you if Wikipedia needs your support or advice in the future.</p>
</div>
<div class="email-signup stick-to-bottom">
<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>
</div>
</form>
</div>
<div class="wmf-subscribe-ty" style="display: none;">
<h3 class="h3">Thank you for subscribing!</h3>
</div>
</div>
</div>
</div>
</div>
</div>
</div></main>
<footer class="bg-black">
<div class="logo-container logo-container_lg">
<a href="https://wikimediafoundation.org">
<span class="btn-label-a11y">Wikimedia Foundation</span>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 279 62"><path d="M83.46 25.83l4.378-14.102h5.738l4.34 14.102 4.893-14.102h5.959l-8.608 24.515h-4.082L90.67 19.18 85.3 36.243h-4.083L72.61 11.728h5.959L83.46 25.83zm28.287-14.102h5.518v24.515h-5.518V11.728zm11.587 0h5.517V21.81l9.306-10.083h6.805l-9.821 10.85c.846 1.17 2.428 3.362 4.708 6.54 2.281 3.179 3.973 5.554 5.113 7.125h-6.437l-7.246-9.682-2.464 2.74v6.942h-5.518V11.728h.037zm25.049 0h5.518v24.515h-5.518V11.728zm33.693 9.097l-6.657 13.408h-3.274l-6.621-13.408v15.418h-5.517V11.728h7.467l6.363 13.481 6.4-13.481h7.431v24.515h-5.518V20.825h-.074zm29.39-9.097v4.859h-12.285v5.078h11.035v4.677h-11.035v5.078h12.69v4.823H193.7V11.728h17.766zm24.13 3.215c2.354 2.155 3.531 5.115 3.531 8.914 0 3.8-1.14 6.832-3.458 9.061-2.28 2.229-5.811 3.325-10.52 3.325h-8.423V11.728h8.718c4.451 0 7.798 1.096 10.152 3.215zm-4.009 14.577c1.361-1.278 2.023-3.105 2.023-5.517 0-2.41-.662-4.274-2.023-5.553-1.361-1.315-3.421-1.936-6.217-1.936h-3.09V31.42h3.495c2.501 0 4.451-.62 5.812-1.9zm12.322-17.792h5.517v24.515h-5.517V11.728zm29.169 24.515l-2.281-5.298h-10.336l-2.28 5.298h-5.849l10.667-24.515h5.334L279 36.243h-5.922zm-7.467-17.208l-3.09 7.124h6.18l-3.09-7.124zM82.651 47.386v2.96h4.782v1.68h-4.781v4.42h-1.84v-10.74h7.21v1.68h-5.37zm25.822 7.526c-1.103 1.06-2.427 1.571-4.046 1.571-1.618 0-2.942-.511-4.046-1.57-1.103-1.06-1.655-2.376-1.655-3.947 0-1.57.552-2.886 1.655-3.945 1.104-1.06 2.428-1.571 4.046-1.571 1.619 0 2.943.511 4.046 1.57 1.104 1.06 1.656 2.375 1.656 3.946 0 1.571-.552 2.887-1.656 3.946zm-1.324-6.686c-.735-.767-1.655-1.132-2.722-1.132-1.066 0-1.986.365-2.722 1.132a3.825 3.825 0 00-1.103 2.74c0 1.096.368 2.01 1.103 2.74.736.731 1.656 1.133 2.722 1.133 1.067 0 1.987-.365 2.722-1.133a3.822 3.822 0 001.104-2.74c0-1.096-.368-2.009-1.104-2.74zm16.957 5.736c.478.585 1.177.877 2.023.877.846 0 1.508-.292 2.023-.877.515-.584.736-1.352.736-2.338v-5.955h1.839v6.028c0 1.535-.441 2.74-1.287 3.58-.846.84-1.95 1.243-3.274 1.243s-2.428-.402-3.274-1.242c-.846-.84-1.287-2.01-1.287-3.58v-6.03h1.839v5.956c-.073.986.184 1.754.662 2.338zm26.815-8.293h1.839V56.41h-1.986l-6.106-7.818v7.818h-1.839V45.67h1.839l6.29 8.001V45.67h-.037zm22.254 1.425c1.03.95 1.545 2.228 1.545 3.909 0 1.68-.515 2.996-1.508 3.946-.993.986-2.538 1.461-4.635 1.461h-3.568V45.67h3.715c1.913 0 3.421.475 4.451 1.425zm-.258 3.945c0-2.447-1.434-3.69-4.23-3.69h-1.839v7.344h2.023c1.325 0 2.318-.292 3.017-.913.662-.622 1.029-1.535 1.029-2.74zm14.971 2.923l-1.067 2.448h-1.949l4.745-10.741h1.95l4.745 10.741h-1.95l-1.067-2.448h-5.407zm4.672-1.68l-1.95-4.421-1.949 4.42h3.899zm17.766-4.933v9.061h-1.839v-9.06h-3.274v-1.645h8.387v1.644h-3.274zm14.529-1.68h1.839V56.41h-1.839V45.67zm23.1 9.243c-1.103 1.06-2.428 1.571-4.046 1.571-1.619 0-2.943-.511-4.046-1.57-1.104-1.06-1.655-2.376-1.655-3.947 0-1.57.551-2.886 1.655-3.945 1.103-1.06 2.427-1.571 4.046-1.571 1.618 0 2.943.511 4.046 1.57 1.104 1.06 1.655 2.375 1.655 3.946 0 1.571-.551 2.887-1.655 3.946zm-1.324-6.686c-.736-.767-1.655-1.132-2.722-1.132s-1.986.365-2.722 1.132a3.822 3.822 0 00-1.104 2.74c0 1.096.368 2.01 1.104 2.74.736.731 1.655 1.133 2.722 1.133s1.986-.365 2.722-1.133a3.82 3.82 0 001.103-2.74c0-1.096-.367-2.009-1.103-2.74zm22.621-2.557h1.84V56.41h-1.987l-6.106-7.818v7.818h-1.839V45.67h1.839l6.29 8.001-.037-8.001zM33.84 49.943c9.307-1.315 16.442-9.243 16.442-18.815 0-5.846-2.648-11.034-6.804-14.541l-9.638 9.572v23.784zm-5.407 0V26.16l-9.637-9.609a18.896 18.896 0 00-6.805 14.541c0 9.61 7.136 17.537 16.442 18.852zm19.348-35.365c4.451 4.42 6.879 10.302 6.879 16.513 0 6.211-2.465 12.13-6.879 16.514-4.45 4.42-10.373 6.832-16.626 6.832a23.545 23.545 0 01-16.626-6.832c-4.414-4.384-6.915-10.266-6.915-16.514 0-6.247 2.465-12.13 6.879-16.514.367-.365.772-.73 1.177-1.096L10.3 8.147c-.405.366-.773.731-1.178 1.096-2.869 2.85-5.113 6.138-6.658 9.828A30.563 30.563 0 000 31.091c0 4.165.81 8.22 2.464 12.02 1.582 3.69 3.826 6.979 6.658 9.828 2.87 2.85 6.18 5.079 9.895 6.613A31.132 31.132 0 0031.119 62c4.193 0 8.276-.804 12.101-2.448a31.698 31.698 0 009.895-6.613c2.869-2.85 5.113-6.138 6.658-9.828a30.565 30.565 0 002.464-12.02c0-4.165-.81-8.22-2.464-12.02-1.582-3.69-3.826-6.978-6.658-9.828-.368-.365-.773-.73-1.177-1.096l-5.334 5.334c.405.33.773.695 1.177 1.097zM31.12 0c5.37 0 9.71 4.311 9.71 9.645s-4.34 9.646-9.71 9.646c-5.37 0-9.711-4.312-9.711-9.646 0-5.334 4.34-9.645 9.71-9.645z"></path></svg>
</a>
<a href="https://www.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 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>
<script>
function inlineScriptWhenReady() {
 
var wmf = wmf || {};
 
wmf.subscribe = {
post: function() {
/* Create the iframe for the form and use it as the form's target */
var frameName = 'subscribeFrame';
var $form = $('#wmf-subscribe-form');
if ( $("iframe[name=" + frameName + "]").length === 0 ) {
var $iframe = $('<iframe style="display: none;" name="' + frameName + '"></iframe>');
$form.attr('target', $iframe.attr('name'));
$form.after($iframe);
}
$form[0].submit();
},
 
init: function() {
/* Prep the form */
var form = document.getElementById('wmf-subscribe-form');
 
$('#wmf-subscribe-submit').click(function() {
if ( mw.util.validateEmail( form.Email.value ) ) {
wmf.subscribe.post();
$('.wmf-subscribe-h3, .wmf-subscribe-mar-bottom, .email-signup').fadeOut( function() {
$('.wmf-subscribe-ty').fadeIn();
});
return false;
} else {
$('#wmf-subscribe-input-email').addClass('wmf-subscribe-haserror').focus();
$('.wmf-subscribe-error-invalidemail').show();
return false;
}
});
}
};
 
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"