34 lines
932 B
Markdown
34 lines
932 B
Markdown
---
|
|
id: TASK-131
|
|
title: PWA — camera feed + shell
|
|
status: Done
|
|
assignee: []
|
|
created_date: '2026-03-29 20:51'
|
|
labels:
|
|
- pwa
|
|
- frontend
|
|
milestone: m-2
|
|
dependencies: []
|
|
priority: high
|
|
---
|
|
|
|
## Description
|
|
|
|
<!-- SECTION:DESCRIPTION:BEGIN -->
|
|
Write index.html (three views: setup/guide/complete), main.css (dark workshop theme, mobile-first), and camera.js (rear camera getUserMedia wrapper).
|
|
<!-- SECTION:DESCRIPTION:END -->
|
|
|
|
## Acceptance Criteria
|
|
<!-- AC:BEGIN -->
|
|
- [ ] #1 Three-view HTML shell with hidden attr toggling
|
|
- [ ] #2 Dark theme with amber/green accents, 48px+ touch targets
|
|
- [ ] #3 Camera feed fills viewport with environment-facing preference
|
|
- [ ] #4 Graceful fallback for desktop webcams
|
|
<!-- AC:END -->
|
|
|
|
## Final Summary
|
|
|
|
<!-- SECTION:FINAL_SUMMARY:BEGIN -->
|
|
index.html (183 lines), main.css (732 lines dark workshop theme), camera.js (environment-facing, desktop fallback).
|
|
<!-- SECTION:FINAL_SUMMARY:END -->
|