Template:Appeal/en6c-email3-demo/en: Difference between revisions

From Donate
Jump to navigation Jump to search
Content deleted Content added
Blanked the page
Tag: Blanking
mNo edit summary
 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<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;
}



@media (max-width: 1400px) {}
</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() {
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>

Latest revision as of 11:54, 16 October 2023