card #150: kept ventures/huebrain/app.js, ventures/huebrain/style.css (generated)

ventures/huebrain/app.js

@@ -78,7 +78,7 @@ function init() {
   const $ = id => document.getElementById(id);
   $('try').innerHTML = `<div class="app">
 <div class="col">
- <div class="card"><div class="swrow"><div class="sw" id="sw"></div><div class="swinfo"><b id="swHex"></b><span id="count"></span><div class="bar"><i id="prog"></i></div></div></div>
+ <div class="card"><div class="swrow"><div class="sw" id="sw"></div><div class="swinfo"><b id="swHex"></b><span id="count"></span><div class="pbar"><i id="prog"></i></div></div></div>
   <div class="btns"><button id="nope" class="nope">Nope <kbd>←</kbd></button><button id="love" class="love">Love <kbd>→</kbd></button></div>
   <p id="status" class="note" aria-live="polite"></p></div>
  <div class="card"><h2>The net, live</h2><canvas id="net" width="320" height="170" aria-label="Neural net: 4 inputs, 8 neurons, 1 output"></canvas>

ventures/huebrain/style.css

@@ -23,9 +23,9 @@ h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--mu);
 .sw.small{width:64px;height:64px}
 .swinfo{flex:1;display:flex;flex-direction:column;gap:2px;font-variant-numeric:tabular-nums}
 .swinfo span{color:var(--mu);font-size:13px}
-.bar i{display:block}
-.swinfo .bar{height:6px;background:#2a2632;border-radius:3px;overflow:hidden;padding:0;border:0;margin-top:4px}
-.swinfo .bar i{height:100%;background:var(--amb);transition:width .2s}
+
+.swinfo .pbar{height:6px;background:#2a2632;border-radius:3px;overflow:hidden;padding:0;border:0;margin-top:4px}
+.swinfo .pbar i{height:100%;background:var(--amb);transition:width .2s}
 .btns{display:flex;gap:10px;margin-top:12px}
 .btns.tight{margin:0;flex:1}
 .btns button{flex:1;padding:12px;font-size:16px}