as-folio

A simple, clean, and responsive Astro template for academics.

How as-folio implements dark mode — no flash of unstyled content, CSS custom properties, and per-component theme awareness.

2 min read · 2025

How as-folio handles images in blog posts — responsive layout, captions, and click-to-zoom with medium-zoom.

3 min read · 2025

Showing Code Changes with Diff2Html
Render beautiful side-by-side or unified code diffs in posts — ideal for tutorials, changelogs, and code reviews.
4 min read · May 25, 2025
2025 · code · formatting · diff · demo
Before/After Image Comparison Slider
Side-by-side image comparison sliders — ideal for showing image processing results, design iterations, or any visual before/after.
2 min read · May 20, 2025
2025 · images · visualization · interactive · demo
Embedding Interactive Maps with Leaflet
OpenStreetMap-powered maps with markers, pop-ups, and polygons — all from a single frontmatter flag.
3 min read · May 15, 2025
2025 · maps · visualization · leaflet · demo
LaTeX TikZ Diagrams in the Browser
Render Feynman diagrams, geometric proofs, vector fields, and circuit schematics — directly from TikZ code.
3 min read · May 10, 2025
2025 · diagrams · latex · physics · demo
Writing Algorithms in Pseudocode
Render beautiful pseudocode with LaTeX-style typesetting using pseudocode.js — no images, no screenshots.
3 min read · May 5, 2025
2025 · algorithms · computer-science · formatting · demo