glitch-university/gupi-osint-board
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adding fixes to board, simplifications

Browse Source
This commit is contained in:
gitprov
2026-08-23 21:35:34 +02:00
parent 9e426e91ab
commit 3a6ad356f6
6 changed files with 26 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+7 -9
View File
@@ -51,8 +51,6 @@ button:focus-visible { outline: 2px solid #e99a44; outline-offset: 2px; }
.case-heading { position: absolute; top: 20px; left: 27px; z-index: 2; display: flex; color: #dde2de; pointer-events: none; }
.case-heading h1 { font: 500 24px Special Elite, serif; margin: 6px 0 5px; letter-spacing: .02em; }
.case-heading p { margin: 0; color: #a06d3e; font: 9px IBM Plex Mono; letter-spacing: .13em; }
.active-goal { pointer-events: auto; width: min(430px, 48vw); margin-top: 13px; padding: 8px 11px; display: grid; gap: 3px; text-align: left; border: 1px solid #536860; border-left: 3px solid #cf8644; background: #0b211ccc; color: #d5dcd8; box-shadow: 3px 4px #02090766; cursor: pointer; }
.active-goal span { color: #d18b49; font: 600 7px IBM Plex Mono; letter-spacing: .13em; }.active-goal b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 500 9px IBM Plex Mono; }.active-goal.complete { border-left-color: #71b889; }.active-goal.complete span { color: #7fc594; }
.case-number { border-left: 1px solid #415750; margin-left: 26px; padding-left: 17px; font: 8px IBM Plex Mono; color: #6d867f; line-height: 1.5; }
.case-number b { color: #bdc9c3; font-size: 13px; }
.board-viewport { position: absolute; inset: 0; overflow: hidden; touch-action: none; overscroll-behavior: contain; cursor: default; background-image: radial-gradient(#49615a55 1px, transparent 1px), linear-gradient(90deg, #18302a33 1px, transparent 1px), linear-gradient(#18302a33 1px, transparent 1px); background-size: 20px 20px, 100px 100px, 100px 100px; }
@@ -144,8 +142,8 @@ button:focus-visible { outline: 2px solid #e99a44; outline-offset: 2px; }
.evidence-card.claim { min-height: 180px; padding: 15px 18px; background: linear-gradient(105deg,#e2dfcf,#d3d1c2); border: 2px solid #b99a68; box-shadow: 8px 10px 0 #020b0980,0 0 0 2px #526059; }
.evidence-card.claim::before { content:''; position:absolute; z-index:2; top:-7px; left:50%; width:13px; height:13px; translate:-50% 0; border-radius:50%; background:#9e392f; border:2px solid #5d1e1b; box-shadow:0 2px 2px #0006; }
.evidence-card.claim::after { background:#827d6e; }
.claim-content { padding-top:12px; }.claim-heading { display:flex; align-items:center; gap:7px; color:#89502b; font:600 7px IBM Plex Mono; letter-spacing:.13em; }
.claim-content blockquote { margin:14px 0 16px; padding:0; color:#202a26; font:22px/1.25 Special Elite; }.claim-content > small { color:#66716b; font:7px IBM Plex Mono; letter-spacing:.08em; }
.claim-content { min-height:116px;padding:18px 5px 4px;display:grid;align-items:center; }
.claim-content blockquote { margin:0;padding:0;color:#202a26;font:22px/1.25 Special Elite; }
.folder-actions { position: absolute; right: 13px; bottom: 10px; }
.folder-actions button { float: none; min-height: 29px; padding: 6px 9px; gap: 6px; border: 1px solid #81633d; background: #d9bb82; color: #563617; font-size: 9px; box-shadow: 2px 2px #75552f66; }
.folder-actions button:hover { background: #e5ca96; color: #321f0f; }
@@ -255,8 +253,6 @@ button:focus-visible { outline: 2px solid #e99a44; outline-offset: 2px; }
.board-actions button:disabled { opacity: .35; cursor: default; }
.board-actions span { width: 1px; height: 24px; background: #385149; margin: 0 5px; }
.board-actions b { width: 44px; text-align: center; color: #91a69f; font: 9px IBM Plex Mono; }
.open-files { position: absolute; top: 25px; left: 25px; z-index: 4; border: 1px solid #4c675f; background: #122e28; padding: 11px 13px; display: flex; gap: 8px; font: 9px IBM Plex Mono; cursor: pointer; }
.open-files b { color: #e19a4d; }
.story-strip { position: absolute; z-index: 4; right: 18px; top: 18px; width: 255px; max-height: 235px; overflow: auto; padding: 10px; background: #0d2721e8; border: 1px solid #466159; box-shadow: 5px 7px 18px #0008; }
.story-strip > small { display: block; padding: 2px 4px 8px; color: #b47a41; font: 600 8px IBM Plex Mono; letter-spacing: .12em; }
.story-strip button { width: 100%; display: grid; grid-template-columns: 64px 1fr; gap: 2px 7px; padding: 7px 5px; text-align: left; border: 0; border-top: 1px solid #304a43; background: transparent; cursor: pointer; }
@@ -288,8 +284,8 @@ button:focus-visible { outline: 2px solid #e99a44; outline-offset: 2px; }
.document-locator-beam .document-locator-pulse { fill: none; opacity: .65; animation: document-locator-pulse 1.1s ease-out infinite; }
@keyframes document-locator-flow { to { stroke-dashoffset: -18; } }
@keyframes document-locator-pulse { from { r: 7; opacity: .8; } to { r: 24; opacity: 0; } }
.timeline-label { border-right: 1px solid #314a43; height: 67px; display: flex; flex-direction: column; justify-content: center; }
.timeline-label b { font: 600 15px IBM Plex Mono; margin: 4px 0; }.timeline-label button { width: max-content; max-width: 170px; padding: 1px 0; overflow: hidden; color: #d29a61; background: transparent; border: 0; text-overflow: ellipsis; white-space: nowrap; text-align: left; cursor: pointer; font: 500 11px IBM Plex Mono; }
.timeline-label { position:relative;border-right:1px solid #314a43;height:67px;padding-right:42px;display:flex;flex-direction:column;justify-content:center; }
.timeline-label b { font:600 15px IBM Plex Mono;margin:4px 0; }.timeline-range { max-width:130px;overflow:hidden;color:#d29a61;text-overflow:ellipsis;white-space:nowrap;font:500 11px IBM Plex Mono; }.timeline-settings { position:absolute;right:10px;top:50%;width:30px;height:30px;padding:0;translate:0 -50%;display:grid;place-items:center;border:1px solid #49645c;background:#17352e;color:#d6a166;cursor:pointer;box-shadow:2px 3px 0 #020b0980; }.timeline-settings:hover,.timeline-settings:focus-visible { border-color:#c68a50;background:#24463d;color:#f0b978; }
.timeline-track { height: 75px; margin: 0 43px; position: relative; }
.axis { position: absolute; left: 0; right: 0; top: 45px; height: 1px; background: #61736d; }
.year { position: absolute; top: 53px; transform: translateX(-50%); color: #b7c7c1; font: 600 12px IBM Plex Mono; letter-spacing: .02em; text-shadow: 0 1px 1px #020907; }
@@ -409,11 +405,13 @@ button:focus-visible { outline: 2px solid #e99a44; outline-offset: 2px; }
.documents-panel { width: 275px; }
.documents-panel.closed { margin-left: -275px; }
.timeline { grid-template-columns: 115px 1fr; padding: 0 12px; }
.timeline-label { padding-right:34px; }
.timeline-range { max-width:76px;font-size:8px; }
.timeline-settings { right:6px;width:27px;height:27px; }
.timeline-key { display: none; }
.timeline-track { margin: 0 23px; }
.document-window { width: 80vw; }
.case-heading { left: 18px; }
.active-goal { width: min(360px, calc(100vw - 92px)); }
.case-number { display: none; }
.brief-panel { position: fixed; inset: 0; width: 100vw; height: 100dvh; max-height: none; border-width: 0; box-shadow: none; }
.brief-panel > header { position: sticky; z-index: 2; top: 0; min-height: 48px; padding-left: max(13px, env(safe-area-inset-left)); padding-right: max(7px, env(safe-area-inset-right)); }