feat: change capitilizations and nav layout

This commit is contained in:
Jet 2026-03-28 20:02:45 -07:00
parent 51dc6c9ee6
commit 17d708eb7a
No known key found for this signature in database
3 changed files with 47 additions and 7 deletions

View file

@ -111,9 +111,19 @@
<div class="site-shell site-panel-frame px-[2ch] py-[1ch]">
<div class="site-panel-frost" aria-hidden="true"></div>
<div class="site-panel-border" aria-hidden="true"></div>
<div class="site-panel-content flex justify-center gap-[2ch]">
<a href="/" data-nav-link>[HOME]</a>
<a href="/qa" data-nav-link>[Q&amp;A]</a>
<div
class="site-panel-content site-nav-links flex justify-center gap-[2ch]"
>
<a href="/" data-nav-link class="site-nav-link"
><span class="site-nav-marker" aria-hidden="true">&gt;</span
><span>Home</span
><span class="site-nav-marker" aria-hidden="true">&lt;</span></a
>
<a href="/qa" data-nav-link class="site-nav-link"
><span class="site-nav-marker" aria-hidden="true">&gt;</span
><span>Q&amp;A</span
><span class="site-nav-marker" aria-hidden="true">&lt;</span></a
>
</div>
</div>
</nav>

View file

@ -32,13 +32,13 @@ export function renderFooter() {
<div class="site-panel-frost" aria-hidden="true"></div>
<div class="site-panel-border" aria-hidden="true"></div>
<div class="site-panel-content site-footer-inner">
<a href="${REPO_URL}">src</a>
<a href="${REPO_URL}">Src</a>
<span aria-hidden="true">|</span>
<a href="/qa/rss.xml" data-native-link>rss</a>
<a href="/qa/rss.xml" data-native-link>RSS</a>
<span aria-hidden="true">|</span>
<a href="/pgp.txt" data-native-link>pgp</a>
<a href="/pgp.txt" data-native-link>PGP</a>
<span aria-hidden="true">|</span>
<a href="/ssh.txt" data-native-link>ssh</a>
<a href="/ssh.txt" data-native-link>SSH</a>
<span aria-hidden="true">|</span>
<a href="${mirror.href}">${mirror.label}</a>
</div>

View file

@ -221,6 +221,36 @@ a[aria-current="page"] {
text-decoration: underline;
}
.site-nav-link {
display: inline-flex;
align-items: center;
color: var(--light-blue);
text-decoration: none;
}
.site-nav-link:hover,
.site-nav-link:focus-visible {
background-color: transparent;
color: var(--light-blue);
text-decoration: none;
}
.site-nav-link[aria-current="page"] {
color: var(--yellow);
text-decoration: none;
}
.site-nav-marker {
display: inline-block;
width: 1ch;
color: currentColor;
visibility: hidden;
}
.site-nav-link[aria-current="page"] .site-nav-marker {
visibility: visible;
}
.skip-link {
position: absolute;
left: 1rem;