Toggle search
Toggle menu
54
66
17.1K
5.3K
WikiOasis Meta
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Fundraiser: Difference between revisions

From WikiOasis Meta
More actions
Browse history interactively
Zippy (talk | contribs)
Election administrators, Interface administrators, Safety team, Stewards, Suppressors, Administrators, Technology team
360 edits
VisualWikitext
Zippy (talk | contribs)
Election administrators, Interface administrators, Safety team, Stewards, Suppressors, Administrators, Technology team
360 edits
start donator page a bit
 
Zippy (talk | contribs)
Election administrators, Interface administrators, Safety team, Stewards, Suppressors, Administrators, Technology team
360 edits
update
 
(27 intermediate revisions by 5 users not shown)
Line 7: Line 7:
|image_alt=Wiki Logo
|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>
</div>
Retrieved from "https://meta.wikioasis.org/wiki/Fundraiser"
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
More information