Initial commit

public/services/index.html

@@ -0,0 +1,61 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>Services · nkelabs</title>
+<link rel="stylesheet" href="/assets/style.css">
+</head>
+<body>
+<header class="bar">
+  <a class="brand" href="/">nke<i>/</i>labs</a>
+  <nav aria-label="Main">
+    <a href="/services/" aria-current="page">Services</a>
+    <a href="/socials/">Socials</a>
+    <a href="/contact/">Contact</a>
+    <a class="admin-link" href="/admin/">Admin</a>
+  </nav>
+</header>
+<main>
+  <h1 class="title">Services</h1>
+  <p class="lede">Everything running in the lab. Admin tools appear here when you are signed in.</p>
+  <div class="tools">
+    <input id="q" type="search" placeholder="Filter services" aria-label="Filter services" autocomplete="off">
+    <p class="hint">Press <kbd>/</kbd> to search. Dots show whether this browser can reach each service.</p>
+  </div>
+
+  <section class="group">
+    <h2>Open to everyone</h2>
+    <div class="grid">
+      <a class="shard" data-check="https://docs.nkelabs.xyz" href="https://docs.nkelabs.xyz" target="_blank" rel="noopener">
+        <h3>Docs</h3>
+        <p>Notes and write-ups for the lab.</p>
+        <span class="host">docs.nkelabs.xyz</span>
+      </a>
+      <a class="shard" data-check="https://gitea.nkelabs.xyz" href="https://gitea.nkelabs.xyz" target="_blank" rel="noopener">
+        <h3>Gitea</h3>
+        <p>Self-hosted git repositories.</p>
+        <span class="host">gitea.nkelabs.xyz</span>
+      </a>
+      <a class="shard" data-check="https://bytestash.nkelabs.xyz" href="https://bytestash.nkelabs.xyz" target="_blank" rel="noopener">
+        <h3>ByteStash</h3>
+        <p>A stash for code snippets.</p>
+        <span class="host">bytestash.nkelabs.xyz</span>
+      </a>
+      <a class="shard" data-check="https://ittools.nkelabs.xyz" href="https://ittools.nkelabs.xyz" target="_blank" rel="noopener">
+        <h3>IT-Tools</h3>
+        <p>Converters, generators and other handy utilities.</p>
+        <span class="host">ittools.nkelabs.xyz</span>
+      </a>
+      <a class="shard" data-check="https://friendbook.nkelabs.xyz" href="https://friendbook.nkelabs.xyz" target="_blank" rel="noopener">
+        <h3>Valorant Friendbook <span class="heart">&lt;3</span></h3>
+        <p>Who we play with, and who we play against.</p>
+        <span class="host">friendbook.nkelabs.xyz</span>
+      </a>
+    </div>
+  </section>
+
+</main>
+<script src="/assets/main.js"></script>
+</body>
+</html>