From 9bef40bcf32d4df8acfb58af303eb11e4f732fbd Mon Sep 17 00:00:00 2001 From: Codex Date: Mon, 7 Sep 2026 16:30:25 +0200 Subject: [PATCH] =?UTF-8?q?deck:=20text-analysis=20block=2005-09=20impecca?= =?UTF-8?q?ble=20pass=20=E2=80=94=20quote=20hero=20(side-stripe=20removed)?= =?UTF-8?q?,=20editorial=20stat=20band,=20code=20panel=20hug,=20vertical?= =?UTF-8?q?=20centering,=20ontology=20tier=20counts?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- presentation/deck/deck.css | 48 ++++++++++++++++++++---------------- presentation/deck/index.html | 16 ++++++------ 2 files changed, 35 insertions(+), 29 deletions(-) diff --git a/presentation/deck/deck.css b/presentation/deck/deck.css index bcd48722..cde94720 100644 --- a/presentation/deck/deck.css +++ b/presentation/deck/deck.css @@ -48,6 +48,7 @@ .arit .foot span:first-child { overflow: hidden; text-overflow: ellipsis; flex-shrink: 1; } .arit .sbody { flex: 1; min-height: 0; display: flex; flex-direction: column; padding: 30px 48px 22px; text-align: left; } .arit.title-slide .sbody { justify-content: center; } +.arit.center-v .sbody { justify-content: center; } /* ---------- typography ---------- */ .arit .kicker { font: 700 12px/1 var(--sans); letter-spacing: .16em; text-transform: uppercase; color: var(--bordeaux); margin-bottom: 14px; } @@ -72,27 +73,29 @@ /* quote */ .arit .quote { - margin: 14px 0 20px; padding: 16px 22px; border-left: 3px solid var(--bordeaux); - background: var(--surface-alt); border-radius: 0 8px 8px 0; - font: italic 400 16px/1.5 var(--display); color: var(--ink); + position: relative; margin: 14px 0 20px; padding: 20px 26px 18px 68px; border: 1px solid var(--line); + background: var(--surface-alt); border-radius: 8px; + font: italic 400 19px/1.55 var(--display); color: var(--ink); } +.arit .quote::before { content: '\201C'; position: absolute; left: 22px; top: 10px; + font: 700 52px/1 var(--display); color: var(--bordeaux); } .arit .quote small { display: block; margin-top: 6px; font: 600 11px/1.4 var(--sans); font-style: normal; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-muted); } /* mini pipeline (problem / thoth slides) */ -.arit .pipeline { display: flex; align-items: stretch; gap: 10px; } -.arit .stage { flex: 1; padding: 12px 10px; text-align: center; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-alt); } -.arit .stage b { display: block; font: 700 13.5px/1.2 var(--sans); margin-bottom: 4px; } -.arit .stage span { display: block; font: 400 11px/1.35 var(--sans); color: var(--ink-muted); } +.arit .pipeline { display: flex; align-items: stretch; gap: 12px; } +.arit .stage { flex: 1; padding: 15px 12px; text-align: center; border: 1px solid var(--line); border-radius: 8px; background: var(--surface-alt); } +.arit .stage b { display: block; font: 700 14px/1.2 var(--sans); margin-bottom: 4px; } +.arit .stage span { display: block; font: 400 11.5px/1.35 var(--sans); color: var(--ink-muted); } .arit .stage .tag { display: inline-block; margin-top: 6px; padding: 3px 10px; border-radius: 9999px; background: var(--bordeaux); color: #fdfcfc; font: 700 9.5px/1 var(--sans); letter-spacing: .1em; text-transform: uppercase; } .arit .stage.ai { background: var(--bordeaux-tint); border-color: var(--bordeaux); } -.arit .arrow { align-self: center; color: var(--line-strong); font: 700 18px/1 var(--sans); } -.arit .thoth-wrap { display: flex; justify-content: flex-end; margin-top: 14px; } -.arit .thoth-col { width: 470px; text-align: center; } -.arit .thoth-arrow { color: var(--line-strong); font: 700 16px/1 var(--sans); margin: 2px 0; } -.arit .thoth-box { border: 1px solid var(--bordeaux); border-radius: 8px; padding: 10px 14px; - background: var(--surface-alt); font: 600 12.5px/1.4 var(--sans); } +.arit .arrow { align-self: center; color: var(--line-strong); font: 700 20px/1 var(--sans); } +.arit .thoth-wrap { display: flex; justify-content: flex-end; margin-top: 18px; } +.arit .thoth-col { width: 540px; text-align: center; } +.arit .thoth-arrow { color: var(--line-strong); font: 700 18px/1 var(--sans); margin: 2px 0; } +.arit .thoth-box { border: 1px solid var(--bordeaux); border-radius: 8px; padding: 12px 16px; + background: var(--surface-alt); font: 600 13px/1.4 var(--sans); } .arit .thoth-box .tag { margin-right: 8px; } /* points */ @@ -109,6 +112,8 @@ .arit .split { display: flex; gap: 40px; flex: 1; min-height: 0; } .arit .split .left { flex: 0 0 430px; display: flex; flex-direction: column; } .arit .split .right { flex: 1; min-width: 0; display: flex; } +.arit.nlp .split .right { align-items: center; } +.arit.nlp .code { flex: 0 0 auto; } .arit .code { width: 100%; display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--line-strong); border-radius: 8px; background: var(--surface-sunken); } .arit .code-head { flex: 0 0 38px; display: flex; align-items: center; justify-content: space-between; @@ -118,14 +123,15 @@ .arit .code b { font-weight: 700; color: var(--bordeaux-deep); } .arit .code i { font-style: normal; color: #2f6f4f; } -/* stats */ -.arit .stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; flex: 1; align-content: center; } -.arit .stat { border: 1px solid var(--line); border-radius: 8px; background: var(--surface-alt); - padding: 26px 22px; display: flex; flex-direction: column; gap: 10px; } -.arit .stat .num { font: 700 46px/1 var(--sans); color: var(--bordeaux); letter-spacing: -.02em; } -.arit .stat .lbl { font: 600 13.5px/1.35 var(--sans); color: var(--ink); } -.arit .stat .sub { font: 400 11.5px/1.4 var(--sans); color: var(--ink-muted); } -.arit .stat-note { margin-top: 20px; font: 400 12.5px/1.5 var(--sans); color: var(--ink-muted); } +/* stats — editorial numeral band */ +.arit .stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); } +.arit .stat { padding: 8px 24px; display: flex; flex-direction: column; gap: 10px; } +.arit .stat:first-child { padding-left: 0; } +.arit .stat + .stat { border-left: 1px solid var(--line); } +.arit .stat .num { font: 700 62px/1 var(--sans); color: var(--bordeaux); letter-spacing: -.02em; } +.arit .stat .lbl { font: 600 14.5px/1.35 var(--sans); color: var(--ink); } +.arit .stat .sub { font: 400 12px/1.45 var(--sans); color: var(--ink-muted); } +.arit .stat-note { margin-top: 26px; font: 400 13px/1.5 var(--sans); color: var(--ink-muted); } /* divider */ .arit.divider .sbody { justify-content: center; } diff --git a/presentation/deck/index.html b/presentation/deck/index.html index 42897dd7..ed97de64 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 - +
@@ -199,7 +199,7 @@ -
+
AritmoLab · Policlinico San Donato @@ -241,7 +241,7 @@
-
+
AritmoLab · Policlinico San Donato @@ -268,7 +268,7 @@
-
+
AritmoLab · Policlinico San Donato @@ -314,7 +314,7 @@
-
+
AritmoLab · Policlinico San Donato @@ -326,13 +326,13 @@
The clinical ontology

Two tiers, one clinical order

- TIER 1 · arrhythmic + TIER 1 · arrhythmic — 11 categories
FABrugadaFlutterTATRNWPW / TPSVTVFVExtrasistolia V.SincopeQT lungo
- TIER 2 · structural + TIER 2 · structural — 5 categories
Blocco AVBlocco di brancaCardiomiopatiaScompensoValvulopatia
@@ -352,7 +352,7 @@
-
+
AritmoLab · Policlinico San Donato