102 lines
4.7 KiB
HTML
102 lines
4.7 KiB
HTML
<!DOCTYPE html>
|
|
<html class="bg-gradient-to-t from-black to-purple-900 bg-fixed" lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<meta name="robots" content="noindex, nofollow" />
|
|
<title>nihil's abode</title>
|
|
<meta name="description" content="nihil's humble abode on the interweb">
|
|
<link defer rel="stylesheet" href="/assets/css/tailwind.css">
|
|
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
|
<script defer src="/scripts/jquery-3.7.1.min.js"></script>
|
|
<!-- opt-in analytics provided by offen, no data is shared with any third party -->
|
|
<script async src="https://offen.valhrafnaz.gay/script.js" data-account-id="6bb7bf01-cc5a-4f7a-9142-d6010c0411d5"></script>
|
|
</head>
|
|
<body class="">
|
|
<script src="/scripts/oneko.js"></script>
|
|
<div class="flex flex-col min-h-screen items-center">
|
|
<header class="xl:h-4/10 flex justify-center items-center flex-col w-4/5 lg:2/3">
|
|
<h1 class="my-6 animate-text-shadow-pop">nihil's wretched abode :3</h1>
|
|
<nav class="flex flex-auto flex-col justify-center justify-items-center font-heading lg:text-3xl text-xl md:text-2xl w-4/5 flex-wrap h-2/10">
|
|
<div class="flex flex-row flex-wrap justify-items-center justify-center">
|
|
<a class="nav-link" href="/">home</a>
|
|
<a class="nav-link" href="/about/">about</a>
|
|
<a class="nav-link" href="/posts/">posts</a>
|
|
<a class="nav-link" href="/resources/">resources</a>
|
|
<a class="nav-link" href="/status/">status</a>
|
|
</div>
|
|
<hr class="hr-main">
|
|
</nav>
|
|
</header>
|
|
<main class="flex flex-col text-2xl font-body text-center mb-auto h-4/10 w-4/5 items-center justify-center tracking-wide">
|
|
<h2 class="mb-4 animate-text-shadow-pop">omg haii :3</h2>
|
|
<div class="flex flex-col justify-around items-center font-bold w-4/5 xl:w-2/3 text-pink-200">
|
|
<div class="flex justify-center">
|
|
<div class="mt-8 md text-center break-normal items-center justify-center justify-items-center">
|
|
<p>
|
|
welcome to my little horrible abode :3
|
|
<br>
|
|
here is a list of links to the services on this server, all of which are invite only, sorry >_<
|
|
</p>
|
|
</div>
|
|
</div>
|
|
<div class="flex justify-center w-4/5 lg:w-2/5">
|
|
<div class="group/link-btns grid grid-cols-2 grid-rows-3 lg:grid-cols-3 lg:grid-rows-2 gap-4 lg:gap-6 justify-items-center items-center my-16 lg:my-20 justify-self-center place-content-center center text-xl">
|
|
<a href="https://wiki.valhrafnaz.gay/">
|
|
<button type="button" class="btn-link">
|
|
wiki<br>:3
|
|
</button>
|
|
</a>
|
|
<a href="https://foundry.valhrafnaz.gay/">
|
|
<button type="button" class="btn-link">
|
|
VTT<br>:3
|
|
</button>
|
|
</a>
|
|
<a href="https://cloud.valhrafnaz.gay/">
|
|
<button type="button" class="btn-link">
|
|
cloud<br>:3
|
|
</button>
|
|
</a>
|
|
<a href="https://panel.valhrafnaz.gay/">
|
|
<button type="button" class="btn-link">
|
|
games<br>:3
|
|
</button>
|
|
</a>
|
|
<a href="https://git.valhrafnaz.gay/">
|
|
<button type="button" class="btn-link">
|
|
git<br>:3
|
|
</button>
|
|
</a>
|
|
<a href="https://mail.valhrafnaz.gay/">
|
|
<button type="button" class="btn-link">
|
|
mail<br>:3
|
|
</button>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<footer class="text-3xl text-pink-100 font-heading flex flex-col items-center justify-center h-2/10 mb-10 w-4/5 lg:w-2/3">
|
|
<hr class="hr-main">
|
|
<div class="text-center w-full">
|
|
Part of the REDACTED webring!
|
|
<br>
|
|
<br>
|
|
<div class="flex items-center justify-center">
|
|
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
|
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">← Bother the Doll</div>
|
|
</a>
|
|
<a class="transition-all duration-200" href="https://valhrafnaz.gay">
|
|
<div class="text-purple-300 hover:text-pink-600 w-max mx-20 hover:animate-bounce">nihil :3</div>
|
|
</a>
|
|
<a class="transition-all duration-200" href="https://sleepydoll.gay">
|
|
<div class="text-purple-300 hover:text-pink-600 w-max hover:animate-bounce">Bother the Doll →</div>
|
|
</a>
|
|
<div>
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|