From 3026a05a2a2be91aa160de230a838acd5c2b3536 Mon Sep 17 00:00:00 2001
From: delta <darkussdelta@gmail.com>
Date: Tue, 27 Jan 2026 04:18:15 +0100
Subject: woohoo no more bash components

---
 assets/css/main.css | 45 ++++++++++++++++++++++++++++++++++++---------
 1 file changed, 36 insertions(+), 9 deletions(-)

(limited to 'assets/css/main.css')

diff --git a/assets/css/main.css b/assets/css/main.css
index c2b56c0..32ea47d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -75,6 +75,12 @@ body {
     animation: scroll 16s linear infinite;
 }
 
+@media screen and (prefers-reduced-motion: reduce) { 
+    #triangles {
+        animation: none;
+    }
+}
+
 @keyframes scroll {
     to {
        background-position: -96px 0; /* svg size */
@@ -151,14 +157,14 @@ main {
     box-sizing: border-box;
 }
 
-nav > ul {
-    display: flex;
-}
-
 nav {
     z-index: 999;
 }
 
+nav > ul > li {
+    display: inline;
+}
+
 main,
 nav {
     padding: var(--padding-big);
@@ -166,10 +172,13 @@ nav {
 
 nav li:not(:last-of-type)::after,
 footer > div > span:not(:last-of-type)::after {
-    content: "|";
+    content: "";
+    border-left: calc(var(--border-width) * 1) solid var(--border);
     margin-left: var(--padding);
     margin-right: var(--padding);
-    color: var(--border);
+    display: inline-block;
+    vertical-align: baseline;
+    height: 1cap;
 }
 
 footer > div {
@@ -208,8 +217,22 @@ a:active {
     text-decoration: none;
 }
 
+a.anchor:link, a.anchor:visited {
+    color: var(--fg-low);
+}
+
+a.anchor:focus,
+a.anchor:hover {
+    color: var(--yellow-bright);
+}
+
+a.anchor:active {
+    color: var(--yellow);
+}
+
 .anchor::after {
     content: "#";
+    font-size: 0.8em;
 }
 
 h1, h2 {
@@ -219,6 +242,12 @@ h1, h2 {
     gap: var(--padding-big);
 }
 
+.anchor::before {
+    content: "";
+    height: var(--border-width);
+    background-color: var(--border);
+}
+
 h1::after, h2::after {
     content: "";
     height: var(--border-width);
@@ -252,13 +281,11 @@ main ul {
     flex-direction: column;
 }
 
-main ol,
-main ul,
 p,
 pre,
 h1, h2
 {
-    margin-bottom: var(--padding-big);
+    margin-top: 0.8em;
 }
 
 main > :last-child {
-- 
cgit v1.2.3