initial commit

static/favicon.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" role="img" aria-label="Power meter">
+  <defs>
+    <linearGradient id="g" x1="16" y1="12" x2="48" y2="52" gradientUnits="userSpaceOnUse">
+      <stop offset="0" stop-color="#38bdf8"/>
+      <stop offset="1" stop-color="#22c55e"/>
+    </linearGradient>
+  </defs>
+  <rect x="10" y="14" width="44" height="36" rx="9" fill="#0f172a"/>
+  <rect x="14" y="18" width="36" height="28" rx="6" fill="none" stroke="url(#g)" stroke-width="3"/>
+  <path d="M32 22 L25 34 H31 L28 44 L39 30 H33 Z" fill="url(#g)"/>
+  <path d="M20 50h24" stroke="#334155" stroke-width="4" stroke-linecap="round"/>
+</svg>

static/index.html

@@ -0,0 +1,22 @@
+<!doctype html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>Power Display</title>
+  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
+  <style>
+    :root { color-scheme: light dark; }
+    body { font-family: system-ui, sans-serif; margin: 0; min-height: 100vh; display: grid; place-items: center; background: #0f172a; color: #e2e8f0; }
+    main { text-align: center; padding: 2rem; }
+    .value { font-size: clamp(3rem, 12vw, 8rem); font-weight: 800; line-height: 1; }
+    .unit { margin-top: 0.75rem; font-size: 1.25rem; color: #94a3b8; }
+  </style>
+</head>
+<body>
+  <main>
+    <div class="value">{{.Watts}}</div>
+    <div class="unit">watts</div>
+  </main>
+</body>
+</html>