Fundraiser: Difference between revisions

Latest revision as of 03:57, 26 April 2026

Donate to WikiOasis

Support us on our mission to provide free wiki hosting for everyone!

💰

Fundraiser Information

We want to raise $500 during Spring 2026 to help support ad-free wikis for years to come. If you can chip in any amount, it would be heavily appreciated by our team. If every one of our wikis donated $2, we would double our goal in less than a day, allowing us to provide our services for years to come.

💰 Raised: $255 of $500

🎯 Progress: 51%

🕛 Deadline: 31st May 2026

The above statistics are updated daily at minimum.

What We'll Use Your Donation For

✓Improving our caching strategy to improve load times by an order of magnitude.

✓Adding a third dedicated cloud server to allow us to introduce redundancy to our infrastructure .

✓Improving our backup strategy with two additional backup servers to allow faster and more robust disaster recovery.

Donators

Those who donate over $20 to WikiOasis can email [email protected] to be listed here:

💰 $20+ Donators

Skyrock

Get Help Donating

Should you have issues donating, feel free to reach out using the methods below to get support from our team with donating.

Email: [email protected]

Discord: Join our Discord

@@ Line 7: / Line 7: @@
 |image_alt=Wiki Logo
 }}
-<div style="box-shadow: 0 0 0.1em #999; padding: 0.8rem; border-radius: 0; width: auto">
-{| style="width: 100%;"
+<div style="max-width: 1200px; margin: 0 auto; padding: 0 5vw 20px 5vw; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', sans-serif;">
-|-
-| class="shortcut" style="border-radius: 0rem 0rem 0 0; background: rgb(58,28,113); background: linear-gradient(180deg, rgb(54,80,143) 0%, rgb(0,80,180) 50%, rgb(54,80,143) 100%); display: revert !important;" | <div style="font-size: 180%; color: white; text-align: center;">
+<!-- Hero Section -->
-<div style="font-size:250%;">'''Donate to WikiOasis'''</div>
+<div style="background: linear-gradient(135deg, #3650b8 0%, #0050b4 100%); border-radius: min(16px, 4vw); padding: min(2rem, 8vw) min(2rem, 6vw); color: white; text-align: center; margin-bottom: min(2rem, 6vw); box-shadow: 0 10px 30px rgba(54, 80, 184, 0.2); position: relative; overflow: hidden;">
-<div style="padding-top:0.1em; padding-bottom:0.1em; padding-left:0.1em; padding-right:0.1em; font-size:100%;">Support us on our mission to provide wiki hosting for anybody.</div></div><br />
+<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 2px, transparent 2px), radial-gradient(circle at 80% 20%, rgba(255,255,255,0.08) 1.5px, transparent 1.5px), radial-gradient(circle at 40% 40%, rgba(255,255,255,0.06) 1px, transparent 1px); background-size: 100px 100px, 150px 150px, 75px 75px; -webkit-animation: breathe-pulse 4s ease-in-out infinite alternate; -moz-animation: breathe-pulse 4s ease-in-out infinite alternate; -o-animation: breathe-pulse 4s ease-in-out infinite alternate; animation: breathe-pulse 4s ease-in-out infinite alternate;"></div>
-<center>[https://donate.wikioasis.org <span class="mw-ui-button mw-ui-progressive mw-ui-big">Donate (via Ko-fi)</span>]</center><br />
+<div style="position: relative; z-index: 1;">
-|}
+<div style="font-size: clamp(2rem, 8vw, 3.5rem); font-weight: 800; margin-bottom: 1rem; text-shadow: 0 2px 4px rgba(0,0,0,0.1); line-height: 1.1;">'''Donate to WikiOasis'''</div>
-{| style="width: 100%;"
+<div style="font-size: clamp(1rem, 3.5vw, 1.3rem); margin-bottom: 2rem; opacity: 0.95; font-weight: 300; padding: 0 min(1rem, 3vw); line-height: 1.4;">Support us on our mission to provide free wiki hosting for everyone!</div>
-| class="shortcut" style="border-top: 4px solid rgb(54,117,136); background-color: #ffffff; padding: 5px 15px 10px 15px; vertical-align:top; width: 50%; display: revert !important;" | <h3 style="text-align: center;">[[File:WikiOasis Logo New.png|40px|link=]]
+<div style="display: flex; gap: min(1rem, 3vw); justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: center;">
-Fundraiser information</h3>
+[https://donate.wikioasis.org <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 (via Ko-fi)</span>]
-We want to raise $250 before January 1st 2026 to help support the growth of WikiOasis. If you can chip in any amount, it would be heavily appreciated by our team.<center>
+</div>
-💰 <strong>Raised:</strong> $0 of $250<br />
+</div>
-🎯 <strong>Progress:</strong> 0% <br />
+</div>
-🕛 <strong>Deadline:</strong> January 1, 2026<br />
-</center>
+<!-- Fundraiser Progress Card -->
-<small>The above statistics are updated daily at minimum.</small>
+<div style="background: white; border-radius: min(12px, 3vw); padding: min(2rem, 6vw) min(1.5rem, 4vw); box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: all 0.3s ease; border-top: 4px solid #3675b8; position: relative; margin-bottom: min(2rem, 5vw);" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 8px 30px rgba(0,0,0,0.12)'" onmouseout="this.style.transform='translateY(0px)'; this.style.boxShadow='0 4px 20px rgba(0,0,0,0.08)'">
-|}
+<div style="display: flex; align-items: center; justify-content: center; margin-bottom: min(1.5rem, 4vw); gap: min(0.5rem, 2vw); flex-wrap: wrap;">
-{| style="width: 100%;"
+<div style="width: min(40px, 10vw); height: min(40px, 10vw); min-width: 30px; min-height: 30px; background: linear-gradient(135deg, #3675b8, #0050b4); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: white; font-size: min(1.2rem, 4vw); flex-shrink: 0;"><span style="display: inline-block; line-height: 1;">💰</span></div>
-| class="shortcut" style="border-top: 4px solid rgb(54,117,136); background-color: #ffffff; padding: 5px 15px 10px 15px; vertical-align:top; width: 50%; display: revert !important;" | <h3 style="text-align: center;">[[File:OOjs UI icon userGroup-ltr.svg|40px|link=]]
+<h3 style="font-size: clamp(1.2rem, 5vw, 1.5rem); font-weight: 700; color: #2d3748; margin: 0; line-height: 1.2; text-align: center;">Fundraiser Information</h3>
-What we will use your donation for:</h3>
+</div>
-<ul>
+<div style="text-align: center; color: #4a5568; line-height: 1.8; font-size: clamp(0.95rem, 3.5vw, 1.05rem); margin-bottom: min(1.5rem, 4vw);">
-<li>Recouping the costs of incorporating the WikiOasis Foundation.</li>
+We want to raise <strong style="color: #3675b8;">$500</strong> during Spring 2026 to help support ad-free wikis for years to come. If you can chip in any amount, it would be heavily appreciated by our team. If every one of our wikis donated $2, we would double our goal in less than a day, allowing us to provide our services for years to come.
-<li>Scaling our hosting to support more wikis with improved load times.</li>
+</div>
-<li>Improving our services to provide new features such as analytics and automated request reviews.</li>
+<div style="background: #f7fafc; border-radius: min(8px, 2vw); padding: min(1.5rem, 4vw); margin-bottom: min(1rem, 3vw);">
-</ul>
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: min(0.75rem, 2vw); flex-wrap: wrap; gap: min(0.5rem, 2vw);">
-|}
+<span style="font-weight: 600; color: #2d3748; font-size: clamp(1rem, 3.8vw, 1.1rem);">💰 Raised:</span>
-{| style="width: 100%;"
+<span style="font-size: clamp(1.1rem, 4vw, 1.3rem); font-weight: 700; color: #3675b8;">$255 of $500</span>
-| class="shortcut" style="border-radius: 0 0 0rem 0rem; border-top: 4px solid rgb(58,28,113); background-color: #ffffff; padding: 5px 15px 10px 15px; vertical-align:top; width: 50%; display: revert !important;" | <h3 style="text-align: center;">[[File:OOjs UI icon help-ltr.svg|40px|link=]]
+</div>
-Get help donating:</h3>
+<div style="background: #e2e8f0; border-radius: 50px; height: min(20px, 5vw); overflow: hidden; margin-bottom: min(0.75rem, 2vw);">
-<ul>
+<div style="background: linear-gradient(90deg, #48bb78, #38a169); height: 100%; width: 51%; transition: width 0.5s ease; border-radius: 50px;"></div>
-<li>Should you have issues donating, feel free to reach out using the methods below to get support from our team with donating.
+</div>
-<li>Email: [mailto:corp@wikioasis.org corp@wikioasis.org]</li>
+<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: min(0.75rem, 2vw); flex-wrap: wrap; gap: min(0.5rem, 2vw);">
-<li>Discord: [https://discord.gg/Hc249nXbak Join our Discord]</li>
+<span style="font-weight: 600; color: #2d3748; font-size: clamp(0.95rem, 3.5vw, 1.05rem);">🎯 Progress:</span>
-</ul>
+<span style="font-weight: 600; color: #48bb78; font-size: clamp(0.95rem, 3.5vw, 1.05rem);">51%</span>
-|}
+</div>
-{| style="width: 100%;"
+<div style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: min(0.5rem, 2vw);">
-| class="shortcut" style="border-top: 4px solid rgb(54,117,136); background-color: #ffffff; padding: 5px 15px 10px 15px; vertical-align:top; width: 50%; display: revert !important;" | <h3 style="text-align: center;">[[File:WikiOasis Logo New.png|40px|link=]]
+<span style="font-weight: 600; color: #2d3748; font-size: clamp(0.95rem, 3.5vw, 1.05rem);">🕛 Deadline:</span>
-Donators</h3>
+<span style="font-weight: 600; color: #2d3748; font-size: clamp(0.95rem, 3.5vw, 1.05rem);">31st May 2026</span>
-Those who donate
+</div>
-💰 <strong>$20+ donators</strong>
+</div>
-</center>
+<div style="text-align: center; font-size: clamp(0.8rem, 3vw, 0.9rem); color: #718096; font-style: italic;">
-<small>The above statistics are updated daily at minimum.</small>
+The above statistics are updated daily at minimum.
-|}
+</div>
+</div>
+<!-- What We'll Use Donations For Card -->
+<div style="background: white; border-radius: min(12px, 3vw); padding: min(2rem, 6vw) min(1.5rem, 4vw); box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: all 0.3s ease; border-top: 4px solid #3675b8; position: relative; margin-bottom: min(2rem, 5vw);" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 8px 30px rgba(0,0,0,0.12)'" onmouseout="this.style.transform='translateY(0px)'; this.style.boxShadow='0 4px 20px rgba(0,0,0,0.08)'">
+<div style="display: flex; align-items: center; justify-content: center; margin-bottom: min(1.5rem, 4vw); gap: min(0.5rem, 2vw); flex-wrap: wrap;">
+<div style="width: min(40px, 10vw); height: min(40px, 10vw); min-width: 30px; min-height: 30px; background: linear-gradient(135deg, #3675b8, #0050b4); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: white; font-size: min(1.2rem, 4vw); flex-shrink: 0;"><span style="filter: brightness(0) invert(1); display: inline-block; line-height: 1;">[[File:OOjs UI icon userGroup-ltr.svg|20px|link=]]</span></div>
+<h3 style="font-size: clamp(1.2rem, 5vw, 1.5rem); font-weight: 700; color: #2d3748; margin: 0; line-height: 1.2; text-align: center;">What We'll Use Your Donation For</h3>
+</div>
+<div style="list-style: none;">
+<div style="margin-bottom: min(1rem, 3vw); padding-left: min(1.5rem, 5vw); position: relative; color: #4a5568; line-height: 1.6; font-size: clamp(0.9rem, 3.5vw, 1rem);"><span style="position: absolute; left: 0; color: #48bb78; font-weight: bold; font-size: min(1.1rem, 4vw);">✓</span>Improving our caching strategy to improve load times by an order of magnitude.</div>
+<div style="margin-bottom: min(1rem, 3vw); padding-left: min(1.5rem, 5vw); position: relative; color: #4a5568; line-height: 1.6; font-size: clamp(0.9rem, 3.5vw, 1rem);"><span style="position: absolute; left: 0; color: #48bb78; font-weight: bold; font-size: min(1.1rem, 4vw);">✓</span>Adding a third dedicated cloud server to allow us to introduce redundancy to our infrastructure .</div>
+<div style="margin-bottom: min(1rem, 3vw); padding-left: min(1.5rem, 5vw); position: relative; color: #4a5568; line-height: 1.6; font-size: clamp(0.9rem, 3.5vw, 1rem);"><span style="position: absolute; left: 0; color: #48bb78; font-weight: bold; font-size: min(1.1rem, 4vw);">✓</span>Improving our backup strategy with two additional backup servers to allow faster and more robust disaster recovery.</div>
+</div>
+</div>
+<!-- Donators Card -->
+<div style="background: white; border-radius: min(12px, 3vw); padding: min(2rem, 6vw) min(1.5rem, 4vw); box-shadow: 0 4px 20px rgba(0,0,0,0.08); transition: all 0.3s ease; border-top: 4px solid #3675b8; position: relative; margin-bottom: min(2rem, 5vw);" onmouseover="this.style.transform='translateY(-2px)'; this.style.boxShadow='0 8px 30px rgba(0,0,0,0.12)'" onmouseout="this.style.transform='translateY(0px)'; this.style.boxShadow='0 4px 20px rgba(0,0,0,0.08)'">
+<div style="display: flex; align-items: center; justify-content: center; margin-bottom: min(1.5rem, 4vw); gap: min(0.5rem, 2vw); flex-wrap: wrap;">
+<div style="width: min(40px, 10vw); height: min(40px, 10vw); min-width: 30px; min-height: 30px; background: linear-gradient(135deg, #3675b8, #0050b4); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: white; font-size: min(1.2rem, 4vw); flex-shrink: 0;"><span style="filter: brightness(0) invert(1); display: inline-block; line-height: 1;">[[File:WikiOasis Logo New.png|20px|link=]]</span></div>
+<h3 style="font-size: clamp(1.2rem, 5vw, 1.5rem); font-weight: 700; color: #2d3748; margin: 0; line-height: 1.2; text-align: center;">Donators</h3>
+</div>
+<div style="text-align: center; color: #4a5568; line-height: 1.6; font-size: clamp(0.9rem, 3.5vw, 1rem); margin-bottom: min(1rem, 3vw);">
+Those who donate over $20 to WikiOasis can email <code style="background: #f7fafc; padding: 0.2rem 0.4rem; border-radius: 4px; font-size: 0.9em;">[email protected]</code> to be listed here:
+</div>
+<div style="background: #f7fafc; border-radius: min(8px, 2vw); padding: min(1.5rem, 4vw); text-align: center;">
+<div style="font-weight: 700; color: #2d3748; font-size: clamp(1rem, 3.8vw, 1.1rem); margin-bottom: min(0.5rem, 2vw);">💰 $20+ Donators</div>
+<div style="color: #718096; font-style: italic; font-size: clamp(0.9rem, 3.5vw, 1rem);">Skyrock</div>
+</div>
+</div>
+<!-- Get Help Donating Section -->
+<div style="background: white; border-radius: min(12px, 3vw); padding: min(2rem, 6vw) min(1.5rem, 4vw); box-shadow: 0 4px 20px rgba(0,0,0,0.08); border-top: 4px solid #3675b8;">
+<div style="display: flex; align-items: center; justify-content: center; margin-bottom: min(1.5rem, 4vw); gap: min(0.5rem, 2vw); flex-wrap: wrap;">
+<div style="width: min(40px, 10vw); height: min(40px, 10vw); min-width: 30px; min-height: 30px; background: linear-gradient(135deg, #3675b8, #2196F3); border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; color: white; font-size: min(1.2rem, 4vw); flex-shrink: 0;"><span style="filter: brightness(0) invert(1); display: inline-block; line-height: 1;">[[File:OOjs UI icon help-ltr.svg|20px|link=]]</span></div>
+<h3 style="font-size: clamp(1.2rem, 5vw, 1.5rem); font-weight: 700; color: #2d3748; margin: 0; line-height: 1.2; text-align: center;">Get Help Donating</h3>
+</div>
+<div style="margin-bottom: min(1.5rem, 4vw); color: #4a5568; line-height: 1.6; font-size: clamp(0.9rem, 3.5vw, 1rem); text-align: center;">
+Should you have issues donating, feel free to reach out using the methods below to get support from our team with donating.
+</div>
+<div style="list-style: none; display: flex; flex-direction: column; gap: min(1rem, 3vw);">
+<div style="padding: min(1rem, 3vw); background: #f7fafc; border-radius: min(8px, 2vw); transition: background 0.2s ease; font-size: clamp(0.9rem, 3.5vw, 1rem);" onmouseover="this.style.background='#edf2f7'" onmouseout="this.style.background='#f7fafc'"><strong>Email:</strong> [mailto:[email protected] <span style="color: #3675b8; text-decoration: none; font-weight: 500;">[email protected]</span>]</div>
+<div style="padding: min(1rem, 3vw); background: #f7fafc; border-radius: min(8px, 2vw); transition: background 0.2s ease; font-size: clamp(0.9rem, 3.5vw, 1rem);" onmouseover="this.style.background='#edf2f7'" onmouseout="this.style.background='#f7fafc'"><strong>Discord:</strong> [https://discord.gg/Hc249nXbak <span style="color: #3675b8; text-decoration: none; font-weight: 500;">Join our Discord</span>]</div>
+</div>
+</div>
 </div>