diff --git a/.gitignore b/.gitignore
index ea8c4bf..2b2e86d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1 +1,2 @@
 /target
+notes
diff --git a/templates/index.html.tera b/templates/index.html.tera
index 599d704..47992a0 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -3,11 +3,73 @@
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>title</title>
-    <meta name="author" content="name">
-    <meta name="description" content="description here">
-    <meta name="keywords" content="keywords, here">
+    <title>mycelial technology | glyph</title>
+    <meta name="author" content="glyph">
+    <meta name="description" content="The personal website of glyph.">
+    <meta name="keywords" content="mycology, fermentation, coding">
+    <style>
+      a {
+        color: #faf884;
+        text-decoration: none;
+      }
+      
+      body {
+        max-width: 900px;
+      }
+      
+      html {
+        background-color: #111;
+        color: #777;
+      }
+      
+      h1 {
+        color: #ccc;
+      }
+
+      h2 {
+        color: #ccc;
+      }
+
+      .navbar {
+        list-style-type: none;
+        display: inline-block;
+        padding-left: 0;
+      }
+
+      .nav-item {
+        color: #666;
+        display: inline-block;
+        padding: 0.5rem;
+      }
+
+      p {
+        padding: 0.5rem;
+      }
+    </style>
   </head>
   <body>
+    <h1>mycelial technology</h1>
+    <hr>
+    <nav>
+      <ol class="navbar">
+        <li class="nav-item">background</li>
+        <li class="nav-item">computers</li>
+        <li class="nav-item">drawing</li>
+        <li class="nav-item">fermentation</li>
+        <li class="nav-item">language</li>
+        <li class="nav-item">lists</li>
+        <li class="nav-item">movement</li>
+        <li class="nav-item">mycology</li>
+        <li class="nav-item">travel</li>
+      </ol>
+    </nav>
+    <p>Welcome to the personal website of glyph.</p>
+    <h2>Contact Information</h2>
+      <hr>
+      <ul style="padding: 0;">
+        <li style="list-style-type: none; padding: 0.5rem;">Email: <a href="mailto:gnomad@cryptolab.net">gnomad@cryptolab.net</a></li>
+        <li style="list-style-type: none; padding: 0.5rem;">Merveilles: <a href="https://merveilles.town/@glyph" title="@glyph@merveilles.town">@glyph</a></li>
+        <li style="list-style-type: none; padding: 0.5rem; word-wrap: break-word;">Scuttlebutt: @HEqy940T6uB+T+d9Jaa58aNfRzLx9eRWqkZljBmnkmk=.ed25519</li>
+      </ul>
   </body>
 </html>
