From 069303092e4d03c4927743a9c9a11bbf548d7b65 Mon Sep 17 00:00:00 2001
From: rowan <rowan@kitsu.cafe>
Date: Sun, 1 Dec 2024 02:24:40 -0600
Subject: [PATCH] update links :3

---
 content/index.md    | 15 ++++++++++-----
 layouts/page.html   |  8 ++++++--
 static/css/main.css | 31 +++++++++++++++++++++++++++++--
 3 files changed, 45 insertions(+), 9 deletions(-)

diff --git a/content/index.md b/content/index.md
index b39dc4a..bd3ebb6 100644
--- a/content/index.md
+++ b/content/index.md
@@ -11,12 +11,17 @@
     <div class="container">
         <div class="column align-center">
             <nav class="card main-nav">
+                <li><a href="/">Index</a></li>
                 <li><a href="/blog">Blog</a></li>
                 <li><a href="/projects">Projects</a></li>
                 <li><a href="/about">About</a></li>
-                <li><a rel="me" href="https://tech.lgbt/@kitsunecafe">Fedi</a></li>
+                <div><h3 class="hide-mobile header divider">work</h3></div>
                 <li><a href="https://kitsunecafe.itch.io/">itch.io</a></li>
-                <li><a href="https://fem.mint.lgbt/kitsunecafe">Git</a></li>
+                <li><a href="https://git.kitsu.cafe/rowan">git.kitsu.cafe</a></li>
+                <li><a href="https://fem.mint.lgbt/kitsunecafe">fem.mint.lgbt</a></li>
+                <li><a href="https://github.com/kitsunecafe">GitHub</a></li>
+                <div><h3 class="hide-mobile header divider">contact</h3></div>
+                <li><a href="https://tech.lgbt/@kitsunecafe">Fedi</a></li>
                 <li><a href="mailto:rowan@kitsu.cafe">Email</a></li>
             </nav>
             <div>
@@ -27,7 +32,7 @@
         </div>
         <div class="primary column">
             <div class="card has-moon">
-                <h1 class="card-header">welcome!</h1>
+                <h1 class="header">welcome!</h1>
                 <div class="card-content">
                     <div class="card-image bubble tail right">
                         <div class="hide-overflow">
@@ -47,7 +52,7 @@
             </div>
             <div class="card has-moon">
                 <div class="row align-center">
-                    <h1 class="card-header">blog</h1>
+                    <h1 class="header">blog</h1>
                     &nbsp;&nbsp;<a style="font-size: 150%" href="/blog">⇀</a>
                 </div>
                 <ul>
@@ -65,7 +70,7 @@
             </div>
             <div class="card has-moon">
                 <div class="row align-center">
-                    <h1 class="card-header">projects</h1>
+                    <h1 class="header">projects</h1>
                     &nbsp;&nbsp;<a style="font-size: 150%" href="/projects">⇀</a>
                 </div>
                 <ul>
diff --git a/layouts/page.html b/layouts/page.html
index bb8e124..b20081c 100644
--- a/layouts/page.html
+++ b/layouts/page.html
@@ -8,9 +8,13 @@
         <li><a href="/blog">Blog</a></li>
         <li><a href="/projects">Projects</a></li>
         <li><a href="/about">About</a></li>
-        <li><a href="https://tech.lgbt/@kitsunecafe">Fedi</a></li>
+        <li>|</li>
         <li><a href="https://kitsunecafe.itch.io/">itch.io</a></li>
-        <li><a href="https://fem.mint.lgbt/kitsunecafe">Git</a></li>
+        <li><a href="https://git.kitsu.cafe/rowan">git.kitsu.cafe</a></li>
+        <li><a href="https://fem.mint.lgbt/kitsunecafe">fem.mint.lgbt)</a></li>
+        <li><a href="https://github.com/kitsunecafe">GitHub</a></li>
+        <li>|</li>
+        <li><a href="https://tech.lgbt/@kitsunecafe">Fedi</a></li>
         <li><a href="mailto:rowan@kitsu.cafe">Email</a></li>
     </nav>
     <div class="container">
diff --git a/static/css/main.css b/static/css/main.css
index 6a5e5f3..747d134 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -128,7 +128,7 @@ pre {
 nav.main-nav {
     display: flex;
     flex-wrap: wrap;
-    min-width: 140px;
+    min-width: 160px;
     justify-content: center;
 }
 
@@ -224,10 +224,32 @@ nav li::before {
     border-radius: 50%; 
 }
 
-.card-header {
+.header {
     color: var(--header-color);
 }
 
+.divider {
+    display: flex;
+    align-items: center;
+    text-align: center;
+    margin-top: .5rem;
+}
+
+.divider::before,
+.divider::after {
+  content: '';
+  flex: 1;
+  border-bottom: 1px solid var(--muted-color);
+}
+
+.divider:not(:empty)::before {
+  margin-right: .25rem;
+}
+
+.divider:not(:empty)::after {
+  margin-left: .25rem;
+}
+
 .card-image {
     margin: 0.25rem;
     margin-right: 0.75rem;
@@ -270,3 +292,8 @@ nav li::before {
     display: block;
 }
 
+@media only screen and (max-width: 740px) {
+    .hide-mobile {
+        display: none;
+    }
+}