Miniport chrome on Dune
Upstream Miniport pairs a fullbleed portrait with a headline, a short intro, and a single
scrolly CTA, then drops into an icon-tile grid pointing at the rest of the site. On this
Dune port that shell lives in templates/default.tsx, styled entirely by the vendored
static/html5up/ CSS — this post exists so the demo explains what you're seeing instead of
shipping a generic clone.
Compare side-by-side with html5up.net/miniport:
- The portrait + headline pairing (
hero_image/home_headline) should feel like the same family as upstream's photo-led hero - The four-box tile row below it (Blog, Search, Archives, About) stands in for upstream's project grid — icons come from a small rotation, not per-tile uploads
- Footer credit (
#copyright) stays visible underarticle.wrapper.style4whenevershow_html5up_creditis on - Active nav in the top bar highlights correctly at mobile widths, trailing-slash safe
Honest Dune deviations: upstream's per-project detail pages become ordinary blog posts under
/blog; search is server-side /api/search, not a static filter; contact links have no
mail backend behind them. No dark mode — Miniport upstream is one design; a Dune lift may
land later as an enhancement, not as fidelity.