Colophon

How this site is made.

• Generator

  Astro 4 — static site generator. No React, Vue, or Svelte.

• Hosting

  GitHub Pages, deployed via GitHub Actions on push to main.

• Typography

  Headings: Roboto. Body: Libre Baskerville. Both self-hosted.

• Styling

  Plain CSS — no frameworks, no preprocessors. Scoped component styles + one global stylesheet.

• Content

  Markdown notes in Astro Content Collections, validated with Zod schemas.

• Interactive effects

  Reading progress bar, magnetic social links, spotlight follower, scrollytelling reveals, typewriter animation, 3D tilt cards.

• Source

  github.com/mariovyord/mariovyord.github.io