# mini-pages

A collection of standalone single-page web apps — each file is self-contained HTML with inline CSS and JavaScript, no build tools required.

## Pages

| File | Title | Description |
|------|-------|-------------|
| `eight-drunken-styles.html` | 醉翁八態 · Eight Drunken Styles | Interactive showcase of eight classical drunken archetypes (猴、獅、豬、羊、狼、狐、哭、真), with expandable stripe cards on desktop and a responsive grid on mobile. |
| `liquor-tasting.html` | 飲酒七方 · Seven Ways of Liquor Drinking | The seven traditional ways of drinking (壯、放、覬、獨、對、共、豪) and a four-step tasting procedure (看、嗅、喝、回味). |
| `shoe-size.html` | 鞋子尺寸對照表 | Shoe size converter across 7 regional standards (EU, US, UK, mm, MX, BR, RU) with instant lookup. |

## Tech Stack

- Pure HTML / CSS / JavaScript — zero dependencies
- Google Fonts (Noto Serif TC, Noto Sans TC, Cinzel)
- CSS animations, scroll-reveal via IntersectionObserver
- Responsive design with mobile breakpoints

## License

Personal project by Timmy.