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

From Donate
Jump to navigation Jump to search
Content deleted Content added
mNo edit summary
mNo edit summary
 
(6 intermediate revisions by the same user not shown)
Line 29: Line 29:
width: 200px;
width: 200px;
margin: 0 auto;
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 {
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation {
flex: 1;
flex: 1;
background: url("https://people.wikimedia.org/~ppenloglou/assets/images/bg-donate-test.png");
background: url("https://people.wikimedia.org/~ppenloglou/assets/images/bg-donate-test.svg");
background-position-y: 0%;
background-size: auto;
background-position-y: center;
display: flex;
display: flex;
align-items: center;
align-items: center;
Line 42: Line 42:
overflow-y: hidden;
overflow-y: hidden;
max-height: 100vh;
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 h2,
Line 47: Line 49:
display: none;
display: none;
}
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation .jimmy-quote {
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;
font-size: 28px;
text-align: center;
text-align: center;
Line 55: Line 60:
margin-bottom: 30px;
margin-bottom: 30px;
}
}
body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation .jimmy-appeal .jimmy-founder {
text-align: right;
}




@media (max-width: 1400px) {}
@media (max-width: 1400px) {}
Line 65: Line 75:
var rightSide = document.getElementById("mw-content-text");
var rightSide = document.getElementById("mw-content-text");
rightSide.insertBefore(logo, rightSide.firstChild);
rightSide.insertBefore(logo, rightSide.firstChild);
var emptyParagraph = document.querySelector('.wmf-logo').nextElementSibling;
emptyParagraph.style.display = "none";
}
}


function addQuote() {
function addQuote() {
var quote = document.createElement("p");
var quote = document.createElement("div");
quote.innerHTML = "“Imagine a world in which every single person on the planet has free access to the sum of all human knowledge.”";
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-quote");
quote.classList.add("jimmy-appeal")
var leftSide = document.getElementById("mw-navigation");
var leftSide = document.getElementById("mw-navigation");
leftSide.insertBefore(quote, leftSide.firstChild);
leftSide.insertBefore(quote, leftSide.firstChild);
Line 77: Line 89:
document.addEventListener("DOMContentLoaded", addQuote);
document.addEventListener("DOMContentLoaded", addQuote);
</script>
</script>

</html>
</html>

Latest revision as of 11:54, 16 October 2023