# Actual exports

These images were captured from the working local site in Chromium 153.0.8010.12. They are not concept mockups. Full-page captures are taller than the configured viewport where the content requires scrolling.

| Export | Size / purpose |
| --- | --- |
| `desktop-work.png` | 1440×1163; opening Work view |
| `desktop-about.png` | 1440×1233; opened About section |
| `desktop-contact.png` | 1440×1092; fictional contact section |
| `desktop-project-2.png` | 1440×1163; Type in Motion |
| `desktop-project-3.png` | 1440×1163; Turning Point |
| `desktop-keyboard-focus.png` | 1440×1163; visible dial focus ring |
| `phone-work.png` | 390×1257; full phone page |
| `phone-first-viewport.png` | 390×844; unscrolled phone viewport |
| `phone-contact.png` | 390×1215; contact after touch navigation |
| `phone-reduced-motion-about.png` | 390×1449; About with reduced motion and focus |
| `plain-text.png` | 900×2775; complete static portfolio, JavaScript disabled |
| `pocket-observatory-demo.mp4` | H.264, 1440×1080, 25 fps, 22.4 seconds, silent |
| `pocket-observatory-demo.webm` | Original VP8 browser recording, 1440×1080, 25 fps, 22.4 seconds, silent |
| `verification.json` | Actual browser assertions, measured geometry, captures, requests, and limitations |
| `capture.json` | Browser recording timing and demonstrated sequence |

The demonstration shows the rotary interaction, OPEN, keyboard section opening, all three projects, and the text view. A small cursor marker is injected only for recording. Phone touch was exercised using Chromium’s touch input emulation and is recorded in `verification.json`; the demonstration video uses the desktop layout.

The full static website export is `../project/dist/`. Recreate captures with the scripts and instructions in `../project/README.md`.
