mirror of
https://github.com/andwati/andwati.com.git
synced 2026-11-09 18:35:12 +00:00
andwati
0644dcf253
Writings detail pages now show the table of contents as a sticky sidebar once there's room (>=74rem viewport), sharing its markup with the existing inline TOC via a new TocList.astro so neither copy drifts. Below that breakpoint it falls back to the original inline list. Bumped .container--wide 64rem -> 76rem (home, bookshelf, and now writings detail) so big monitors use more of the screen. The prose column itself stays capped at 42rem for readability; the extra room is what makes space for the TOC gutter. Verified at 390/900/1180/1920px.
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.