diff --git a/dev/fonts/JetBrains-Mono-Nerd-Font-Complete.ttf b/dev/fonts/JetBrains-Mono-Nerd-Font-Complete.ttf
new file mode 100644
index 0000000..f9f0185
Binary files /dev/null and b/dev/fonts/JetBrains-Mono-Nerd-Font-Complete.ttf differ
diff --git a/dev/images/android-chrome-192x192.png b/dev/images/android-chrome-192x192.png
new file mode 100644
index 0000000..919f30a
Binary files /dev/null and b/dev/images/android-chrome-192x192.png differ
diff --git a/dev/images/android-chrome-512x512.png b/dev/images/android-chrome-512x512.png
new file mode 100644
index 0000000..d5e4b6d
Binary files /dev/null and b/dev/images/android-chrome-512x512.png differ
diff --git a/dev/images/apple-touch-icon.png b/dev/images/apple-touch-icon.png
new file mode 100644
index 0000000..a63362d
Binary files /dev/null and b/dev/images/apple-touch-icon.png differ
diff --git a/dev/images/favicon-16x16.png b/dev/images/favicon-16x16.png
new file mode 100644
index 0000000..153de99
Binary files /dev/null and b/dev/images/favicon-16x16.png differ
diff --git a/dev/images/favicon-32x32.png b/dev/images/favicon-32x32.png
new file mode 100644
index 0000000..3c79440
Binary files /dev/null and b/dev/images/favicon-32x32.png differ
diff --git a/dev/images/favicon.ico b/dev/images/favicon.ico
new file mode 100644
index 0000000..c15431c
Binary files /dev/null and b/dev/images/favicon.ico differ
diff --git a/dev/icon.jpg b/dev/images/icon.jpg
similarity index 100%
rename from dev/icon.jpg
rename to dev/images/icon.jpg
diff --git a/dev/index.html b/dev/index.html
index bf267eb..7b78d29 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -4,7 +4,11 @@
 <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <title>jabuxas directions</title>
+    <title>Jab Hub</title>
+    <link rel="apple-touch-icon" sizes="180x180" href="./images/apple-touch-icon.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="./images/favicon-32x32.png" />
+    <link rel="icon" type="image/png" sizes="16x16" href="./images/favicon-16x16.png" />
+    <link rel="manifest" href="./site.webmanifest" />
     <link href="style.css" rel="stylesheet" />
 </head>
 
@@ -12,17 +16,28 @@
     <div class="container">
         <div class="top-level">
             <div>
-                <img src="./icon.jpg" alt="jabuxas' icon" />
+                <img src="./images/icon.jpg" alt="jabuxas' icon" />
                 <h2>jabuxas</h2>
             </div>
             <h2>====================</h2>
         </div>
         <div class="bottom-level">
-            <div>email</div>
-            <div>github</div>
-            <div>selfhosted gitea instance</div>
-            <div>paste</div>
-            <div>linkedin</div>
+            <div class="link-item">
+                <span class="mail-icon icon"></span>
+                <a href="mailto:jabuxas@proton.me">jabuxas@proton.me</a>
+            </div>
+            <div class="link-item">
+                <span class="github-icon icon"></span>
+                <a href="https://github.com/jabuxas">github</a>
+            </div>
+            <div class="link-item">
+                <span class="gitea-icon icon"></span>
+                <a href="https://git.jabuxas.xyz/jabuxas">selfhosted gitea instance</a>
+            </div>
+            <div class="link-item">
+                <span class="paste-icon icon"></span>
+                <a href="https://paste.jabuxas.xyz">paste</a>
+            </div>
         </div>
     </div>
 </body>
diff --git a/dev/site.webmanifest b/dev/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/dev/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
diff --git a/dev/style.css b/dev/style.css
index 16ef03a..49d1a89 100644
--- a/dev/style.css
+++ b/dev/style.css
@@ -1,6 +1,11 @@
 @font-face {
     font-family: Lilex;
-    src: url(./fonts/Lilex-Regular.ttf);
+    src: url(./fonts/Lilex-Regular.ttf) format("truetype");
+}
+
+@font-face {
+    font-family: "JetBrainsMono Nerd Font";
+    src: url("./fonts/JetBrainsMono Nerd Font.ttf") format("truetype");
 }
 
 body {
@@ -10,6 +15,9 @@ body {
     display: flex;
     align-items: center;
     justify-content: center;
+
+    background-color: #1e1e1e;
+    color: #d4d4d4;
 }
 
 .container {
@@ -28,3 +36,39 @@ img {
     align-items: center;
     gap: 2em;
 }
+
+.link-item {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+}
+
+.link-item a {
+    text-decoration: none;
+    color: #d4d4d4;
+    font-weight: bolder;
+}
+
+.icon {
+    font-family: "JetBrainsMono Nerd Font";
+}
+
+.github-icon:before {
+    content: "\f09b";
+    font-size: 3em;
+}
+
+.gitea-icon:before {
+    content: "\e702";
+    font-size: 3em;
+}
+
+.paste-icon:before {
+    content: "\f429";
+    font-size: 3em;
+}
+
+.mail-icon:before {
+    content: "\eb1c";
+    font-size: 3em;
+}
