add: better index

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%;
 }

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 %}")

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")