add robots.txt and selfhosted page

src/Header.tsx

@@ -5,6 +5,8 @@ export const Header: FC = () => {
         <a href="/">/</a>
         <span class="header-span"></span>
         <a href="/accounts">/accounts</a>
+        <span class="header-span"></span>
+        <a href="/selfhosted">/selfhosted</a>
     </header>;
 };
 

src/Selfhosted.tsx

@@ -0,0 +1,26 @@
+import type { FC } from 'hono/jsx';
+import Header from './Header';
+import Footer from './Footer';
+
+export const Selfhosted: FC = () => {
+    return (
+        <>
+            <Header />
+            <main class="middle-flex">
+                <h1>Self hosted services</h1>
+                <article>
+                    I self host some services, some of them are open for registration, for the other ones, you can always ask for access.
+
+                    <ul class="link-list">
+                        <li><a href="https://maven.robaertschi.xyz">Maven</a> You can get an account if you ask nicely :)</li>
+                        <li><a href="https://git.robaertschi.xyz/">Gitea instance</a> You can register if you want to join, if you want access to my gitea runner, send me a <a href="/accounts">message</a></li>
+                    </ul>
+                </article>
+
+            </main>
+            <Footer />
+        </>
+    );
+};
+
+export default Selfhosted;

src/index.tsx

@@ -4,6 +4,7 @@ import { logger } from 'hono/logger';
 import BaseDocument from './BaseDocument';
 import Main from './Main';
 import Accounts from './Accounts';
+import Selfhosted from './Selfhosted';
 
 const app = new Hono();
 
@@ -26,6 +27,18 @@ app.get("/accounts", c => {
     );
 });
 
+app.get("/selfhosted", c => {
+    return c.html(
+        <BaseDocument title="Selfhosted - RoBaertschi">
+            <Selfhosted />
+        </BaseDocument>
+    );
+});
+
+app.get("/robots.txt", c => {
+    return c.text("User-agent: *\nDisallow:\n");
+});
+
 export default {
     port: 3000,
     fetch: app.fetch,

static/style.css

@@ -77,9 +77,13 @@ button.primary:hover {
     cursor: pointer;
 }
 
+ul.link-list {
+    padding: 0;
+}
+
 .link-list li {
     list-style: none;
-    padding: 0.2rem;
+    padding: 0.2rem 0;
 }
 
 .introduction {