jacob/ringularity
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Light mode part 2.

Browse Source
This commit is contained in:
jacob
2026-10-03 00:20:03 -05:00
parent 64760bd370
commit e1a18b498d
1 changed files with 16 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
index.php
+16 -1
View File
@@ -90,7 +90,7 @@ $total = count($sites);
$prev = $sites[($index - 1 + $total) % $total]; $prev = $sites[($index - 1 + $total) % $total];
$next = $sites[($index + 1) % $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( <a href="https://<?= htmlspecialchars(
$prev, $prev,
ENT_QUOTES | ENT_SUBSTITUTE, ENT_QUOTES | ENT_SUBSTITUTE,
@@ -180,6 +180,21 @@ p {
overflow: hidden; overflow: hidden;
height: min-content; 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 { #ring:hover a {
transition: transform 1.3s ease-in-out; transition: transform 1.3s ease-in-out;