From 6f58be6cbd9ffbe0b2020825edbf9685db7ad019 Mon Sep 17 00:00:00 2001 From: Codex Date: Mon, 7 Sep 2026 23:15:52 +0200 Subject: [PATCH] deck slide 07 impeccable layout pass: tier groups separated (22px tier1->tier2, 18px before points), split hugs content and re-centers vertically (no full-height stretch), output panel beats tightened to 13px padding rhythm; css v37 --- presentation/deck/deck.css | 11 ++++++----- presentation/deck/index.html | 2 +- 2 files changed, 7 insertions(+), 6 deletions(-) diff --git a/presentation/deck/deck.css b/presentation/deck/deck.css index e59304d5..c4312388 100644 --- a/presentation/deck/deck.css +++ b/presentation/deck/deck.css @@ -215,10 +215,11 @@ .arit .cue { margin-top: 22px; font: 600 12px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); } /* ontology slide: EN-first category pills + output panel */ -.arit .onto-split { flex: 1; min-height: 0; display: grid; grid-template-columns: 1.25fr 1fr; +.arit .onto-split { flex: 0 0 auto; display: grid; grid-template-columns: 1.25fr 1fr; gap: 26px; align-items: stretch; margin-top: 14px; } .arit .tier-h { display: flex; align-items: center; font: 700 10px/1 var(--mono); letter-spacing: .14em; - text-transform: uppercase; color: var(--bordeaux-deep); margin-bottom: 9px; } + text-transform: uppercase; color: var(--bordeaux-deep); margin: 22px 0 9px; } +.arit .onto-left .tier-h:first-child { margin-top: 0; } .arit .tier-h .cnt { margin-left: auto; font: 700 9px/1 var(--mono); color: var(--bordeaux); border: 1px solid var(--bordeaux); border-radius: 9999px; padding: 2px 7px; } .arit .cats { display: flex; flex-wrap: wrap; gap: 8px; } @@ -227,8 +228,8 @@ .arit .cat b { font: 700 13px/1 var(--sans); color: var(--ink); } .arit .cat .it { font: 400 11px/1 var(--sans); color: var(--ink-muted); } .arit .cat.fill { background: var(--bordeaux-tint); } -.arit .onto-points { margin-top: 12px; } -.arit .oitem { display: flex; gap: 10px; padding: 7px 0; border-bottom: 1px solid var(--line); } +.arit .onto-points { margin-top: 18px; } +.arit .oitem { display: flex; gap: 10px; padding: 8px 0; border-bottom: 1px solid var(--line); } .arit .oitem:last-child { border-bottom: none; } .arit .oitem .n { flex: 0 0 22px; font: 700 11px/1.6 var(--mono); color: var(--bordeaux); } .arit .oitem b { font: 700 13px/1.35 var(--sans); color: var(--ink); } @@ -237,7 +238,7 @@ padding: 15px 18px 8px; align-self: stretch; display: flex; flex-direction: column; } .arit .out-h { display: block; font: 700 10px/1 var(--mono); letter-spacing: .14em; text-transform: uppercase; color: var(--bordeaux-deep); margin-bottom: 4px; } -.arit .out-item { display: flex; gap: 10px; padding: 11px 0; border-bottom: 1px solid rgba(143,18,4,.18); flex: 1; } +.arit .out-item { display: flex; gap: 10px; padding: 13px 0; border-bottom: 1px solid rgba(143,18,4,.18); flex: 1; } .arit .out-item:last-child { border-bottom: none; } .arit .out-item .n { flex: 0 0 22px; font: 700 11px/1.6 var(--mono); color: var(--bordeaux-deep); } .arit .out-item b { font: 700 13px/1.35 var(--sans); color: var(--bordeaux-deep); } diff --git a/presentation/deck/index.html b/presentation/deck/index.html index 7e0fda1b..c52febc3 100644 --- a/presentation/deck/index.html +++ b/presentation/deck/index.html @@ -5,7 +5,7 @@ AritmoLab — Role of AI in the Analysis of Unstructured Clinical Databases - +