Template:Appeal/en6c-email3-demo/en: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
m PPenloglou-WMF moved page Template:Appeal/en6c/email3/demo to Template:Appeal/en6c-email3-demo: Corretcting wrong naming convention |
mNo edit summary |
||
| (27 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<html> |
|||
== We want everyone to have equal access to knowledge, forever == |
|||
<style> |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage { |
|||
display: flex; |
|||
flex-direction: row-reverse; |
|||
} |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#content.mw-body { |
|||
flex: 1; |
|||
margin: 0; |
|||
padding: 0; |
|||
height: max-content; |
|||
overflow-y: auto; |
|||
} |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#bodyContent.vector-body { |
|||
overflow-y: auto; |
|||
max-height: 100vh; |
|||
} |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content { |
|||
overflow-y: auto; |
|||
display: flex; |
|||
flex-direction: column; |
|||
padding: 30px; |
|||
gap: 30px; |
|||
} |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content div#appeal-wrapper { |
|||
display: none; |
|||
} |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content img.wmf-logo { |
|||
width: 200px; |
|||
margin: 0 auto; |
|||
} |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-content-text.mw-body-content .mw-parser-output #main-wrapper #form-wrapper { |
|||
width: 35vw; |
|||
} |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation { |
|||
flex: 1; |
|||
background: url("https://people.wikimedia.org/~ppenloglou/assets/images/bg-donate-test.svg"); |
|||
display: flex; |
|||
align-items: center; |
|||
justify-content: center; |
|||
flex-direction: column; |
|||
overflow-y: hidden; |
|||
max-height: 100vh; |
|||
background-size: cover; |
|||
background-position: center; |
|||
} |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation h2, |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation div#mw-panel { |
|||
display: none; |
|||
} |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation .jimmy-appeal { |
|||
padding: 0 2rem; |
|||
} |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation .jimmy-appeal .jimmy-quote { |
|||
font-size: 28px; |
|||
text-align: center; |
|||
line-height: 1.5; |
|||
font-weight: bold; |
|||
padding: 0 2rem; |
|||
margin-bottom: 30px; |
|||
} |
|||
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation .jimmy-appeal .jimmy-founder { |
|||
text-align: right; |
|||
} |
|||
Thank you for considering a donation to the Wikimedia Foundation, the nonprofit that hosts Wikipedia and other crucial free knowledge projects. |
|||
Each year, because of the 2% of readers who give to support our mission, we can expand the reach of free knowledge to new corners of the world. If Wikipedia matters and is useful to you too, please join them and donate {{AppealAmountSwitch|language=en|country={{{country}}}|amount=all|$5, $20, $50}} or whatever feels right to you today. |
|||
@media (max-width: 1400px) {} |
|||
Wikipedia is different. No advertising, no subscription fees, no paywalls. Those don't belong here. Wikipedia is a place to learn, free from bias or agenda. |
|||
</style> |
|||
<script> |
|||
function addImageOnLoad() { |
|||
var logo = document.createElement("img"); |
|||
logo.src = "https://upload.wikimedia.org/wikipedia/donate/6/60/Wmf_logo_horiz_K.svg"; |
|||
logo.classList.add("wmf-logo"); |
|||
var rightSide = document.getElementById("mw-content-text"); |
|||
rightSide.insertBefore(logo, rightSide.firstChild); |
|||
var emptyParagraph = document.querySelector('.wmf-logo').nextElementSibling; |
|||
emptyParagraph.style.display = "none"; |
|||
} |
|||
function addQuote() { |
|||
Today, we invite you to donate whatever feels right. Show the world that access to independent and unbiased information matters to you. |
|||
var quote = document.createElement("div"); |
|||
quote.innerHTML = "<p class='jimmy-quote'>“Imagine a world in which every single person on the planet has free access to the sum of all human knowledge.”</p><p class='jimmy-founder'>Jimmy Wales - Founder of Wikipedia</p>"; |
|||
quote.classList.add("jimmy-appeal") |
|||
var leftSide = document.getElementById("mw-navigation"); |
|||
leftSide.insertBefore(quote, leftSide.firstChild); |
|||
} |
|||
document.addEventListener("DOMContentLoaded", addImageOnLoad); |
|||
document.addEventListener("DOMContentLoaded", addQuote); |
|||
</script> |
|||
</html> |
|||
Thank you. |
|||
Latest revision as of 11:54, 16 October 2023