From a54bc7f6c388adf420b3883d86b86aef3399b238 Mon Sep 17 00:00:00 2001
From: trisua <me@trisua.com>
Date: Wed, 20 Aug 2025 01:15:12 -0400
Subject: [PATCH] add: better index

---
 app/public/style.css         | 11 +++++++----
 app/templates_src/index.lisp |  4 +++-
 app/templates_src/root.lisp  |  4 ++--
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/app/public/style.css b/app/public/style.css
index 1b39b76..2f2b3b4 100644
--- a/app/public/style.css
+++ b/app/public/style.css
@@ -103,11 +103,14 @@ article {
 }
 
 nav {
-    /* background: var(--color-raised); */
     height: var(--nav-height);
-    /* position: sticky;
+}
+
+nav.sticky {
+    background: var(--color-raised);
+    position: sticky;
     z-index: 2;
-    top: 2; */
+    top: 0;
 }
 
 @media screen and (max-width: 900px) {
@@ -132,7 +135,7 @@ nav {
     }
 }
 
-.container:not(#preview_tab):not(#tabs_group) {
+.container {
     margin: 10px auto 0;
     width: 100%;
 }
diff --git a/app/templates_src/index.lisp b/app/templates_src/index.lisp
index 7ade9be..8a45f31 100644
--- a/app/templates_src/index.lisp
+++ b/app/templates_src/index.lisp
@@ -6,5 +6,7 @@
 (meta ("property" "twitter:title") ("content" "{{ name }}"))
 (link ("rel" "icon") ("href" "/public/favicon.svg"))
 (text "{% endblock %} {% block body %}")
-(h1 (text "{{ name }}"))
+(div
+    ("class" "card")
+    (h1 (text "{{ name }}")))
 (text "{% endblock %}")
diff --git a/app/templates_src/root.lisp b/app/templates_src/root.lisp
index 6901e4c..830ca5e 100644
--- a/app/templates_src/root.lisp
+++ b/app/templates_src/root.lisp
@@ -22,7 +22,7 @@
     (body
         ; nav
         (nav
-            ("class" "flex w_full justify_between gap_2")
+            ("class" "flex w_full justify_between gap_2 sticky")
             (div
                 ("class" "flex side")
                 (div
@@ -43,7 +43,7 @@
                             ("href" "https://trisua.com/t/malachite")
                             (text "source"))
                         (text "{% block dropdown %}{% endblock %}")))
-                (a ("href" "/") (b (text "{{ name }}"))))
+                (a ("class" "button camo") ("href" "/") (b (text "{{ name }}"))))
 
             (div
                 ("class" "side flex")