mirror of
https://github.com/wah-su/wah-su.github.io.git
synced 2025-04-05 15:54:40 +00:00
75 lines
No EOL
4.7 KiB
HTML
75 lines
No EOL
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>wah.su</title>
|
|
<link href="/public/output.css" rel="stylesheet" />
|
|
</head>
|
|
|
|
<body class="light dark:bg-slate-900" id="body">
|
|
<header class="shadow-lg pt-4 pb-6 sticky top-0 left-0 bg-slate-50 dark:bg-slate-800">
|
|
<div class="flex flex-col md:flex-row gap-2 items-center container max-w-[1440px] justify-between px-4">
|
|
<div><img src="/public/images/logo-light.svg" alt="wah.su" id="logo" /></div>
|
|
<div>
|
|
<a href="https://status.wah.su" class="flex flex-row items-center gap-2" target="_blank">
|
|
<div class="bg-green-500 dark:bg-green-400 w-4 h-4 rounded-full hidden" id="status-up-icon"></div>
|
|
<div class="bg-yellow-400 dark:bg-yellow-200 w-4 h-4 rounded-full hidden" id="status-degraded-icon">
|
|
</div>
|
|
<div class="bg-red-600 dark:bg-red-500 w-4 h-4 rounded-full hidden" id="status-down-icon"></div>
|
|
<p class="hidden dark:text-slate-50" id="status-up-text">All Systems Operational.</p>
|
|
<p class="hidden dark:text-slate-50" id="status-degraded-text">Degraded Services.</p>
|
|
<p class="hidden dark:text-slate-50" id="status-down-text">All Systems Down.</p>
|
|
</a>
|
|
</div>
|
|
<div class="flex flex-row items-center justify-center gap-6">
|
|
<label class="inline-flex items-center cursor-pointer">
|
|
<span class="ms-3 text-sm font-medium text-gray-900 dark:text-gray-300 mr-4">light</span>
|
|
<input type="checkbox" class="sr-only peer" id="theme-toggle">
|
|
<div
|
|
class="relative w-11 h-6 bg-gray-200 peer-focus:outline-none peer-focus:ring-4 peer-focus:ring-blue-300 dark:peer-focus:ring-blue-800 rounded-full peer dark:bg-gray-700 peer-checked:after:translate-x-full rtl:peer-checked:after:-translate-x-full peer-checked:after:border-white after:content-[''] after:absolute after:top-[2px] after:start-[2px] after:bg-white after:border-gray-300 after:border after:rounded-full after:h-5 after:w-5 after:transition-all dark:border-gray-600 peer-checked:bg-blue-600">
|
|
</div>
|
|
<span class="ms-3 text-sm font-medium text-gray-900 dark:text-gray-300">dark</span>
|
|
</label>
|
|
<a href="https://auth.wah.su"
|
|
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 text-center inline-flex items-center dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-800">
|
|
Sign in
|
|
<svg class="rtl:rotate-180 w-3.5 h-3.5 ms-2" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
|
|
fill="none" viewBox="0 0 14 10">
|
|
<path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
|
d="M1 5h12m0 0L9 1m4 4L9 9" />
|
|
</svg>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<div class="container max-w-[1440px] mt-14 text-center px-4">
|
|
<h1 class="font-bold text-6xl md:text-8xl text-gray-800 dark:text-slate-200">Welcome to wah.su!</h1>
|
|
<!--noformat-->
|
|
<p class="max-w-[840px] mx-auto mt-6 text-gray-700 dark:text-slate-300 text-left w-full">
|
|
Looking for a cozy, reliable den away from tech companies? You've come to the right place!
|
|
wah.su is all about providing a safe and stable environment for your projects.
|
|
</p>
|
|
<p class="max-w-[840px] mx-auto mt-6 text-gray-700 dark:text-slate-300 text-left w-full">
|
|
Run by yours truly, <a href="https://bento.me/radiquum" class="font-medium text-blue-600 dark:text-blue-500 hover:underline" target="_blank">@radiquum</a>, we believe in quality over quantity, which is why access is currently invite-only.
|
|
Interested in joining the pack? Reach out to me to sniff out an invitation.
|
|
</p>
|
|
<!--noformat-->
|
|
</div>
|
|
|
|
<div class="container max-w-[1440px] mt-14 px-4 py-4">
|
|
<h1 class="font-bold text-4xl md:ml-0 mb-4 text-gray-800 dark:text-slate-200">Currently
|
|
hosting</h1>
|
|
<div class="flex flex-row gap-2 flex-wrap justify-center md:justify-start" id="services">
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/public/js/theme.js"></script>
|
|
<script src="/public/js/flowbite.min.js"></script>
|
|
<script src="/public/js/cards.js"></script>
|
|
<script src="/public/js/status.js"></script>
|
|
</body>
|
|
|
|
</html> |