# zhiyv

Application’s deterministic mock backend and public Picsum placeholder covers. No legacy Go backend or real accounts.

## Animated WebP

![zhiyv interaction demo](/showcase/zhiyv/2026-09-10T11-01-16-826Z-3ce5/zhiyv-interaction.webp)

![知育: mobile home and continuing-learning card using deterministic mock data.](/showcase/zhiyv/2026-09-10T11-01-16-826Z-3ce5/learning-home.webp)

![知育: exploration topics and filtering controls.](/showcase/zhiyv/2026-09-10T11-01-16-826Z-3ce5/explore-topics.webp)

![知育: difficulty filter controls.](/showcase/zhiyv/2026-09-10T11-01-16-826Z-3ce5/difficulty-filter.webp)

![知育: learning plan and course progress.](/showcase/zhiyv/2026-09-10T11-01-16-826Z-3ce5/learning-plan.webp)

![知育: locally saved mock learning content.](/showcase/zhiyv/2026-09-10T11-01-16-826Z-3ce5/saved-content.webp)

![知育: learner settings.](/showcase/zhiyv/2026-09-10T11-01-16-826Z-3ce5/learner-settings.webp)

## Reduced-motion HTML

```html
<!-- Copy this asset directory to /showcase/zhiyv/2026-09-10T11-01-16-826Z-3ce5/. Demo data: Application’s deterministic mock backend and public Picsum placeholder covers. No legacy Go backend or real accounts. -->
<picture>
  <source media="(prefers-reduced-motion: reduce)" srcset="/showcase/zhiyv/2026-09-10T11-01-16-826Z-3ce5/learning-home.webp">
  <img src="/showcase/zhiyv/2026-09-10T11-01-16-826Z-3ce5/zhiyv-interaction.webp" alt="zhiyv: Navigate to Explore; Open difficulty filters; Dismiss the filter sheet; Switch to the learning plan; Switch to saved content; Open the learner profile; Open settings." width="390" height="844" loading="lazy" decoding="async">
</picture>
```