Spaces:
Running
Running
File size: 1,391 Bytes
d49575d beaca28 d49575d | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | <!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<title>Soft Autumn Palette Checker</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<main class="app">
<header>
<h1>Soft Autumn Palette Checker</h1>
<p>Point your camera at clothing or fabric and scan the center color.</p>
</header>
<section class="camera-wrap">
<video id="video" autoplay playsinline muted></video>
<div class="reticle" aria-hidden="true"></div>
</section>
<section class="controls">
<button id="startBtn" type="button">Start Camera</button>
<button id="scanBtn" type="button" disabled>Scan Center Color</button>
</section>
<section class="panel">
<p id="status">Status: camera not started.</p>
<div class="sample-row">
<span>Sample</span>
<div id="sampleSwatch" class="swatch"></div>
<code id="sampleHex">#------</code>
</div>
</section>
<section class="panel">
<h2>Soft Autumn Palette</h2>
<div id="paletteGrid" class="palette-grid"></div>
</section>
</main>
<canvas id="captureCanvas" width="40" height="40" hidden></canvas>
<script src="app.js"></script>
</body>
</html>
|