|
|
(8 intermediate revisions by 2 users not shown) |
Line 6: |
Line 6: |
|
<style> |
|
<style> |
|
/* Content */ |
|
/* Content */ |
|
.main .content { |
|
.main .contentbox { |
|
display: flex; |
|
display: flex; |
|
flex-direction: column; |
|
flex-direction: column; |
Line 14: |
Line 14: |
|
margin: 0 auto; |
|
margin: 0 auto; |
|
} |
|
} |
|
.main .content .wrapper{ |
|
.main .contentbox .wrapper{ |
|
display: flex; |
|
display: flex; |
|
flex-direction: column; |
|
flex-direction: column; |
Line 62: |
Line 62: |
|
} |
|
} |
|
@media only screen and (min-width:1024px) { |
|
@media only screen and (min-width:1024px) { |
|
.main .content { |
|
.main .contentbox { |
|
padding: 80px 20px; |
|
padding: 80px 20px; |
|
gap: 80px; |
|
gap: 80px; |
Line 75: |
Line 75: |
|
line-height: 24px; |
|
line-height: 24px; |
|
} |
|
} |
|
|
} |
|
|
/* blocks/navigation.css */ |
|
|
.block { |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
gap: 40px; |
|
|
padding: 40px 20px; |
|
|
} |
|
|
.block__wrapper { |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
gap: 40px; |
|
|
width: 100%; |
|
|
max-width: 1060px; |
|
|
margin: 0 auto; |
|
|
} |
|
|
.navigation { |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
gap: 16px; |
|
|
list-style: none !important; |
|
|
padding: 0 !important; |
|
|
} |
|
|
.navigation--secondary a{ |
|
|
color:inherit !Important; |
|
|
text-decoration: underline; |
|
|
} |
|
|
@media only screen and (min-width:960px){ |
|
|
.navigation { |
|
|
flex-direction: row; |
|
|
} |
|
|
} |
|
|
.text--small { |
|
|
font-size: 14px !important; |
|
|
line-height: 22px !important; |
|
|
} |
|
|
@media only screen and (min-width: 960px) { |
|
|
.text--small { |
|
|
font-size: 16px !important; |
|
|
line-height: 24px !important; |
|
|
} |
|
} |
|
} |
|
</style> |
|
</style> |
|
<main class="main"> |
|
<main class="main"> |
|
<article class="content"> |
|
<article class="contentbox"> |
|
<div class="wrapper"> |
|
<div class="wrapper"> |
|
<h2>An inspiring mission</h2> |
|
<h2>An inspiring mission</h2> |
Line 85: |
Line 126: |
|
<div class="wrapper"> |
|
<div class="wrapper"> |
|
<h2>Why become a monthly donor?</h2> |
|
<h2>Why become a monthly donor?</h2> |
|
<p>The internet would not be the same without Wikipedia, and Wikipedia itself would not exist without the collective power of readers, editors and donors who contribute every month.</p> |
|
<p>The internet would not be the same without Wikipedia, and Wikipedia itself would not exist without the collective power of readers, editors, and donors who contribute every month.</p> |
|
<p>Giving regularly means you can:</p> |
|
<p>Giving regularly means you can:</p> |
|
<ul class="todo"> |
|
<ul class="todo" style="padding-bottom:40px;"> |
|
<li>Make a <strong>smaller</strong> contribution every month that leads to a <strong>bigger</strong> impact in the long-term.</li> |
|
<li>Make a <strong>smaller</strong> contribution every month that leads to a <strong>bigger</strong> impact in the long-term.</li> |
|
<li>Donate with a <strong>hassle-free automated payment</strong>for an amount you decide.</li> |
|
<li>Donate with a <strong>hassle-free automated payment</strong> for an amount you decide.</li> |
|
<li>Follow <strong>Wikipedia beyond the screen</strong> and hear updates about the latest developments.</li> |
|
<li>Follow <strong>Wikipedia beyond the screen</strong> and hear updates about the latest developments.</li> |
|
<li>Play your part in <strong>sustaining</strong> Wikipedia in the long term.</li> |
|
<li>Play your part in <strong>sustaining</strong> Wikipedia in the long term.</li> |
|
</ul> |
|
</ul> |
|
|
<div style="background-color:#FFFDF8;padding:20px;border-radius:8px;width:100%;"> |
|
|
<div> |
|
|
<p style="margin:0;font-size:16px;line-height:24px;"> |
|
|
<strong>A monthly donation will process until you <a href="https://donate.wikimedia.org/wiki/Cancel_or_change_recurring_giving" style="color:inherit; text-decoration:underline;">ask us to cancel it</a>.</strong><br> |
|
|
If you are a current recurring donor looking to update or cancel your gift, please contact <a href="mailto:donate@wikimedia.org" style="color:inherit; text-decoration:underline;">donate@wikimedia.org</a> |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
</div> |
|
</div> |
|
<div class="wrapper"> |
|
<div class="wrapper"> |
Line 99: |
Line 149: |
|
<div class="card"> |
|
<div class="card"> |
|
<p> |
|
<p> |
|
I have set up a monthly subscription. I can’t express adequately how you have changed the world and made it a more informed place and provided professionals like me somewhere that we can easily, quickly and safely inform our staff and leaders of often challenging and/or complex concepts. |
|
“I have set up a monthly subscription. I can’t express adequately how you have changed the world and made it a more informed place and provided professionals like me somewhere that we can easily, quickly and safely inform our staff and leaders of often challenging and/or complex concepts.” |
|
</p> |
|
</p> |
|
<p class="author"> |
|
<p class="author"> |
Line 123: |
Line 173: |
|
</div> |
|
</div> |
|
</div> |
|
</div> |
|
</articlen> |
|
</article> |
|
</main> |
|
</main> |
|
</html> |
|
</html> |
|
{{FrDS_CTAImage}} |
|
{{FrDS_CTAImage}} |
|
|
{{FrDS_Blocks_WTG_Footer}} |