jet/website
jet/website
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: change capitilizations and nav layout

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

16
index.html
View file

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

8
src/lib/site.ts
View file

@ -32,13 +32,13 @@ export function renderFooter() {
<div class="site-panel-frost" aria-hidden="true"></div> <div class="site-panel-frost" aria-hidden="true"></div>
<div class="site-panel-border" aria-hidden="true"></div> <div class="site-panel-border" aria-hidden="true"></div>
<div class="site-panel-content site-footer-inner"> <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> <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> <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> <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> <span aria-hidden="true">|</span>
<a href="${mirror.href}">${mirror.label}</a> <a href="${mirror.href}">${mirror.label}</a>
</div> </div>

30
src/styles/globals.css
View file

@ -221,6 +221,36 @@ a[aria-current="page"] {
text-decoration: underline; 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 { .skip-link {
position: absolute; position: absolute;
left: 1rem; left: 1rem;