homelab/home/site/index.html
2023-11-12 11:34:39 -06:00

63 lines
2.9 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<title>Home Lab</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="stylesheet" href="app.css" />
</head>
<body
class="bg-zinc-900 h-screen flex flex-col items-center justify-center bg-[url('bg-transformed.webp')] bg-no-repeat bg-cover">
<div class="flex flex-col items-center justify-center bg-zinc-800/80 px-64 py-8 rounded-xl ring-8 ring-zinc-800/10">
<h1 class="text-4xl font-bold mt-4">Welcome to the Lab</h1>
<div class="w-64">
<h3 class="text-2xl font-bold mt-4">Services</h3>
<ul class="mt-4 space-y-2 list-none flex flex-col">
<!-- registry -->
<li class="flex items-center space-x-2 hover:bg-zinc-800 hover:text-white px-4 py-1">
<a href="https://registry-ui.wayl.one">Registry</a>
</li>
<li class="flex items-center space-x-2 hover:bg-zinc-800 hover:text-white px-4 py-1">
<a href="https://shots.wayl.one">Shots</a>
</li>
<!-- ntfy -->
<li class="flex items-center space-x-2 hover:bg-zinc-800 hover:text-white px-4 py-1">
<a href="https://ntfy.wayl.one">ntfy</a>
</li>
<!-- jf -->
<li class="flex items-center space-x-2 hover:bg-zinc-800 hover:text-white px-4 py-1">
<a href="https://jf.wayl.one">jellyfin</a>
</li>
<!-- matrix -->
<li class="flex items-center space-x-2 hover:bg-zinc-800 hover:text-white px-4 py-1">
<a href="https://matrix.wayl.one">matrix</a>
</li>
<!-- code-server -->
<li class="flex items-center space-x-2 hover:bg-zinc-800 hover:text-white px-4 py-1">
<a href="https://code-server.wayl.one">code-server</a>
</li>
<!-- jupyter -->
<li class="flex items-center space-x-2 hover:bg-zinc-800 hover:text-white px-4 py-1">
<a href="https://jupyter.wayl.one">jupyter</a>
</li>
<!-- photoview -->
<li class="flex items-center space-x-2 hover:bg-zinc-800 hover:text-white px-4 py-1">
<a href="https://photoview.wayl.one">photoview</a>
</li>
<!-- syncthing -->
<li class="flex items-center space-x-2 hover:bg-zinc-800 hover:text-white px-4 py-1">
<a href="https://syncthing.wayl.one">syncthing</a>
</li>
<!-- librespeed -->
<li class="flex items-center space-x-2 hover:bg-zinc-800 hover:text-white px-4 py-1">
<a href="https://librespeed.wayl.one">librespeed</a>
</li>
</div>
</div>
</ul>
</body>
</html>