mirror of
https://github.com/andwati/andwati.com.git
synced 2026-10-18 09:22:53 +00:00
andwati
9392d45f53
References: pixperk.tech (dark, warm off-white text, serif-italic + mono mixed typography, personal dashboard modules) and mcyoung.xyz (meta line with reading time, subtle accent underline on titles). - src/styles/tokens.css: dark-first color palette with a warm-paper light mode (data-theme override + prefers-color-scheme, toggle wins either direction), fluid clamp() type scale, spacing/radius scale. - Fonts: Fraunces (display/headings, italic), Newsreader (body, long-form readability), JetBrains Mono (nav/meta/code) — all self-hosted via @fontsource, continuing the mono choice already used in the legacy OG-image pipeline. - Base.astro rewritten: real header/nav with active-link state, a theme toggle (persisted to localStorage, no-flash inline script), footer with social links (ported from zola.toml), replacing the scaffold placeholder. - Reading time: toml-content-loader.ts computes wordCount/ readingMinutes from the raw body at load time, surfaced in the writings list and detail meta line. - Bug fix: the marked heading renderer was using raw token.text for both the visible heading and the TOC, so a heading like "**Registers**" rendered literal asterisks instead of bold — now renders inline tokens properly and strips markdown for the plain-text TOC label/slug. Verified in-browser (light + dark) across home, a migrated writing with TOC/headings, bookshelf, and 404.
Astro Starter Kit: Minimal
npm create astro@latest -- --template minimal
🧑🚀 Seasoned astronaut? Delete this file. Have fun!
🚀 Project Structure
Inside of your Astro project, you'll see the following folders and files:
/
├── public/
├── src/
│ └── pages/
│ └── index.astro
└── package.json
Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.
There's nothing special about src/components/, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.
Any static assets, like images, can be placed in the public/ directory.
🧞 Commands
All commands are run from the root of the project, from a terminal:
| Command | Action |
|---|---|
npm install |
Installs dependencies |
npm run dev |
Starts local dev server at localhost:4321 |
npm run build |
Build your production site to ./dist/ |
npm run preview |
Preview your build locally, before deploying |
npm run astro ... |
Run CLI commands like astro add, astro check |
npm run astro -- --help |
Get help using the Astro CLI |
👀 Want to learn more?
Feel free to check our documentation or jump into our Discord server.