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
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html>
<html>
<style>
<style>
body.mw-special-FundraiserLandingPage.page-Special_LandingPage {
body.mw-special-FundraiserLandingPage.page-Special_LandingPage {
display: flex;
display: flex;
flex-direction: row-reverse;
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;
}


body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#content.mw-body {
flex: 1;
margin: 0;
padding: 0;
height: max-content;
overflow-y: auto;
}


/* Right Side */
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 p {
margin: 0;
}

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 p {
display:none;
}
/* Left Side */

body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation {
flex: 1;
background: url('https://people.wikimedia.org/~ppenloglou/assets/images/bg-donate-test.png');
background-position-y: 0%;
background-size: auto;
background-position-y: center;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
overflow-y: hidden;
max-height: 100vh;
}

body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation h2{
display:none;
}

body.mw-special-FundraiserLandingPage.page-Special_LandingPage div#mw-navigation div#mw-panel {
display:none;
}
@media (max-width: 1400px) {}
@media (max-width: 1400px) {}
</style>
</style>
Line 75: Line 74:
logo.classList.add("wmf-logo");
logo.classList.add("wmf-logo");
var rightSide = document.getElementById("mw-content-text");
var rightSide = document.getElementById("mw-content-text");
rightSide.insert(logo, rightSide.firstChild);
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", addImageOnLoad);
document.addEventListener("DOMContentLoaded", addQuote);
</script>
</script>

</html>
</html>

Latest revision as of 11:54, 16 October 2023