Shorter picture title, legend under the picture, normals note only when they differ

app.py

@@ -246,7 +246,7 @@ def result_text(r):
             f"({fmt(same['normal_median_deg'], '°')} over every voxel; medians). Control, the same field "
             f"{L.CONTROL_SHIFT} voxels away: cos r = {fmt(ctl.get('cos_r'))}, normals "
             f"{fmt(ctl.get('normal_median_deg_strong'), '°')}. The same box should agree far better than the control.")
-        if a.get("normals_note"):
+        if a.get("normals_note") and (same.get("normal_median_deg_strong") or 0) > 5:
             lines.append(f"\n{a['normals_note']}.")
     elif a.get("note") or a.get("error"):
         lines.append(f"\nCheck: {a.get('note') or a.get('error')}")
@@ -324,8 +324,7 @@ def make_field(volume: str, z: float, y: float, x: float, size: float = 256, mod
     with one_run(request):
         r = run_field(p, progress)
     c = p["centre_level0_zyx"]
-    pic = L.compose(r["pictures"], f"{p['sample']} {p['volume']}, box of {p['size_zyx'][0]} around z {c[0]}, "
-                                   f"y {c[1]}, x {c[2]}: villa lasagna, model output")
+    pic = L.compose(r["pictures"], f"{p['sample']} · {p['size_zyx'][0]}³ box at z {c[0]}, y {c[1]}, x {c[2]}")
     return pic, r["receipt"], r["zip"]
 
 
@@ -445,7 +444,7 @@ CSS = """
 .lf-head { display:flex; align-items:center; gap:14px; padding:6px 2px 2px; }
 .lf-head .layers { width:30px; height:24px; border-radius:5px; flex:none;
   background:repeating-linear-gradient(180deg,#c2462b 0 4px,#e07a3f 4px 7px,#f3e2bf 7px 10px,#4f7a3a 10px 11px,#f3e2bf 11px 12px); }
-.lf-head h1 { font-family: Fraunces, Georgia, serif; font-weight:650; font-size:30px; margin:0; letter-spacing:-.01em; }
+.lf-head h1 { white-space:nowrap; font-family: Fraunces, Georgia, serif; font-weight:650; font-size:30px; margin:0; letter-spacing:-.01em; }
 .lf-head span { color: var(--body-text-color-subdued); font-size:15px; }
 .lf-guide iframe { width:100%; height:calc(100vh - 150px); min-height:640px; border:0; border-radius:12px;
   background:#f7f2ea; }

lasfield.py

@@ -690,10 +690,11 @@ def picture(ct, arrays, boxes, axis=0):
     return np.concatenate(row, axis=1)
 
 
-PANELS = ("CT", "cos", "grad_mag", "normal (x red, y green, z blue)")
+PANELS = ("CT", "cos", "grad_mag", "normal")
+LEGEND = "normal as colour: x red, y green, z blue · villa lasagna, model output"
 
 
-def compose(pictures, title=""):
+def compose(pictures, title="", note=LEGEND):
     """The three rows (z, y, x middle slices) under one header naming the panels, each row named on its left, on a
     white card. Text is sized for the card to be shown about 700 px wide. Returns an RGB uint8 array."""
     from PIL import Image, ImageDraw, ImageFont
@@ -708,7 +709,8 @@ def compose(pictures, title=""):
     pw = (w - 18) // 4
     left, gap = round(66 * k), round(8 * k)
     top = round(26 * k) + (round(30 * k) if title else 0)
-    canvas = Image.new("RGB", (left + w + gap, top + 3 * h + 3 * gap), (255, 255, 255))
+    foot = round(26 * k) if note else 0
+    canvas = Image.new("RGB", (left + w + gap, top + 3 * h + 3 * gap + foot), (255, 255, 255))
     d = ImageDraw.Draw(canvas)
     if title:
         d.text((left, round(6 * k)), title, fill=(35, 32, 28), font=bold)
@@ -718,6 +720,8 @@ def compose(pictures, title=""):
         y0 = top + i * (h + gap)
         canvas.paste(Image.fromarray(r), (left, y0))
         d.text((round(6 * k), y0 + h // 2 - round(8 * k)), name, fill=(93, 85, 75), font=font)
+    if note:
+        d.text((left, top + 3 * h + 2 * gap + round(4 * k)), note, fill=(93, 85, 75), font=font)
     return np.asarray(canvas)