Staging/Ways to Give: Difference between revisions

From Donate
Jump to navigation Jump to search
Browse history interactively
← Older edit
Content deleted Content added
VisualWikitext
RLopez-WMF (talk | contribs)
297 edits
No edit summary
RLopez-WMF (talk | contribs)
297 edits
mNo edit summary
 
(5 intermediate revisions by 2 users not shown)
Line 3: Line 3:
{{FrDS_Styles}}
{{FrDS_Styles}}
<html>
<html>
<style>
.hidden-sm{
display: none;
}
.frb-wrapper{
width: 100%;
padding: 20px 0;
display: flex;
background: linear-gradient(0deg, #7D013D 0%, #590044 30%, #130129 60%, #07142C 90%);
background-size: 400% 200%;
background-position: 100% 100%;
animation-name: gradient;
animation-delay: 0s;
animation-duration: 2s;
animation-timing-function: linear;
animation-direction: alternate;
animation-iteration-count: 1;
animation-fill-mode: forwards;
position: fixed;
bottom: 0;
z-index:9999;
justify-content: center;
}
.frb-inner{
max-width: 1492px;
display: flex;
gap: 16px;
flex-basis: 100%;
flex-direction: column;
padding: 0 16px;
}
.frb-content{
display: flex;
gap: 8px;
flex-direction: column;
}
.frb-cta{
display: flex;
gap: 16px;
align-items: center;
justify-content: space-between;
flex-direction: row-reverse;
}
.frb-cta > svg{
width: 120px;
}
.frb-headline-wrapper{
text-align: left;
}
.frb-headline{
color: #FEF6E7;
font-family: 'Source Serif Pro', Georgia, 'Times New Roman', Times, serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.frb-text{
color: #FFFFFF;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px;
}
.frb-text a{
color: #FFFFFF;
text-decoration: underline;
font-weight: bold;
}
.frb-button{
display: block;
padding: 12px 16px;
border-radius: 4px;
background-color: #7E03A1;
color: #FFFFFF !important;
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px;
text-decoration: none;
transform: scale(0.98);
animation: button 0.25s ease 2s 1 normal forwards;
}
.frb-button:hover{
background-color: #9503A1;
transform: scale(0.98);
animation-fill-mode:initial;
}
/* Animated Gradient */
@keyframes gradient {
0% {
background-position: 100% 100%;
}
50% {
background-position: 50% 50%;
}
100% {
background-position: 0% 0%;
}
}
@keyframes button {
0% {
transform: scale(0.98);
box-shadow:none;
}
100% {
transform: scale(1);
box-shadow: 0px 0px 10px 0px rgba(204, 0, 255, 0.62);
}
}

@media only screen and (min-width:360px) {
.frb-cta{
justify-content: center;
}
}
@media only screen and (min-width:480px) {
.frb-inner{
flex-direction: row;
}
.frb-cta{
flex-direction: column;
}
.frb-cta > svg{
width: 96px;
}
}
@media only screen and (min-width:640px) {
.frb-cta{
flex-direction: row;
}
.frb-cta > svg{
width: 100px;
}
}
@media only screen and (min-width:960px) {
.hidden-sm{
display: initial;
}
.frb-wrapper{
padding: 32px 0;
}
.frb-inner{
gap: 32px;
padding: 0 32px;
}
.frb-content{
flex-basis: 100%;
flex-direction: row;
gap: 16px;
align-items: center;
}
.frb-content > div:nth-child(n+2){
border-left: 1px solid #3366CC;
padding-left: 16px;
}
.frb-headline-wrapper{
text-align: right;
}
.frb-cta{
gap: 32px;
}
.frb-cta > svg{
width: 120px;
}
}
</style>
<div class="frb-wrapper">
<div class="frb-inner">
<div class="frb-content">
<div class="frb-headline-wrapper">
<span class="frb-headline">
Enjoying <br class="hidden-sm">dark&nbsp;mode?
</span>
</div>
<div>
<span class="frb-text">
Did you know a nonprofit developed this useful feature?<br class="hidden-sm">
<a href="https://donate.wikimedia.org/?utm_medium=sitenotice&utm_campaign=DarkModeBanner&utm_source=DarkModeJuly2024control" target="_blank">Support the Wikimedia Foundation with $2.75</a> to keep our work thriving.
</span>
</div>
</div>
<div class="frb-cta">
<a href="http://" target="_blank" class="frb-button">GIVE&nbsp;$2.75</a>
<svg xmlns="http://www.w3.org/2000/svg" width="120" height="26" viewBox="0 0 120 26" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.5618 4.21598C17.5618 6.40633 15.6921 8.18196 13.3857 8.18196C11.0794 8.18196 9.20968 6.40633 9.20968 4.21598C9.20968 2.02563 11.0794 0.25 13.3857 0.25C15.6921 0.25 17.5618 2.02563 17.5618 4.21598ZM20.552 6.24477C22.4667 8.06175 23.5098 10.4807 23.5098 13.0384C23.5098 15.5924 22.4485 18.026 20.552 19.832C18.6372 21.649 16.0914 22.6414 13.3998 22.6414C10.7118 22.6414 8.14783 21.6344 6.24765 19.832C4.34746 18.0296 3.27518 15.6106 3.27518 13.0384C3.27518 10.4662 4.33651 8.0508 6.23306 6.24477C6.36058 6.12313 6.50017 6.00149 6.642 5.87789L6.74002 5.79235L4.43134 3.59956C4.33298 3.6836 4.24037 3.76766 4.14706 3.85236C4.07429 3.91841 4.00108 3.98486 3.92438 4.052C2.69163 5.22319 1.72512 6.57679 1.06133 8.09459C0.364718 9.65618 0 11.3272 0 13.0384C0 14.7532 0.346482 16.4206 1.06133 17.9822C1.74336 19.5 2.70622 20.8536 3.92438 22.0248C5.15713 23.196 6.58319 24.1118 8.18066 24.743C9.82555 25.4034 11.5835 25.75 13.3852 25.75C15.1869 25.75 16.9449 25.418 18.5898 24.743C20.1872 24.0972 21.6133 23.1814 22.846 22.0248C24.0788 20.8536 25.0453 19.5 25.7091 17.9822C26.4057 16.4206 26.7704 14.7496 26.7704 13.0384C26.7704 11.3236 26.4239 9.65618 25.7091 8.09459C25.0271 6.57679 24.0642 5.22319 22.846 4.052C22.7184 3.93024 22.5787 3.80847 22.4367 3.68474L22.3391 3.59956L20.045 5.79235C20.2201 5.93099 20.3805 6.08058 20.552 6.24477ZM102.851 10.0607C102.851 8.49912 102.348 7.28051 101.334 6.39391C100.32 5.5219 98.8791 5.07313 96.9643 5.06948H93.215V15.1541H96.8367C98.8645 15.1541 100.382 14.7017 101.363 13.7859C102.362 12.8701 102.851 11.6223 102.851 10.0607ZM100.48 10.1227C100.48 11.1151 100.192 11.8667 99.6086 12.3921C99.0214 12.9175 98.1825 13.1729 97.1102 13.1729H95.6076V7.04334H96.9352C98.1387 7.04334 99.025 7.29874 99.6086 7.83872C100.196 8.36412 100.48 9.13032 100.48 10.1227ZM50.4403 5.07312H48.066V15.1577H50.4403V5.07312ZM35.8994 10.8751L37.7814 5.07389H40.2505L42.1179 10.8751L44.2187 5.07389H46.7827L43.0808 15.1548H41.3265L38.9996 8.13867L36.6909 15.1548H34.9329L31.231 5.07389H33.795L35.8994 10.8751ZM55.4227 5.07312H53.0484H53.0265V15.1577H55.4008V12.3009L56.4621 11.1735L59.5805 15.1541H62.3487C62.0483 14.76 61.661 14.2424 61.1818 13.602L61.1804 13.6001C60.8746 13.1914 60.5313 12.7327 60.1495 12.2243C59.1684 10.9181 58.49 10.0169 58.1253 9.5353L62.3487 5.07312H59.4237L55.4227 9.22153V5.07312ZM66.1965 5.07312H63.8221V15.1577H66.1965V5.07312ZM75.4493 14.3295L78.3124 8.81289H78.3452V15.1541H80.7195V5.07312H77.521L74.771 10.6189L72.0319 5.07312H68.8224V15.1541H71.1931V8.81289L74.0415 14.3295H75.4493ZM90.9538 5.07312V7.07252H85.669V9.15951H90.4177V11.0823H85.669V13.1729H91.1289V15.1541H83.3129V5.07312H90.9538ZM107.282 5.07312H104.908V15.1577H107.282V5.07312ZM116.473 12.9759L117.454 15.1541H120L115.412 5.06948H113.118L108.53 15.1541H111.046L112.027 12.9759H116.473ZM112.913 11.0057L114.241 8.07589L115.572 11.0057H112.913ZM35.5494 19.7407V20.9556H37.6064V21.6489H35.5494V23.4658H34.7616V19.0474H37.8617V19.7407H35.5494ZM44.915 23.4805C45.6116 23.4805 46.1805 23.2689 46.6547 22.8347C47.1324 22.4005 47.3695 21.8569 47.3659 21.2111C47.3659 20.5653 47.1288 20.0216 46.6547 19.5875C46.1805 19.1533 45.6116 18.9417 44.915 18.9417C44.2183 18.9417 43.6494 19.1533 43.1752 19.5875C42.7011 20.0253 42.464 20.5653 42.464 21.2111C42.464 21.8569 42.7011 22.4005 43.1752 22.8347C43.6494 23.2689 44.2183 23.4805 44.915 23.4805ZM44.915 19.6166C45.3745 19.6166 45.7684 19.7699 46.0857 20.0837C46.403 20.3865 46.5598 20.7623 46.5598 21.2111C46.5598 21.6489 46.403 22.0247 46.0857 22.3385C45.7684 22.6559 45.3745 22.8055 44.915 22.8055C44.4554 22.8055 44.0615 22.6377 43.7442 22.3385C43.4269 22.0393 43.2701 21.6635 43.2701 21.2111C43.2701 20.7733 43.4269 20.3974 43.7442 20.0837C44.0615 19.7662 44.4554 19.6166 44.915 19.6166ZM53.3801 22.4442C53.5844 22.685 53.8871 22.8055 54.2518 22.8055C54.6165 22.8055 54.901 22.685 55.1235 22.4442C55.346 22.2034 55.4408 21.8897 55.4408 21.481V19.0328H56.2322V21.5139C56.2322 22.1451 56.0426 22.6413 55.6778 22.9879C55.3131 23.3345 54.839 23.4987 54.27 23.4987C53.7011 23.4987 53.2269 23.3345 52.8622 22.9879C52.4975 22.6413 52.3078 22.1597 52.3078 21.5139V19.0328H53.0993V21.481C53.0628 21.8897 53.1759 22.2034 53.3801 22.4442ZM65.7039 19.0328H64.927V22.3238L62.2244 19.0328H61.433V23.4512H62.2244V20.2369L64.8504 23.4512H65.7039V19.0328ZM74.4836 19.6202C74.9249 20.0106 75.1474 20.536 75.1474 21.2292C75.1474 21.9225 74.9249 22.4625 74.4982 22.8529C74.0715 23.2579 73.4077 23.4549 72.5032 23.4549H70.9677V19.0365H72.5652C73.3931 19.0328 74.0423 19.2298 74.4836 19.6202ZM74.3742 21.2439C74.3742 20.2369 73.7578 19.726 72.5542 19.726H71.7628V22.7471H72.6345C73.2034 22.7471 73.6302 22.6266 73.9329 22.3713C74.2174 22.1122 74.3742 21.7364 74.3742 21.2439ZM80.3546 23.4512L80.8141 22.4442H83.1411L83.6006 23.4512H84.4395L82.397 19.0328H81.5582L79.5157 23.4512H80.3546ZM81.9813 19.9377L82.8201 21.7547H81.1424L81.9813 19.9377ZM90.4654 19.7261V23.4512H89.674V19.7261H88.2662V19.0474H91.8733V19.7261H90.4654ZM96.7132 19.0328H97.5046V23.4512H96.7132V19.0328ZM106.647 22.8347C106.173 23.2689 105.604 23.4805 104.908 23.4805C104.211 23.4805 103.642 23.2689 103.168 22.8347C102.694 22.4005 102.457 21.8569 102.457 21.2111C102.457 20.5653 102.694 20.0253 103.168 19.5875C103.642 19.1533 104.211 18.9417 104.908 18.9417C105.604 18.9417 106.173 19.1533 106.647 19.5875C107.122 20.0216 107.359 20.5653 107.359 21.2111C107.359 21.8569 107.122 22.4005 106.647 22.8347ZM106.078 20.0837C105.761 19.7699 105.367 19.6166 104.908 19.6166C104.448 19.6166 104.054 19.7662 103.737 20.0837C103.42 20.3974 103.263 20.7733 103.263 21.2111C103.263 21.6635 103.42 22.0393 103.737 22.3385C104.054 22.6377 104.448 22.8055 104.908 22.8055C105.367 22.8055 105.761 22.6559 106.078 22.3385C106.396 22.0247 106.553 21.6489 106.553 21.2111C106.553 20.7623 106.396 20.3865 106.078 20.0837ZM116.598 19.0328H115.824V22.3238L113.118 19.0328H112.327V23.4512H113.118V20.2369L115.744 23.4512H116.598V19.0328ZM14.5565 20.7917L14.5601 20.7912V20.7917H14.5565ZM14.5601 20.7912C18.5593 20.2497 21.6284 16.9887 21.6284 13.0531C21.6284 10.6487 20.4905 8.51427 18.7033 7.07309L14.5601 11.0099V20.7912ZM12.2329 11.0099V20.7917C8.22824 20.2517 5.16095 16.9899 5.16459 13.0385C5.16459 10.6341 6.30252 8.48512 8.08965 7.05853L12.2329 11.0099Z" fill="white"/>
</svg>
</div>
</div>
</div>
<header>
<header>
<section class="header">
<section class="header">
<a href="https://wikimediafoundation.org" target="_blank">
<a href="https://wikimediafoundation.org" target="_blank">
<img src="https://wikimediafoundation.org/wp-content/themes/shiro/assets/src/svg/logo-horizontal.svg" alt="Wikimedia Foundation" class="header__logo">
<img src="https://upload.wikimedia.org/wikipedia/donate/6/60/Wmf_logo_horiz_K.svg" alt="Wikimedia Foundation" class="header__logo">
</a>
</a>
<div class="language-switcher">
<div class="language-switcher">
Line 54: Line 246:
<h2>How to Give</h2>
<h2>How to Give</h2>
<div class="cards-grid">
<div class="cards-grid">
<a href="https://donate.wikimedia.org/wiki/Special:FundraiserLandingPage?utm_medium=Waystogive&utm_source=Waystogive&utm_campaign=C11_Waystogive" target="_blank" class="cards-grid__card">
<a href="https://donate.wikimedia.org/?wmf_medium=Waystogive&wmf_source=Waystogive2024&wmf_campaign=Waystogive" target="_blank" class="cards-grid__card">
<img src="https://upload.wikimedia.org/wikipedia/donate/4/43/Badge-one-time.png" alt="Icon" class="cards-grid__card-image">
<img src="https://upload.wikimedia.org/wikipedia/donate/4/43/Badge-one-time.png" alt="Icon" class="cards-grid__card-image">
<div class="cards-grid__card-content">
<div class="cards-grid__card-content">

Latest revision as of 20:13, 24 July 2024

Enjoying dark mode?
Did you know a nonprofit developed this useful feature? Support the Wikimedia Foundation with $2.75 to keep our work thriving.
GIVE $2.75

Ways to give

Thank you for your interest in donating to the Wikimedia Foundation, the
nonprofit that hosts Wikipedia and other Wikimedia free knowledge projects.

Your decision to donate makes a real difference:

Icon Wikipedia

We keep Wikipedia
up and running

Icon Earth

We expand our
mission globally

Icon Editors

We create new tools
for our editors

How to Give

Icon

Donate Now

Choose from a range of payment methods to make a secure online gift now

 Icon

Monthly gift

Join us as a monthly donor, and discover how regular giving supports Wikipedia

 Icon

Wire Transfers

Find out how to donate via your bank account from anywhere in the world

 Icon

Postal Donation

Support via a check or money order mailed to the Wikimedia Foundation today

Other Ways to Give

Icon

Donor-Advised Fund (DAF)

Unlock tax benefits by directing your donation via your Donor-Advised Fund (DAF)

 Icon

Stock donation

Maximize your impact and benefit from tax savings by donating stock

 Icon

Legacy gift

Make a difference for generations to come by leaving a gift in your will

 Icon

Individual Retirement Account (IRA)

Qualified Charitable Distributions from a tax efficient eligible IRA

 Icon

CGA

Charitable Gift Annuities (CGAs) can offer steady income and philanthropic impact

 Icon

Endowment Gift

Ensure free knowledge for future generations with a gift to the Wikimedia Endowment.

 Icon

Workplace Giving

Involve your employer and increase the impact of your donation

What does the Wikimedia Foundation do?

The Wikimedia Foundation supports hundreds of thousands of people around the world in creating the largest free knowledge projects in history.

For questions, please contact donate@wikimedia.org.

Retrieved from "https://donate.wikimedia.org/w/index.php?title=Staging/Ways_to_Give&oldid=40115"