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

deck slide 07: port approved prototype variant D — EN-first category pills (tier1 tinted, tier2 white, counts in badges), numbered points, right output panel 'The output: text becomes recorded data'; drop orphaned tier/chipc css; css v36

Browse Source
This commit is contained in:
Codex
2026-09-07 23:07:18 +02:00
parent bdfdfca2e5
commit 4127c1e590
2 changed files with 52 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files
presentation/deck/deck.css
+28 -7
View File
@@ -214,13 +214,34 @@
.arit .divider-h { font: 700 40px/1.15 var(--sans); margin-top: 10px; }
.arit .cue { margin-top: 22px; font: 600 12px/1 var(--sans); letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
/* ontology chips */
.arit .tier { margin-bottom: 18px; }
.arit .tier-label { display: block; font: 700 11px/1 var(--mono); letter-spacing: .12em; text-transform: uppercase;
color: var(--ink-muted); margin-bottom: 8px; }
.arit .chips { display: flex; flex-wrap: wrap; gap: 8px; }
.arit .chipc { border: 1px solid var(--bordeaux); color: var(--bordeaux-deep); background: #fff;
border-radius: 9999px; padding: 7px 14px; font: 700 13px/1 var(--sans); }
/* ontology slide: EN-first category pills + output panel */
.arit .onto-split { flex: 1; min-height: 0; 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; }
.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; }
.arit .cat { display: inline-flex; align-items: baseline; gap: 7px; border: 1px solid var(--bordeaux);
border-radius: 9999px; padding: 6px 13px; background: #fff; white-space: nowrap; }
.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 .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); }
.arit .oitem .d { font: 400 12.5px/1.45 var(--sans); color: var(--ink-muted); }
.arit .out-panel { border: 1px solid var(--bordeaux); background: var(--bordeaux-tint); border-radius: 10px;
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: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); }
.arit .out-item .d { display: block; margin-top: 2px; font: 400 12.5px/1.45 var(--sans); color: var(--ink); }
/* flow */
.arit .flow { margin-top: 16px; display: flex; align-items: stretch; gap: 14px; }