post

public/styles/index.css

@@ -34,13 +34,15 @@ body:has(.content) > footer {
 
 .topics {
   font-size: clamp(1.5em, 4vw, 3em);
-  max-height: 100%;
+  max-height: 80vh;
   column-width: 300px;
   column-gap: clamp(20px, 4vw, 60px);
   column-fill: auto;
   margin: 0;
   padding: 0;
   list-style: none;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
 .topics li:first-child {
@@ -106,43 +108,57 @@ ul {
   right: 0;
 }
 
+body:has(#repo-list) .content,
 body:has(.topics:only-child) .content {
   justify-content: flex-start;
+  display: block;
 }
 
+body:has(#repo-list) .topics,
 body:has(.topics:only-child) .topics {
-  column-width: 300px;
+  column-width: 350px;
   column-fill: auto;
+  height: calc(100vh - 200px);
+  overflow-y: hidden;
+  overflow-x: auto;
+  max-height: calc(100vh - 200px);
+  width: 100%;
 }
 
-@media (max-width: 1024px) {
+body:has(#repo-list) .posts {
+  display: none;
+}
+
+@media (max-width: 768px) {
   body:has(.content) {
-    height: 100vh;
+    height: auto;
+    min-height: 100vh;
+  }
+
+  body:has(.content) > .main {
+    display: block;
+    min-height: calc(100vh - 200px);
   }
 
   .content {
-    flex-direction: column;
+    display: block;
     padding: 20px;
-    gap: 40px;
-    justify-content: flex-start;
-    overflow-y: auto;
+    height: auto;
   }
 
   .topics {
-    font-size: 2em;
-    column-width: unset;
+    font-size: 1.8em;
     column-count: 1;
-    max-height: unset;
-    width: 100%;
+    max-height: none;
   }
 
   .posts {
-    font-size: 1.5em;
-    text-align: left;
-    width: 100%;
+    font-size: 1.4em;
+    margin-top: 30px;
   }
 
   .topic a {
+    display: block;
     margin-bottom: 15px;
   }
 }

src/components/Footer.astro

@@ -31,7 +31,7 @@
   }
   @media (max-width: 1024px) {
     footer {
-      flex-direction: column;
+      flex-direction: row;
       gap: 15px;
     }
     .footer-links-left,
@@ -41,11 +41,14 @@
   }
 
   @media (max-width: 640px) {
+    footer {
+      flex-direction: row;
+      flex-wrap: wrap;
+    }
     .footer-links-left,
     .footer-links-right {
-      flex-direction: column;
-      gap: 10px;
-      align-items: center;
+      flex-direction: row;
+      gap: 15px;
     }
   }
 </style>

src/content/git/auto-theme.nvim.mdx

@@ -16,8 +16,8 @@ I use my color scheme [midnight.nvim](/git/midnight.nvim.html) on macOS and linu
 4. [ungoogled-chromium](https://github.com/ungoogled-software/ungoogled-chromium)
 5. [swaywm](https://swaywm.org/)
 6. [rofi](https://github.com/davatorium/rofi)
-7. [fzf](https://github.com/junegunn/fzf)
-8. [tmux](https://github.com/tmux/tmux/wiki)
+7. [tmux](https://github.com/tmux/tmux/wiki)
+8. [fzf](https://github.com/junegunn/fzf)
 9. [ripgrep](https://github.com/BurntSushi/ripgrep)
 10. [zsh](https://www.zsh.org/)
 
@@ -39,16 +39,12 @@ As of November 28, 2025, I've created [this script](https://github.com/barrett-r
 4. ungoogled-chromium: I folded and used the default system theme which automatically reads and updates according to the system environment
 5. swaywm (linux): sway reads from a symlink'ed theme file `sed`ed, updated and reloaded by the script
 6. rofi: `config.rasi` also reads from a symlink'ed theme files that is updated and reloaded by the script
-7. fzf insert here - read from symlinked file?/cat?
-8. tmux: `tmux.conf` reads from symlink'ed theme files that are automatically reloaded with `source-file`
+7. tmux: `tmux.conf` reads from symlink'ed theme files that are automatically reloaded with `source-file`
 
 ## failures
 
 Unfortunately, the following programs I've found nearly impossible to dynamically reload:
 
-9. ripgrep: I use the default theme.
-
-- The ripgrep global configuration file does not support environment variables, exterminating the option to provide a `${THEME}`-based path in the global configuration file.
-- I'm also not willing to write an alias wrapper. I don't like to stray too far from the defaults.
-
+8. fzf: Overwriting fzf's themes, from the interactive shell `fzf` binary to `fzf-{cd,file}-widget` to integration with [fzf-lua](https://github.com/ibhagwan/fzf-lua/), I found this potentially doable but just _way too complex_. Feel free to investigate yourself--I'm going with the default theme.
+9. ripgrep: I use the default theme. The ripgrep global configuration file does not support environment variables, exterminating the option to provide a `${THEME}`-based path in the global configuration file.
 10. zsh: it's impossible to update `$THEME` across all existing shells (simply a limit of posix). However, all affected _programs_ will read the proper `$THEME`--I'm fine compromising here.