Become monthly donor: Difference between revisions
Content deleted Content added
RLopez-WMF (talk | contribs) No edit summary |
RLopez-WMF (talk | contribs) Adding footer navigation from WTG |
||
(16 intermediate revisions by 2 users not shown) | |||
Line 2:
{{FrDS_WikiReset}}
{{FrDS_Header}}
{{FrDS_HeroVideo}}
<html>
<style>
/* Content */
.main .contentbox {
display: flex;
flex-direction: column;
padding: 40px 20px;
gap: 40px;
max-width: 1060px;
margin: 0 auto;
}
.main .contentbox .wrapper{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
flex: 1 0 0;
}
.todo{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 16px;
list-style: none;
padding-left: 42px;
}
.todo li {
position: relative;
}
.todo li::before{
content: '';
position: absolute;
left: -42px;
top: 0;
width: 24px;
height: 24px;
background-image: url('https://upload.wikimedia.org/wikipedia/donate/1/1b/Done-fr.png');
background-size: cover;
background-repeat: no-repeat;
}
.cards{
display: flex;
flex-direction: column;
gap: 16px;
}
.card{
display: flex;
padding: 20px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
align-self: stretch;
border-radius: 16px;
border: 2px solid #FBEEBF;
}
.card .author{
font-family: 'Source Serif Pro', Georgia, 'Times New Roman', Times, serif;
}
@media only screen and (min-width:1024px) {
.main .contentbox {
padding: 80px 20px;
gap: 80px;
}
.cards{
flex-direction: row;
align-items: flex-start;
align-self: stretch;
}
.cards p{
font-size: 16px;
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>
<main class="main">
<article class="contentbox">
<div class="wrapper">
<h2>An inspiring mission</h2>
<p>Wikipedia and its sister projects exist to give people all over the world free and fair access to knowledge. We don’t charge a subscription fee because we believe access to knowledge should not be limited by what you can afford. Still, we know we can count on some donors to give regularly. Monthly donations help us plan financially for the long-term so that we can achieve even more together.</p>
</div>
<div class="wrapper">
<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>Giving regularly means you can:</p>
<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>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>Play your part in <strong>sustaining</strong> Wikipedia in the long term.</li>
</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 class="wrapper">
<h2>A few words from monthly supporters</h2>
<div class="cards">
<div class="card">
<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.”
</p>
<p class="author">
<strong>Donor</strong>, Australia
</p>
</div>
<div class="card">
<p>
“I very much appreciate Wikipedia, especially in a time when misinformation runs rampant. However you are managing it, your system works and the quality of the entries has not been compromised with time and use. It just keeps getting better. Wikipedia is a model of what can be accomplished.”
</p>
<p class="author">
<strong>Donor</strong>, Canada
</p>
</div>
<div class="card">
<p>
“This is the second time that I've signed on to make a small monthly donation to Wikipedia because I find it to be an invaluable resource that I use daily. As long as I'm able, I will continue to donate what I can, for as long as I can, because Wikipedia gives real value and entertainment to inquisitive minds. Thank you for all you do.”
</p>
<p class="author">
<strong>Donor</strong>, United Kingdom
</p>
</div>
</div>
</div>
</article>
</main>
</html>
{{FrDS_CTAImage}}
{{FrDS_Blocks_WTG_Footer}}
|