65 lines
3.2 KiB
HTML
65 lines
3.2 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 rel="stylesheet" href="/assets/css/tailwind.css">
|
|
<link rel="icon" type="image/x-icon" href="/assets/img/favicon.png">
|
|
<script src="/scripts/jquery-3.7.1.min.js"></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">Status :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="h-4/5 w-full">
|
|
<div id="embed-container">
|
|
<iframe id="responsive-frame" sandbox="allow-same-origin allow-scripts" referrerpolicy="origin-when-cross-origin" credentialless nofullscreen src="https://status.valhrafnaz.gay/status/main">
|
|
</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>
|