Add README, QUICKSTART, and SUMMARY docs

QUICKSTART.md

@@ -0,0 +1,33 @@
+# Quick Start
+
+## View locally
+
+Open any `.html` file directly in a browser:
+
+```bash
+open eight-drunken-styles.html
+open liquor-tasting.html
+open shoe-size.html
+```
+
+No server, no install, no build step.
+
+## Serve with a local server
+
+If you prefer a local dev server (e.g. for consistent font loading):
+
+```bash
+# Python
+python3 -m http.server 8000
+
+# Node
+npx serve .
+```
+
+Then visit `http://localhost:8000`.
+
+## Add a new page
+
+1. Create a new `.html` file in the project root.
+2. Keep it self-contained — inline all CSS and JS.
+3. Update `README.md` with the new entry.

README.md

@@ -0,0 +1,22 @@
+# 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.

SUMMARY.md

@@ -0,0 +1,34 @@
+# Summary
+
+## 醉翁八態 · Eight Drunken Styles
+
+Eight classical archetypes of drunken behavior, each mapped to an animal or emotional state:
+
+1. **猴醉** (Monkey) — Hyperactive, singing loudly, jumping around
+2. **獅醉** (Lion) — Aggressive, yelling, picking fights
+3. **豬醉** (Pig) — Slurred speech, tongue won't cooperate, demanding more drinks
+4. **羊醉** (Goat) — Overconfident, boastful, flirtatious
+5. **狼醉** (Wolf) — Lustful, pushing drinks on others to get close
+6. **狐醉** (Fox) — Faking it, staying sober while getting others drunk
+7. **哭醉** (Crying) — Weeping drunk, emotionally overwhelmed
+8. **真醉** (Truly drunk) — Passed out, fast asleep
+
+## 飲酒七方 · Seven Ways of Liquor Drinking
+
+Seven traditional approaches to drinking:
+
+1. **壯** (Bravely) — Drinking with bold ambition
+2. **放** (Freely) — Letting go, drinking without restraint
+3. **覬** (Lustfully) — Drinking in the company of beauty
+4. **獨** (Alone) — Solitary drinking, raising a cup to the moon
+5. **對** (In pairs) — Drinking with a kindred spirit
+6. **共** (In groups) — Lively group drinking
+7. **豪** (Generously) — Grand, heroic drinking
+
+### Tasting Procedure
+
+Four steps: **看** (Look) — **嗅** (Smell) — **喝** (Taste) — **回味** (Savor)
+
+## 鞋子尺寸對照表 · Shoe Size Converter
+
+Interactive converter supporting 7 regional sizing standards (EU, US, UK, mm, MX, BR, RU). Enter any size and instantly see equivalents across all systems. Data covers EU 38–47.