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

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
Interactive Scientific Plots with Plotly
3D surface plots, contour maps, and animated charts with Plotly.js — hover, pan, zoom included.
3 min read · May 1, 2025
2025 · charts · visualization · plotly · science · demo