site: unified dark redesign (v2)

docs/algorithm.html

@@ -12,17 +12,17 @@
 <link rel="stylesheet" href="style.css">
 <style>
   :root {
-    --paper: #edefe7;
-    --ink: #131f19;
-    --ink-soft: #4a584f;
-    --rule: #cdd4c8;
-    --panel: #101a15;
-    --panel-2: #16221c;
-    --panel-edge: #2b3a31;
-    --panel-ink: #e7ede8;
+    --paper: #0d1411;
+    --ink: #e9efeb;
+    --ink-soft: #9aad9f;
+    --rule: #263429;
+    --panel: #121a16;
+    --panel-2: #17231d;
+    --panel-edge: #31423a;
+    --panel-ink: #e9efeb;
     --panel-muted: #93a49a;
     --accent: #63d0cf;
-    --accent-deep: #0c6b6e;
+    --accent-deep: #5fd2cf;
     --danger: #ff8a7a;
     --danger-deep: #a63a2e;
     --c-top-left: #7e3fa6;
@@ -51,7 +51,7 @@
   a:hover { color: var(--ink); }
   code {
     font: 400 .86em/1.4 var(--mono);
-    background: rgba(19, 31, 25, .07);
+    background: rgba(233, 239, 235, .08);
     padding: .08em .3em;
     border-radius: 2px;
   }
@@ -74,8 +74,8 @@
     border-top: 1px solid var(--ink);
     border-bottom: 1px solid var(--rule);
     background-image:
-      linear-gradient(rgba(19, 31, 25, .045) 1px, transparent 1px),
-      linear-gradient(90deg, rgba(19, 31, 25, .045) 1px, transparent 1px);
+      linear-gradient(rgba(233, 239, 235, .04) 1px, transparent 1px),
+      linear-gradient(90deg, rgba(233, 239, 235, .04) 1px, transparent 1px);
     background-size: 34px 34px;
   }
   h1 {
@@ -176,7 +176,7 @@
   select {
     font: 500 .8rem/1 var(--mono);
     color: var(--panel-ink);
-    background: #1a2620;
+    background: #17231d;
     border: 1px solid var(--panel-edge);
     border-radius: 2px;
     padding: .45rem .55rem;
@@ -185,7 +185,7 @@
   button {
     font: 500 .77rem/1 var(--mono);
     color: var(--panel-ink);
-    background: #1a2620;
+    background: #17231d;
     border: 1px solid var(--panel-edge);
     border-radius: 2px;
     padding: .5rem .7rem;
@@ -406,7 +406,7 @@
   .narration {
     margin-top: 1rem;
     padding: .75rem .9rem;
-    background: #15211b;
+    background: #17231d;
     border-left: 2px solid var(--accent);
     font: 400 .88rem/1.55 var(--serif);
     color: var(--panel-ink);

site/index.html

@@ -46,7 +46,7 @@ <h1>Plane projections of 3D voxel volumes, from NRRD to MP4</h1>
     </div>
     <figure>
       <video src="videos/lecturer_example.mp4" autoplay muted loop playsinline controls></video>
-      <figcaption class="hero-meta"><b>lecturer_example.mp4</b> · two valid projections, then two invalid-plane error frames · I2SE Exercise 1</figcaption>
+      <figcaption class="hero-meta"><b>lecturer_example.mp4</b> · two valid projections, then two invalid-plane error frames</figcaption>
     </figure>
   </section>
 
@@ -56,7 +56,7 @@ <h2>What it does</h2>
     <p class="section-sub">Everything from the exercise brief, with the engineering around it:
       typed seams, golden tests, and a reproducible benchmark harness.</p>
     <div class="grid cols-3">
-      <div class="card console">
+      <div class="card">
         <span class="tag">INPUT</span>
         <h3>NRRD volume loader</h3>
         <p>Reads 8-, 16- and 32-bit unsigned volumes up to 1024³ per axis
@@ -68,7 +68,7 @@ <h3>Plane validation</h3>
         <p>3-point planes must be equidistant from a common origin; 4-point planes must form a
           proper rectangle. Invalid specs raise and produce a visible error frame.</p>
       </div>
-      <div class="card console">
+      <div class="card">
         <span class="tag">RENDER</span>
         <h3>Closest-voxel sampling</h3>
         <p>Each output pixel takes the nearest voxel centre on the plane — deliberately simple,
@@ -80,7 +80,7 @@ <h3>MP4 via OpenCV</h3>
         <p><code>cv2.VideoWriter</code> with the <code>mp4v</code> codec — pip-installable,
           no system ffmpeg needed (ADR 0004), canonical 30 fps.</p>
       </div>
-      <div class="card console">
+      <div class="card">
         <span class="tag">VERIFY</span>
         <h3>Tested &amp; typed</h3>
         <p>pytest suite with golden-frame oracles, CLI and validation tests, plus
@@ -217,7 +217,7 @@ <h2>Documentation</h2>
         <h3>Software requirements</h3>
         <p>Functional and non-functional requirements, traced to the brief.</p>
       </a>
-      <a class="card console" href="algorithm.html">
+      <a class="card" href="algorithm.html">
         <span class="tag">LIVE</span>
         <h3>Algorithm walkthrough</h3>
         <p>Interactive, plain-words tour of the frame geometry — hosted right here on this site.</p>