fizzlepoof/truenas-stacks
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Hot Fuzz graphics across Doris family sites
Some checks failed
secret-guardrails / artifact-secret-scan (push) Has been cancelled
Details
secret-guardrails / gitleaks (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Fizzlepoof
2026-05-25 03:54:44 +00:00
parent a27ed384e7
commit 13919cf4f7
15 changed files with 1411 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
home/doris-dashboard/public/assets/hotfuzz-operator-desk.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 136 KiB

49
home/doris-dashboard/public/style.css
View File

@@ -41,6 +41,40 @@ main{max-width:1380px;margin:0 auto;padding:18px}
.incident-tape{height:14px;background:repeating-linear-gradient(135deg,var(--hf-amber) 0 18px,#111 18px 36px);box-shadow:0 3px 14px rgba(0,0,0,.32)}
.casefile-header{position:relative}
.hot-fuzz-art{position:relative;max-width:320px;margin:14px 0 0}
.art-stack{display:grid;gap:12px}
.photo-evidence-card{position:relative;margin:0;padding:10px;border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.02));border:1px solid rgba(242,239,221,.14);box-shadow:0 18px 36px rgba(0,0,0,.28);overflow:hidden}
.photo-evidence-card::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg, rgba(242,193,78,.08), transparent 28%, rgba(145,15,63,.16));pointer-events:none}
.photo-evidence-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;border-radius:14px;filter:saturate(.82) sepia(.18) contrast(1.02)}
.photo-evidence-card figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;margin:0;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#fff0cb;text-shadow:0 2px 10px rgba(0,0,0,.75)}
.evidence-contact-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(140px,.85fr);gap:12px;align-items:stretch}
.evidence-note-card{position:relative;padding:14px 16px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015)),rgba(15,18,25,.96);border:1px solid rgba(242,239,221,.11);box-shadow:0 16px 30px rgba(0,0,0,.24);overflow:hidden}
.evidence-note-card::before{content:'';position:absolute;inset:0 auto auto 0;width:100%;height:4px;background:linear-gradient(90deg,var(--hf-red),var(--hf-amber),var(--hf-blue));opacity:.95}
.case-contact-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:10px}
.case-contact-kicker,.case-contact-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}
.case-contact-kicker{background:rgba(242,193,78,.12);border:1px solid rgba(242,193,78,.24);color:#ffe6aa}
.case-contact-badge{background:rgba(123,143,178,.16);border:1px solid rgba(123,143,178,.24);color:#dbe5ff}
.contact-sheet-illustration{width:100%;height:auto;display:block;margin-bottom:10px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.24))}
.contact-frame{fill:rgba(11,14,20,.92);stroke:rgba(242,239,221,.12);stroke-width:2}
.contact-photo{fill:rgba(123,143,178,.22);stroke:rgba(242,239,221,.16);stroke-width:1.5}
.contact-photo.alt{fill:rgba(213,54,0,.18)}
.contact-lines,.contact-thread{fill:none;stroke:rgba(242,239,221,.86);stroke-width:4;stroke-linecap:round}
.contact-thread{stroke:rgba(213,54,0,.82);stroke-width:3}
.contact-thread.faint{stroke:rgba(123,143,178,.66)}
.contact-marker{fill:rgba(242,193,78,.18);stroke:rgba(242,193,78,.84);stroke-width:2}
.contact-label{fill:rgba(242,239,221,.9);font-size:15px;font-weight:800;letter-spacing:.16em;text-anchor:middle}
.case-contact-list{margin:0;padding-left:18px;color:#d5dded;display:grid;gap:8px;line-height:1.4}
.supporting-photo-card{min-height:100%}
.village-lane,.map-thread,.beacon-arc{fill:none;stroke-linecap:round;stroke-linejoin:round}
.village-lane{stroke:rgba(242,193,78,.88);stroke-width:7}
.map-thread{stroke:rgba(213,54,0,.86);stroke-width:3}
.beacon-arc{stroke:rgba(242,193,78,.9);stroke-width:4}
.beacon-arc.faint{stroke:rgba(123,143,178,.68)}
.evidence-card,.church-block,.radio-body{fill:rgba(242,239,221,.92)}
.evidence-lines,.window-line{fill:none;stroke:rgba(10,12,18,.82);stroke-width:4;stroke-linecap:round}
.window-line{stroke-width:3}
.marker-dot{fill:rgba(242,193,78,.94)}
.marker-dot-alt{fill:rgba(123,143,178,.9)}
.radio-antenna,.radio-knob,.church-spire{fill:rgba(242,193,78,.9)}
.poster-illustration{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 30px rgba(0,0,0,.35))}
.poster-frame{fill:rgba(10,12,18,.88);stroke:rgba(242,239,221,.2);stroke-width:2}
.poster-halo{fill:url(#dashboard-sunset);opacity:.9}
@@ -202,6 +236,11 @@ h1{
margin:0;
}
.hero-poster-stack .art-stack,
.hero-poster-stack .photo-evidence-card{
max-width:none;
}
.hero-badges{justify-content:flex-start}
.hero-dossier-stack{justify-content:stretch}
@@ -856,7 +895,7 @@ footer p{margin:.25rem 0}
@media (max-width:920px){
.hero{grid-template-columns:1fr}
.status,.metrics,.metrics.metrics-compact,.focus-grid,.summary-grid,.news-list,.grid,.forecast-grid{grid-template-columns:1fr}
.status,.metrics,.metrics.metrics-compact,.focus-grid,.summary-grid,.news-list,.grid,.forecast-grid,.evidence-contact-grid{grid-template-columns:1fr}
}
@media (max-width:720px){
@@ -1097,3 +1136,11 @@ footer p{margin:.25rem 0}
.hero-chips{justify-content:flex-start}
.snapshot-strip,.hero-slip-grid{grid-template-columns:1fr}
}
.family-portal{margin:18px 0 20px;display:grid;gap:12px}
.family-directory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.family-app-card{display:grid;gap:6px;padding:14px;border-radius:16px;border:1px solid var(--line-soft);background:linear-gradient(180deg,rgba(17,24,39,.92),rgba(8,12,22,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 28px rgba(0,0,0,.22);color:var(--text);text-decoration:none}
.family-app-card:hover,.family-app-card.current-desk{border-color:rgba(242,193,78,.42);transform:translateY(-1px)}
.family-app-kicker{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--hf-amber)}
.family-app-card strong{font-size:1rem}
.family-app-card small{color:var(--muted);line-height:1.45}