prod ready

README.md

@@ -37,9 +37,20 @@ the page plays back.
 - `SCALE` — source pixel width fed to chafa; scale it up with `SIZE`.
 
 After changing `SIZE`, set a matching `font-size` in `static/css/ascii.css`
-(it halves each time you double the grid) so the ASCII fills the screen.
+(lines 32–33, the two `font-size: max(...)` declarations) so the ASCII fills
+the screen. The font-size scales **inversely** with the grid: halve the grid →
+double the font-size. The two `max()` multipliers are:
 
-Current setup: `480x144`, font-size `max(0.35vw, 0.695vh)`.
+- vw multiplier ≈ `1 / (cols × 0.6)`  (0.6 ≈ JetBrains Mono char aspect ratio)
+- vh multiplier ≈ `1 / rows`
+
+| `SIZE`    | `font-size` in `ascii.css`     |
+| --------- | ------------------------------ |
+| `480x144` | `max(0.35vw, 0.695vh)`         |
+| `360x108` | `max(0.463vw, 0.926vh)`        |
+| `240x72`  | `max(0.7vw, 1.39vh)`           |
+
+Current setup: `240x72`, font-size `max(0.7vw, 1.39vh)`.
 
 ## License
 

static/css/ascii.css

@@ -29,8 +29,8 @@
   margin: 0;
   padding: 0;
   font-family: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
-  font-size: max(0.35vw, 0.695vh);
-  font-size: max(0.35vw, 0.695svh);
+  /* font-size: max(0.7vw, 1.39vh); */ /* 240p */
+  font-size: max(0.463vw, 0.926vh); /* 360p */
   line-height: 1.0;
   letter-spacing: 0;
   color: var(--tp-mountain-color, #f4a26b);