wah.su/wah-su.github.io
1
0
Fork 0
mirror of https://github.com/wah-su/wah-su.github.io.git synced 2025-04-06 00:04:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
wah-su.github.io/index.html

144 lines
No EOL
11 KiB
HTML
Raw Blame History

<!DOCTYPE html>
<html lang="en" class="bg-page-background">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>wah.su | Home</title>
<link rel="stylesheet" href="static/tailwind.css">
<link rel="apple-touch-icon" sizes="180x180" href="static/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="static/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="static/favicon/favicon-16x16.png">
<link rel="manifest" href="static/favicon/site.webmanifest">
<meta name="description" content="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.">
<meta name="keywords" content="wah.su, radiquum, invite-only, hosting, services">
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<meta name="twitter:site" content="https://home.wah.su/">
<meta name="twitter:title" content="wah.su | Home">
<meta name="twitter:description" content="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.">
<meta name="twitter:image" content="https://home.wah.su/static/preview.png">
<!-- Open Graph data -->
<meta property="og:title" content="wah.su | Home" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://home.wah.su/" />
<meta property="og:image" content="https://home.wah.su/static/preview.png" />
<meta property="og:description" content="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." />
</head>
<body class="container flex flex-col gap-8 pb-4 mx-auto sm:pb-8 font-ubuntu">
<header class="px-4 pt-4 sm:px-8 sm:pt-8">
<div class="flex flex-wrap justify-between px-8 py-4 rounded-lg bg-header-background">
<img src="static/LOGO.svg">
<a href="https://status.wah.su" class="flex items-center gap-1">
<div class="relative w-6 h-6 bg-gray-500 rounded-full" id="status-icon">
<div class="absolute inset-0 hidden w-6 h-6 rounded-full bg-inherit animate-ping" id="status-animate"></div>
</div>
<p class="text-2xl text-white" id="status-text">Unknown</p>
</a>
</div>
</header>
<h1 class="text-6xl sm:text-8xl font-bold text-center text-[#F9DAD3] px-4 sm:px-8">Welcome to wah.su!</h1>
<section class="flex flex-col flex-wrap gap-8 px-4 sm:px-8 xl:flex-row">
<div class="flex flex-col w-full gap-4 xl:max-w-lg">
<div class="flex flex-col w-full gap-4 px-4 py-4 text-xl text-white rounded-lg sm:px-8 bg-card-background">
<p>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>Run by yours truly, <a href="https://wah.su/radiquum" class="underline transition-colors hover:text-orange-400">@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>
</div>
<div class="flex flex-row flex-wrap gap-2 text-white xl:flex-col">
<a class="flex items-center flex-1 gap-2 px-4 py-2 text-2xl transition-colors rounded-lg sm:px-8 sm:text-4xl bg-button-background hover:bg-orange-700" href="https://auth.wah.su"><span class="icon-[mage--dashboard-2-fill] w-8 h-8"></span>Dashboard</a>
<a class="flex items-center w-full gap-2 px-4 py-2 text-2xl transition-colors rounded-lg sm:px-8 sm:text-4xl xl:w-full md:w-fit bg-button-background hover:bg-orange-700" href="/privacy"><span class="icon-[mage--shield-check-fill] w-8 h-8"></span>Privacy Policy</a>
<div class="flex items-center w-full gap-2 px-4 py-2 bg-white rounded-full sm:px-8 xl:mt-2 lg:max-w-fit">
<a href="https://github.com/wah-su" class="w-10 h-10"><span class="icon-[flowbite--github-solid] w-[inherit] h-[inherit] bg-black hover:bg-button-background transition-colors"></span></a>
<!-- <a href="https://github.com/wah-su" class="w-10 h-10"><span class="icon-[mdi--minecraft] w-[inherit] h-[inherit] bg-black hover:bg-button-background transition-colors"></span></a> -->
<!-- <a href="https://home.wah.su/blog" class="flex items-center text-2xl text-white transition-opacity opacity-90 hover:opacity-100"><span class="icon-[mdi--rss] w-10 h-10 bg-white"></span> blog</a> -->
</div>
</div>
</div>
<div class="flex flex-col flex-1 gap-4">
<div class="flex justify-between w-full gap-4 px-4 py-4 text-2xl font-medium text-white rounded-lg sm:px-8 bg-card-background">
<p>Proudly Hosting</p>
<!-- <button>Filters</b> -->
</div>
<div class="grid sm:[grid-template-columns:repeat(auto-fill,minmax(375px,1fr))] gap-2" id="services">
<div class="flex flex-col justify-between gap-4 px-4 py-4 bg-white rounded-lg sm:px-8 text-header-background">
<div data-tags="security,member only" class="flex flex-wrap gap-1">
</div>
<div class="flex items-center justify-center gap-2 text-3xl font-bold uppercase sm:text-4xl">
<img src="static/img/vaultwarden.png" class="w-12"/>
<p>Vaultwarden</p>
</div>
<p class="text-xl">Unofficial Bitwarden compatible server.</p>
<div class="flex items-center gap-2">
<a class="flex items-center justify-center flex-1 gap-2 px-4 py-2 text-xl transition-colors rounded-md bg-header-background hover:bg-[#85146f] text-white" href="https://github.com/dani-garcia/vaultwarden">About <span class="icon-[mdi--about] w-8 h-8"></span></a>
<a class="flex items-center justify-center flex-1 gap-2 px-4 py-2 text-xl transition-colors rounded-md bg-header-background hover:bg-[#85146f] text-white" href="https://vault.wah.su">Open <span class="icon-[mdi--login] w-8 h-8"></span></a>
</div>
</div>
<div class="flex flex-col justify-between gap-4 px-4 py-4 bg-white rounded-lg sm:px-8 text-header-background">
<div data-tags="media,member only" class="flex flex-wrap gap-1">
</div>
<div class="flex items-center justify-center gap-2 text-3xl font-bold uppercase sm:text-4xl">
<img src="static/img/immich.png" class="w-14"/>
<p>Immich</p>
</div>
<p class="text-xl">Platform for managing and browsing your photos.</p>
<div class="flex items-center gap-2">
<a class="flex items-center justify-center flex-1 gap-2 px-4 py-2 text-xl transition-colors rounded-md bg-header-background hover:bg-[#85146f] text-white" href="https://immich.app">About <span class="icon-[mdi--about] w-8 h-8"></span></a>
<a class="flex items-center justify-center flex-1 gap-2 px-4 py-2 text-xl transition-colors rounded-md bg-header-background hover:bg-[#85146f] text-white" href="https://photos.wah.su">Open <span class="icon-[mdi--login] w-8 h-8"></span></a>
</div>
</div>
<div class="flex flex-col justify-between gap-4 px-4 py-4 bg-white rounded-lg sm:px-8 text-header-background">
<div data-tags="media,member only" class="flex flex-wrap gap-1">
</div>
<div class="flex items-center justify-center gap-2 text-3xl font-bold uppercase sm:text-4xl">
<img src="static/img/Nextcloud_Logo.png" class="w-12"/>
<p>Nextcloud</p>
</div>
<p class="text-xl">Productivity suite, offering file sharing and collaboration tools.</p>
<div class="flex items-center gap-2">
<a class="flex items-center justify-center flex-1 gap-2 px-4 py-2 text-xl transition-colors rounded-md bg-header-background hover:bg-[#85146f] text-white" href="https://nextcloud.com">About <span class="icon-[mdi--about] w-8 h-8"></span></a>
<a class="flex items-center justify-center flex-1 gap-2 px-4 py-2 text-xl transition-colors rounded-md bg-header-background hover:bg-[#85146f] text-white" href="https://cloud.wah.su">Open <span class="icon-[mdi--login] w-8 h-8"></span></a>
</div>
</div>
<div class="flex flex-col justify-between gap-4 px-4 py-4 bg-white rounded-lg sm:px-8 text-header-background">
<div data-tags="communication,member only" class="flex flex-wrap gap-1">
</div>
<div class="flex items-center justify-center gap-2 text-3xl font-bold uppercase sm:text-4xl">
<img src="static/img/element.svg" class="w-12"/>
<p>Matrix</p>
</div>
<p class="text-xl">An open network for secure, decentralized communication.</p>
<div class="flex items-center gap-2">
<a class="flex items-center justify-center flex-1 gap-2 px-4 py-2 text-xl transition-colors rounded-md bg-header-background hover:bg-[#85146f] text-white" href="https://matrix.org">About <span class="icon-[mdi--about] w-8 h-8"></span></a>
<a class="flex items-center justify-center flex-1 gap-2 px-4 py-2 text-xl transition-colors rounded-md bg-header-background hover:bg-[#85146f] text-white" href="https://chat.wah.su">Open <span class="icon-[mdi--login] w-8 h-8"></span></a>
</div>
</div>
<div class="flex flex-col justify-between gap-4 px-4 py-4 bg-white rounded-lg sm:px-8 text-header-background">
<div data-tags="communication,member only" class="flex flex-wrap gap-1">
</div>
<div class="flex items-center justify-center gap-2 text-3xl font-bold uppercase sm:text-4xl">
<img src="static/img/jitsi.svg" class="h-12"/>
<p>Jitsi</p>
</div>
<p class="text-xl">A web conference platform for secure communication.</p>
<div class="flex items-center gap-2">
<a class="flex items-center justify-center flex-1 gap-2 px-4 py-2 text-xl transition-colors rounded-md bg-header-background hover:bg-[#85146f] text-white" href="https://jitsi.org">About <span class="icon-[mdi--about] w-8 h-8"></span></a>
<a class="flex items-center justify-center flex-1 gap-2 px-4 py-2 text-xl transition-colors rounded-md bg-header-background hover:bg-[#85146f] text-white" href="https://meet.wah.su">Open <span class="icon-[mdi--login] w-8 h-8"></span></a>
</div>
</div>
</div>
</div>
</section>
<script src="static/js/tags.js"></script>
<script src="static/js/status.js"></script>
</body>
</html>
Reference in a new issue View git blame Copy permalink