Toggle search
Toggle menu
31
40
7.2K
2.1K
WikiOasis Meta
Toggle preferences menu
Toggle personal menu
Not logged in
Your IP address will be publicly visible if you make any edits.

Main Page: Difference between revisions

From WikiOasis Meta
More actions
Browse history interactively
← Older edit
VisualWikitext
Foxyyk69 (talk | contribs)
System administrators, Administrators
4 edits
Reworked the landing page fully. Some changes are expected but for now this is the new version
Globe (talk | contribs)
staff, Administrators
302 edits
fix error
 
(3 intermediate revisions by 2 users not shown)
Line 8: Line 8:
}}
}}


{| style="width:80%; max-width:900px; text-align:center; margin:2em auto; padding:2em; border-radius:12px;
<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;">
|
<span style="
  font-size:3em;
  font-weight:bold;
  background:linear-gradient(90deg,#0066cc,#1a75d1,#3385d6);
  -webkit-background-clip:text;
  -webkit-text-fill-color:transparent;
  display:inline-block;
">Welcome to WikiOasis!</span>


<div style="font-size:1.2em; margin-top:0.5em;">
<!-- Hero Section -->
Your wiki hosting partner, home to '''{{formatnum:{{NUMBEROFWIKIS}}}}''' wikis.
<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="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>
<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;">'''Welcome to WikiOasis!'''</div>
<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;">Your wiki hosting partner, home to <span style="font-weight: 700; color: white; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">'''{{NUMBEROFWIKIS}}'''</span> active communities for over '''{{NUMBEROFUSERS}}''' users.</div>
<div style="display: flex; gap: min(1rem, 3vw); justify-content: center; flex-wrap: wrap; flex-direction: column; align-items: center;">
[[Special:CreateAccount|<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'">Create an account</span>]]
[[Special:RequestWiki|<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'">Request a wiki</span>]]
[[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'">Support our mission</span>]]
</div>
</div>
</div>
</div>


<br />
<!-- Features Grid -->
[[Special:CreateAccount|<span class="mw-ui-button mw-ui-progressive mw-ui-big" style="margin:0.3em;">Create an account</span>]]
<div style="display: block; margin-bottom: min(2rem, 6vw);">
[[Special:RequestWiki|<span class="mw-ui-button mw-ui-progressive mw-ui-big" style="margin:0.3em;">Request a wiki</span>]]
|}


<!-- Why WikiOasis Section -->
<!-- Why WikiOasis Card -->
{| style="width:70%; max-width:700px; margin:1em auto; padding:1.5em; border-radius:12px;  
<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;">Why WikiOasis?</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><strong>Free, forever.</strong> Host a wiki at no cost with access to all features. We'll never charge you to host a wiki on WikiOasis.</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><strong>No advertisements. Ever.</strong> Adverts annoy us just as much as they annoy you, so we'll never show them on your wiki.</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><strong>Fully customizable.</strong> Your wiki is yours, and you can customise it as much as you want. Let your creativity run wild!</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><strong>Unmatched support.</strong> From simple advice to technical help, our experienced staff team will assist every step of the way.</div>
</div>
</div>


<h3 style="display:flex; align-items:center; justify-content:center; gap:0.5em; margin-bottom:1em;">
<!-- Quick Links Card -->
<span>[[File:OOjs_UI_icon_userGroup-ltr.svg|32px]]</span> Why WikiOasis
<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)'">
</h3>
<div style="display: flex; align-items: center; justify-content: center; margin-bottom: min(1.5rem, 4vw); gap: min(0.5rem, 2vw); flex-wrap: wrap;">
<ul style="text-align:left; max-width:500px; margin:0 auto; font-size:0.95em; line-height:1.6; padding-left:1.2em;">
<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_academic.svg|20px|link=]]</span></div>
<li>Free, forever. Host a wiki at no cost with access to all features.</li>
<h3 style="font-size: clamp(1.2rem, 5vw, 1.5rem); font-weight: 700; color: #2d3748; margin: 0; line-height: 1.2; text-align: center;">Quick Links</h3>
<li>No adverts, ever. Your wiki stays yours.</li>
</div>
<li>Fully customizable. Make your wiki truly unique.</li>
<div style="list-style: none;">
</ul>
<div style="font-weight: bold; margin-bottom: min(0.5rem, 2vw); color: #2d3748; font-size: clamp(1rem, 3.8vw, 1.1rem);">Requests</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>[[Community portal|<span style="color: #3675b8; text-decoration: none; font-weight: 500;">Community portal</span>]] – Ask your fellow community members for help and discuss topics of global interest</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>[[Steward requests|<span style="color: #3675b8; text-decoration: none; font-weight: 500;">Steward requests</span>]] – Solicit help from Stewards for tasks only they can do</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>[[Special:RequestWiki|<span style="color: #3675b8; text-decoration: none; font-weight: 500;">Request a wiki</span>]] – Start your own wiki community</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>[[Special:GlobalRenameRequest|<span style="color: #3675b8; text-decoration: none; font-weight: 500;">Request a username change</span>]] – Request that your username be changed.</div>
</div>
</div>


<!-- Quick Links Section -->
</div>
{| style="width:70%; max-width:700px; margin:1em auto; padding:1.5em; border-radius:12px;


<h3 style="display:flex; align-items:center; justify-content:center; gap:0.5em; margin-bottom:1em;">
<!-- Contact Section -->
<span>[[File:OOjs_UI_icon_academic.svg|32px]]</span> Quick Links
<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;">
</h3>
<div style="display: flex; align-items: center; justify-content: center; margin-bottom: min(1.5rem, 4vw); gap: min(0.5rem, 2vw); flex-wrap: wrap;">
<ul style="text-align:left; max-width:500px; margin:0 auto; font-size:0.95em; line-height:1.6; padding-left:1.2em;">
<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>
<li>[[Community portal]] – Community discussions</li>
<h3 style="font-size: clamp(1.2rem, 5vw, 1.5rem); font-weight: 700; color: #2d3748; margin: 0; line-height: 1.2; text-align: center;">Contact Us</h3>
<li>[[Steward requests]] – Ask for Steward help</li>
</div>
<li>[[Special:RequestWiki|Request a wiki]] – Start your own wiki</li>
<div style="list-style: none; display: flex; flex-direction: column; gap: min(1rem, 3vw);">
<li>[[Special:GlobalRenameRequest|Request a username change]]</li>
<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>
</ul>
<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 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>Phorge:</strong> [https://phorge.wikioasis.org/ <span style="color: #3675b8; text-decoration: none; font-weight: 500;">Phorge</span>]</div>
</div>
</div>


<!-- Contact Us Section -->
</div>
{| style="width:70%; max-width:700px; margin:1em auto; padding:1.5em; border-radius:12px;
 
<h3 style="display:flex; align-items:center; justify-content:center; gap:0.5em; margin-bottom:1em;">
<span>[[File:OOjs_UI_icon_help-ltr.svg|32px]]</span> Contact Us
</h3>
<ul style="text-align:left; max-width:500px; margin:0 auto; font-size:0.95em; line-height:1.6; padding-left:1.2em;">
<li>Email: [mailto:[email protected] [email protected]]</li>
<li>Discord: [https://discord.gg/Hc249nXbak Join our Discord]</li>
<li>Phorge: [https://phorge.wikioasis.org/ Phorge]</li>
</ul>
|}
Retrieved from "https://meta.wikioasis.org/"
Cookies help us deliver our services. By using our services, you agree to our use of cookies.
More information