z0x/blog.z0x.ca
Code Activity Actions

fix(index): 🎨 fix TOC, add Nunito font

Browse source
This commit is contained in:
z0x 2025-01-17 20:36:33 -05:00
parent d81008b119
commit 06d90b6413
8 changed files with 23 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/components/Head.astro
View file

@ -1,25 +1,7 @@
---
import "../styles/global.css";
import "../styles/callout.css";
import "@fontsource/geist-sans/100.css";
import "@fontsource/geist-sans/200.css";
import "@fontsource/geist-sans/300.css";
import "@fontsource/geist-sans/400.css";
import "@fontsource/geist-sans/500.css";
import "@fontsource/geist-sans/600.css";
import "@fontsource/geist-sans/700.css";
import "@fontsource/geist-sans/800.css";
import "@fontsource/geist-sans/900.css";
import "@fontsource/geist-mono/100.css";
import "@fontsource/geist-mono/200.css";
import "@fontsource/geist-mono/300.css";
import "@fontsource/geist-mono/400.css";
import "@fontsource/geist-mono/500.css";
import "@fontsource/geist-mono/600.css";
import "@fontsource/geist-mono/700.css";
import "@fontsource/geist-mono/800.css";
import "@fontsource/geist-mono/900.css";
import "@fontsource-variable/nunito";
interface Props {
title: string;
@ -33,10 +15,6 @@ const { title, description, image = "/blog-placeholder-1.jpg" } = Astro.props;
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link
rel="icon"
href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22></text></svg>"
/>
<meta name="generator" content={Astro.generator} />
<title>{title}</title>

2
src/components/TableOfContents.astro
View file

@ -6,7 +6,7 @@ const toc = buildToc(headings);
export interface Heading {
depth: number;
id: string;
slug: string;
text: string;
}

4
src/components/TableOfContentsHeading.astro
View file

@ -1,12 +1,12 @@
---
import Link from "./Link.astro";
import type { Heading } from "./TableOfContents.astro";
import Link from "./Link.astro";
const { heading } = Astro.props;
---
<li class="list-inside list-disc px-6 py-1.5 text-sm">
<Link href={"#" + heading.id} underline>
<Link href={"#" + heading.slug} underline>
{heading.text}
</Link>
{