mptyl/ThothII
1
0
Fork 0
Code Issues 25 Pull Requests Actions Packages Projects Releases 1 Wiki Activity

deck slide 05: JS-drawn edge-to-edge cycle arrows (precise start/land on measured component boxes); note as two wide bullets, 14px, clinician wording

Browse Source
This commit is contained in:
Codex
2026-09-07 21:47:12 +02:00
parent 7177c346ab
commit 5a18c546ce
2 changed files with 60 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
presentation/deck/deck.css
+6 -2
View File
@@ -192,7 +192,7 @@
.arit.stats .sstat { display: flex; align-items: baseline; gap: 9px; }
.arit.stats .sstat .n { font: 700 25px/1 var(--sans); color: var(--bordeaux); letter-spacing: -.02em; }
.arit.stats .sstat .l { font: 600 11.5px/1.2 var(--sans); color: var(--ink); }
.arit.stats .cycle { position: relative; width: 1184px; height: 280px; margin: 6px auto 0; }
.arit.stats .cycle { position: relative; width: 1184px; height: 270px; margin: 4px auto 0; }
.arit.stats .cycle-svg { position: absolute; inset: 0; width: 100%; height: 100%; }
.arit.stats .vcomp { position: absolute; transform: translate(-50%, -50%); width: 250px;
text-align: center; background: var(--surface); padding: 4px 6px; }
@@ -200,7 +200,11 @@
.arit.stats .vcomp b { display: block; font: 700 14.5px/1.25 var(--sans); text-transform: uppercase;
letter-spacing: .04em; color: var(--ink); }
.arit.stats .vcomp span.d { display: block; margin-top: 4px; font: 400 11.5px/1.4 var(--sans); color: var(--ink-muted); }
.arit.stats .stat-note { margin-top: 8px; font-size: 12.5px; line-height: 1.55; max-width: 1100px; }
.arit.stats .note-row { display: flex; gap: 30px; margin-top: 6px; }
.arit.stats .nitem { flex: 1; position: relative; padding-left: 16px; font: 400 14px/1.45 var(--sans); color: var(--ink); }
.arit.stats .nitem::before { content: ''; position: absolute; left: 0; top: 7px; width: 8px; height: 8px;
border-radius: 9999px; background: var(--bordeaux); }
.arit.stats .nitem b { color: var(--bordeaux-deep); }
/* divider */
.arit.divider .sbody { justify-content: center; }