Personal Site

9 Jun 2026

Timeline Layout

A timeline-style page using plain Markdown lists and presentation CSS.

#timeline#design#sample reference

This sample shows how ordinary Markdown can become a more specialized interface. The source is just headings, paragraphs, and lists.

Morning

  • Checked the archive shape and kept the durable source in Markdown.
  • Added separate sample content so experiments do not blur into real posts.
  • Used front matter to describe intent without hard-coding layout HTML.

Afternoon

  • Let Hugo templates expose a presentation class.
  • Kept styling in CSS, where it can evolve without rewriting posts.
  • Preserved validation-friendly references to reusable records.

Later

  • Add richer post types only when the archive model needs them.
  • Prefer shortcodes for reusable blocks like photos, galleries, maps, and notes.
  • Keep privacy-sensitive data out of rendered public pages unless explicitly safe.
Markdown source 

This sample shows how ordinary Markdown can become a more specialized interface.
The source is just headings, paragraphs, and lists.

## Morning

- Checked the archive shape and kept the durable source in Markdown.
- Added separate sample content so experiments do not blur into real posts.
- Used front matter to describe intent without hard-coding layout HTML.

## Afternoon

- Let Hugo templates expose a presentation class.
- Kept styling in CSS, where it can evolve without rewriting posts.
- Preserved validation-friendly references to reusable records.

## Later

- Add richer post types only when the archive model needs them.
- Prefer shortcodes for reusable blocks like photos, galleries, maps, and notes.
- Keep privacy-sensitive data out of rendered public pages unless explicitly safe.