Showcase

Section designs that used to sit on the about page.

Navbar

Classic links

Hover underline

Contact

Talk to Hugo

Map and form

Contact Form

Life Styles

Field notes

Short writeups from weekend builds, kept as a running log.

Walks

A camera comes along for ridgelines, campuses, and city blocks.

Writings

Gradient cards

  • A notebook that stays out of the way

    How a small writing layout keeps the title, the date, and one paragraph in view.

    Mar 12, 20244 min read

  • Trails, typed up after the fact

    A second card so the list can show spacing, hover, and the date row.

    Jan 4, 20246 min read
View All My Writings

Cards and tech stacks

  • A notebook that stays out of the way

    How a small writing layout keeps the title, the date, and one paragraph in view.

    Mar 12, 20244 min read

  • Trails, typed up after the fact

    A second card so the list can show spacing, hover, and the date row.

    Jan 4, 20246 min read

✨ View All My Writings

Photos

Tilted stack

A campus courtyard in warm light
A granite dome above a valley
A waterfall on a shaded trail
A brick walkway between buildings
A library wall in late afternoon

Grid

A campus courtyard in warm light
A granite dome above a valley
A waterfall on a shaded trail
A brick walkway between buildings
A library wall in late afternoon

Coding Stats

Stacks

Taipei, Taiwan (UTC +08:00)

Callouts

Helpful advice for doing something more easily.
Useful information, even when skimming the page.
Urgent detail that needs attention before continuing.
This action can fail or remove something you still need.
Key information required to finish the task.

Testimonials

  • Demo reader

    Demo reader

    A short quote so the card can show the clamped excerpt and open the detail view.

  • Sample note

    Sample note

    A second card sits beside the first and keeps the row from looking empty.

  • Third quote

    Third quote

    A third card runs past the edge so the horizontal scrollbar has somewhere to go.

Motion

Play to run the entrance animations.