Switch to local Unscii font and begin work on new stylesheet

Remove Google Fonts and the old external stylesheet link. Add (inline for now)
@font-face rules for unscii fonts and new link/p/ul styles, and set the
root font to unscii16. Minor UI tweaks: style the skip link background,
remove the "Tools" nav item for now, fix the contact page title and link
markup, and replace the homepage copy with an "Under Construction"
message.
This commit is contained in:
badblocks 2026-01-27 15:16:38 -08:00
parent e67e72ea66
commit 7dd61775b3
No known key found for this signature in database
4 changed files with 66 additions and 18 deletions

View file

@ -115,10 +115,12 @@ const msgValue = pickValue("msg");
}
label[for="captcha"] {
grid-area: captcha;
a {
color: #000;
}
}
#captchaStatus {
padding: 0.8rem 0;
font-size: small;
}
button {
height: 39px;
@ -150,9 +152,12 @@ const msgValue = pickValue("msg");
}
</style>
<Layout>
<title slot="head">Home</title>
<title slot="head">Contact</title>
<Fragment slot="content">
<h2>Contact</h2>
<p><a href="https://kagi.com">Link Style 1</a></p><a href="https://kagi.com"
>Link Style 2</a
>
{
(nextAction != "complete" && (
<form method="post" x-data="{}" action={actions.contact.submitForm}>
@ -231,7 +236,7 @@ const msgValue = pickValue("msg");
</fieldset>
<label for="captcha">
{/* prettier-ignore */}
<a href="https://capjs.js.org/" tabindex="-1">Cap</a>tcha
<a href="https://capjs.js.org/" tabindex="-1">Captcha</a>
<input type="hidden" id="captcha" name="captcha" />
<div id="captchaStatus">
<iconify-icon id="initIcon" icon="line-md:loading-loop" />