# hmrchan

Public local snapshot data; live remote APIs blocked; fresh anonymous browser.

## Animated WebP

![hmrchan interaction demo](/showcase/hmrchan/2026-09-10T10-11-31-159Z-6f51/hmrchan-interaction.webp)

![MomiChan: public media landing page using local fallback content.](/showcase/hmrchan/2026-09-10T10-11-31-159Z-6f51/home-light.webp)

![MomiChan: scrollable public media and community preview cards.](/showcase/hmrchan/2026-09-10T10-11-31-159Z-6f51/media-cards.webp)

![MomiChan: dark-mode preference controls; anonymous local session.](/showcase/hmrchan/2026-09-10T10-11-31-159Z-6f51/preferences-dark.webp)

## Reduced-motion HTML

```html
<!-- Copy this asset directory to /showcase/hmrchan/2026-09-10T10-11-31-159Z-6f51/. Demo data: Public local snapshot data; live remote APIs blocked; fresh anonymous browser. -->
<picture>
  <source media="(prefers-reduced-motion: reduce)" srcset="/showcase/hmrchan/2026-09-10T10-11-31-159Z-6f51/home-light.webp">
  <img src="/showcase/hmrchan/2026-09-10T10-11-31-159Z-6f51/hmrchan-interaction.webp" alt="hmrchan: Hover the primary exploration link; Scroll through the media cards; Navigate to preference settings; Bring theme controls into view; Change from light to dark mode." width="1080" height="676" loading="lazy" decoding="async">
</picture>
```