MediaWiki:Centralnotice-template-DonateNew: Difference between revisions
MediaWiki interface page
More actions
Update Tag: Central Notice |
update Tag: Central Notice |
||
| (One intermediate revision by the same user not shown) | |||
| Line 8: | Line 8: | ||
<div style="font-size: clamp(0.7rem, 3vw, 1rem); margin-bottom: 2rem; opacity: 0.95; font-weight: 300; padding: 0 min(1rem, 3vw); line-height: 1.4;">WikiOasis provides ad-free hosting, entirely for free to over <span style="font-weight: 700; color: white; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">{{NUMBEROFWIKIS}}</span> wikis. This is our first full scale fundraiser, we want to raise $500 before the end of Spring to support major technical expansions to improve the user experience. If every wiki donated just $2, we would reach double our goal within a day. If WikiOasis has provided more than $2 of value to you in the last year, consider supporting us financially.</div> | <div style="font-size: clamp(0.7rem, 3vw, 1rem); margin-bottom: 2rem; opacity: 0.95; font-weight: 300; padding: 0 min(1rem, 3vw); line-height: 1.4;">WikiOasis provides ad-free hosting, entirely for free to over <span style="font-weight: 700; color: white; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">{{NUMBEROFWIKIS}}</span> wikis. This is our first full scale fundraiser, we want to raise $500 before the end of Spring to support major technical expansions to improve the user experience. If every wiki donated just $2, we would reach double our goal within a day. If WikiOasis has provided more than $2 of value to you in the last year, consider supporting us financially.</div> | ||
<div style="display: flex; gap: min(1rem, 3vw); justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: center;"> | <div style="display: flex; gap: min(1rem, 3vw); justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: center;"> | ||
<a href="https:// | <a href="https://meta.wikioasis.org/wiki/Fundraiser"><span style="display: inline-block; padding: min(0.9rem, 3vw) min(2rem, 5vw); background: rgba(255, 255, 255, 0.15); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.2); margin: 0.25rem; width: min(280px, 80vw); text-align: center; font-size: clamp(0.9rem, 4vw, 1rem);" onmouseover="this.style.background='rgba(255, 255, 255, 0.25)'; this.style.transform='translateY(-2px)'; this.style.boxShadow='0 8px 25px rgba(0,0,0,0.2)'" onmouseout="this.style.background='rgba(255, 255, 255, 0.15)'; this.style.transform='translateY(0px)'; this.style.boxShadow='none'">Donate now</span></a> | ||
<a href="#" onclick="mw.centralNotice.hideBanner();return false;"><span style="display: inline-block; padding: min(0.9rem, 3vw) min(2rem, 5vw); background: rgba(255, 255, 255, 0.15); color: white; text-decoration: none; border-radius: 50px; font-weight: 600; transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.2); margin: 0.25rem; width: min(280px, 80vw); text-align: center; font-size: clamp(0.9rem, 4vw, 1rem);" onmouseover="this.style.background='rgba(255, 255, 255, 0.25)'; this.style.transform='translateY(-2px)'; this.style.boxShadow='0 8px 25px rgba(0,0,0,0.2)'" onmouseout="this.style.background='rgba(255, 255, 255, 0.15)'; this.style.transform='translateY(0px)'; this.style.boxShadow='none'">Hide notice</span></a> | |||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||