From 2c7e482f1ec1a2894810cde27ea93432826e25d5 Mon Sep 17 00:00:00 2001
From: Rhiannon Morris <rhi@rhiannon.website>
Date: Mon, 24 May 2021 09:51:58 +0200
Subject: [PATCH] redo links section

---
 index.html | 19 ++++++++-----------
 style.css  | 14 ++++++++++++++
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index c12da75..f6ca8f6 100644
--- a/index.html
+++ b/index.html
@@ -46,17 +46,14 @@
 
   <hr>
 
-  <section>
-    <h2>where to find gecs</h2>
-    <dl>
-      <dt>gallery
-      <dd><a href=https://gallery.niss.website>right here!</a>
-      <dt>code
-      <dd><a href=https://git.rhiannon.website/rhi>sometimes!</a>
-      <dt>other
-      <dd><a href=where.html>right this way…</a>
-    </dl>
-  </section>
+  <nav id=links>
+    <ul>
+      <li><a href=https://gallery.niss.website>gallery</a>
+      <li><a href=https://git.rhiannon.website/rhi>code</a>
+      <li><a href=https://lang.niss.website>conlangs</a>
+      <li><a href=where.html>contact</a>
+    </ul>
+  </nav>
 </main>
 
 <!--
diff --git a/style.css b/style.css
index 0be6232..605e2ab 100644
--- a/style.css
+++ b/style.css
@@ -176,6 +176,20 @@ h1, h2 { --around-image: url(images/sparkles.svg); }
 }
 
 
+#links ul {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  grid-column-gap: 2em;
+
+  margin: auto;
+  padding: 0;
+  font-size: 150%;
+}
+
+#links li { list-style: none; }
+
+
 /* hacky fix for firefox mobile 68 freaking out at blend modes ☹ */
 @media (-moz-touch-enabled) {
   body {