further theming

content/assets/theme.css

@@ -15,14 +15,14 @@
   --text-strong: #434c5e;
   --text:       #4c566a;
   --dark:       #d8dee9;
-  --darker:     #4c566a;
+  --darker:     #d8dee9;
 }
 
 @media (prefers-color-scheme: dark) {
   :root {
     --background: #3b4252;
     --dark:       #3b4252;
-    --darker:     #000;
+    --darker:     #2e3440;
     --text-strong: #fff;
     --text:        #d8dee9;
     --text-faded:  #9ea6b5;
@@ -97,11 +97,15 @@ a:hover {text-decoration: underline}
 hr {
   border: none;
   height: 2px;
-  background: var(--dark);
+  background: var(--darker);
   margin: 2.5em 0;
 }
 
-#pidx { list-style: none; padding: 0 }
+#pidx {
+  list-style: none;
+  padding: 0;
+  margin: 2em 0 0;
+}
 #pidx li {line-height: 1.6em}
 #pidx li > span {
   font-family: monospace;
@@ -135,8 +139,12 @@ strong {
   width: 100%;
 }
 
+#hd svg path {
+  stroke: var(--text) !important
+}
+
 #hd section > a {
-  margin:0 1em 0 0;
+  margin:-2px 1em 0 0;
   display: flex;
   align-items: center;
 }
@@ -310,6 +318,10 @@ section.visual {
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
 }
 
+section.visual:not(.tiny) {
+  grid-template-rows: masonry;
+}
+
 section.visual.tiny {
   align-items: stretch;
   grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));

src/Config.hs

@@ -16,7 +16,7 @@ config = def
     , ignore     = [ "**/*.agdai"
                    , "**/*~"
                    ]
-    } where root = "/home/flupe/dev/site/"
+    } where root = "/home/flupe/dev/acatalepsie/"
 
 
 ropts :: Pandoc.ReaderOptions

src/Posts.hs

@@ -148,8 +148,6 @@ renderIndex imgs posts content =
                     , height_ (fromString $ show imgThumbHeight)
                     ]
 
-        p_ [class_ "right"] $ a_ [href_ "/visual.html"] "→ View more visual work"
-
         ul_ [ id_ "pidx" ] $ forM_ posts \post ->
             li_ do
                 span_ $ fromString $ showDate (postDate post)