Light mode part 2.

2026-10-03 00:20:03 -05:00
parent 64760bd370
commit e1a18b498d
1 changed files with 16 additions and 1 deletions
@@ -90,7 +90,7 @@ $total = count($sites);
 $prev = $sites[($index - 1 + $total) % $total];
 $next = $sites[($index + 1) % $total];
 ?>
-<div id="ring" role="navigation" aria-label="Webring navigation">
+<div id="ring" role="navigation" aria-label="Webring navigation" class="<?= $light ? 'light' : '' ?>">
    <a href="https://<?= htmlspecialchars(
        $prev,
        ENT_QUOTES | ENT_SUBSTITUTE,
@@ -180,6 +180,21 @@ p {
                overflow: hidden;
                height: min-content;
            }
+#ring.light {
+                border-radius: var(--brad);
+                background-color: var(--fg2);
+                color: var(--blue1);
+                transition: scale 0.2s linear;
+                display: flex;
+                flex-direction: row;
+                justify-content: space-between;
+                flex-wrap: nowrap;
+                height: 1em;
+                padding: 1em;
+                align-items: center;
+                overflow: hidden;
+                height: min-content;
+            }

            #ring:hover a {
                transition: transform 1.3s ease-in-out;