Adds a Footer component (credit line, repo/buttplug.io links) below main content on all app pages, with the layout shell now flex-column so it sticks to the bottom on short pages. Also swaps the display font from Space Grotesk to Sora (after trying Fraunces, a serif, which didn't fit). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
33 lines
938 B
TypeScript
33 lines
938 B
TypeScript
export function Footer() {
|
|
const year = new Date().getFullYear();
|
|
|
|
return (
|
|
<footer className="mx-auto w-full max-w-6xl px-4 py-6">
|
|
<div className="flex flex-col items-center gap-1 text-center text-xs text-muted-foreground">
|
|
<p>
|
|
Made with <span aria-hidden="true">💜</span> by{" "}
|
|
<a
|
|
href="https://dev.pivoine.art/valknar/sexy"
|
|
target="_blank"
|
|
rel="noreferrer noopener"
|
|
className="underline underline-offset-2 hover:text-foreground"
|
|
>
|
|
Valknar
|
|
</a>
|
|
</p>
|
|
<p>
|
|
© {year} Sexy · Powered by{" "}
|
|
<a
|
|
href="https://buttplug.io/"
|
|
target="_blank"
|
|
rel="noreferrer noopener"
|
|
className="underline underline-offset-2 hover:text-foreground"
|
|
>
|
|
Buttplug.io
|
|
</a>
|
|
</p>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|