update pages

CNAME

@@ -1 +0,0 @@
-sistav.com

about/index.php

@@ -9,9 +9,7 @@ include $_SERVER['DOCUMENT_ROOT'] . '/includes/head.php';
     <div class="max-w-3xl mx-auto px-4 sm:px-6 py-12">
         <h1 class="text-2xl font-semibold mb-12">About</h1>
         <div class="space-y-5 text-neutral-300 leading-relaxed text-sm">
-            <p><!-- Who you are --></p>
-            <p><!-- What you do / what you're into --></p>
-            <p><!-- Anything else --></p>
+            <p>I'm sistav, I host this site.</p>
         </div>
     </div>
 </main>

contact/index.php

@@ -7,11 +7,42 @@ include $_SERVER['DOCUMENT_ROOT'] . '/includes/head.php';
 
 <main class="pt-16">
     <div class="max-w-3xl mx-auto px-4 sm:px-6 py-12">
-        <h1 class="text-2xl mb-3">Contact</h1>
-        <p class="text-neutral-400 text-sm mb-12">Get in touch.</p>
-        <a href="mailto:admin@sistav.com" class="text-neutral-300 hover:text-white transition-colors text-sm">
-            admin@sistav.com
-        </a>
+        <h1 class="text-2xl mb-4">Contact</h1>
+        <p class="text-neutral-300 text-sm mb-16 text-center">Get in touch. Feel free to send me gifs.</p>
+        <ul class="space-y-4">
+            <li>
+                <a href="mailto:admin@sistav.com" class="group">
+                    <span class="flex items-baseline gap-2">
+                        <span class="text-neutral-300 text-sm group-hover:text-white transition-colors">Email</span>
+                        <span class="text-neutral-500 text-xs">admin@sistav.com</span>
+                    </span>
+                </a>
+            </li>
+            <li>
+                <a href="https://github.com/sistav" target="_blank" rel="noopener" class="group">
+                    <span class="flex items-baseline gap-2">
+                        <span class="text-neutral-300 text-sm group-hover:text-white transition-colors">GitHub</span>
+                        <span class="text-neutral-500 text-xs">sistav</span>
+                    </span>
+                </a>
+            </li>
+            <li>
+                <a href="https://fosstodon.org/@Sistav" target="_blank" rel="noopener" class="group">
+                    <span class="flex items-baseline gap-2">
+                        <span class="text-neutral-300 text-sm group-hover:text-white transition-colors">Mastodon</span>
+                        <span class="text-neutral-500 text-xs">@Sistav</span>
+                    </span>
+                </a>
+            </li>
+            <li>
+                <a href="https://twitter.com/NotSistav" target="_blank" rel="noopener" class="group">
+                    <span class="flex items-baseline gap-2">
+                        <span class="text-neutral-300 text-sm group-hover:text-white transition-colors">Twitter</span>
+                        <span class="text-neutral-500 text-xs">@NotSistav</span>
+                    </span>
+                </a>
+            </li>
+        </ul>
     </div>
 </main>
 </body>

links/index.php

@@ -10,8 +10,8 @@ $categories = $data['categories'] ?? [];
 
 <main class="pt-16">
     <div class="max-w-3xl mx-auto px-4 sm:px-6 py-12">
-        <h1 class="text-2xl font-semibold mb-3">Links</h1>
-        <p class="text-neutral-400 text-sm mb-16">A collection of interesting and useful websites.</p>
+        <h1 class="text-2xl font-semibold mb-4">Links</h1>
+        <p class="text-neutral-300 text-sm mb-16 text-center">A collection of interesting and useful websites.</p>
 
         <div class="space-y-12">
             <?php foreach ($categories as $cat): ?>

log/index.php

@@ -11,8 +11,8 @@ $fields  = ['listening', 'watching', 'reading', 'working on', 'thinking'];
 
 <main class="pt-16">
     <div class="max-w-3xl mx-auto px-4 sm:px-6 py-12">
-        <h1 class="text-2xl font-semibold mb-3">Log</h1>
-        <p class="text-neutral-300 text-sm mb-16">What I've been doing recently. Don't expect this to be updated recently</p>
+        <h1 class="text-2xl font-semibold mb-4">Log</h1>
+        <p class="text-neutral-300 text-sm mb-16 text-center">What I've been doing recently. Don't expect this to be updated recently</p>
 
         <div class="space-y-12">
             <?php if (empty($entries)): ?>