Something went wrong. Try again.
A warm, tech-dystopian color scheme inspired by corrupted hardware and failing systems. digitalrust.katsuricata.com
theme color-scheme color-theme warm color
Something went wrong. Try again.
3.2 kB · 117 lines
Svelte
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118<script lang="ts"> import { buildDate, specVersionNumber } from '#lib/spec/meta.js';</script>
<section class="terminal" aria-label="Spec validation terminal"> <!-- Static output: no role="log", because a live-region role would misreport a block that never updates. --> <div class="terminal-content"> <div class="terminal-line"> <span class="prompt">digitalrust@entropy:~$</span> <span class="command">cat DIGITAL_RUST_SPEC.md | verify --strict</span> </div> <div class="terminal-line output"> fingerprint: <span class="string">0xDR-{specVersionNumber}</span><br /> updated: <span class="number">{buildDate}</span><br /> priority-order: <span class="support">errors > warnings > semantic > textmate</span> </div>
<div class="terminal-line"> <span class="prompt">digitalrust@entropy:~$</span> <span class="command">theme audit --sections syntax ui terminal accessibility</span> </div> <div class="terminal-line output"> Syntax Coverage ........ <span class="status-pass">PASS</span><br /> UI Surfaces ............ <span class="status-pass">PASS</span><br /> ANSI Map ............... <span class="status-pass">PASS</span><br /> Non-color cues ......... <span class="status-pass">PASS</span> </div>
<div class="terminal-line"> <span class="prompt">digitalrust@entropy:~$</span> <span class="command">tail -n4 /var/log/digital-rust</span> </div> <div class="terminal-line output"> [OK] WCAG contrast ≥ <span class="number">4.5</span>:1 enforced<br /> [OK] Markdown + JSON + Diff snapshots loaded<br /> [OK] Terminal ANSI pairs bound to palette<br /> [!] Remember: <span class="literal">errors outrank keywords</span> </div>
<div class="terminal-line"> <span class="prompt">digitalrust@entropy:~$</span> <span class="cursor"></span> </div> </div></section>
<style> .terminal { background: var(--dr-surface-base); border: var(--dr-border); border-radius: var(--dr-radius-lg); padding: var(--dr-space-lg); margin-bottom: var(--dr-space-xl); box-shadow: var(--dr-shadow-offset-md), var(--dr-shadow-inner-highlight); position: relative; overflow: hidden; }
.terminal::before { content: '● ● ●'; position: absolute; top: 0; left: 0; right: 0; padding: var(--dr-space-sm) var(--dr-space-md); background: var(--dr-surface-elevated); color: var(--dr-accent); border-bottom: var(--dr-border-subtle); font-size: var(--dr-text-xs); letter-spacing: 0.5rem; }
.terminal-content { margin-top: 2rem; font-family: var(--dr-font-mono); font-size: var(--dr-text-sm); line-height: 1.6; }
.command { color: var(--dr-text-primary); }
.output { color: var(--dr-text-secondary); margin-left: 2rem; opacity: 0.95; }
.terminal-line { margin-bottom: var(--dr-space-sm); }
@media (prefers-reduced-motion: no-preference) { .terminal-line { animation: typeIn var(--dr-duration-slow) var(--dr-ease-out-expo); } }
.status-pass { color: var(--dr-term-green); font-weight: 700; }
@keyframes typeIn { from { opacity: 0; transform: translateX(-10px); }
to { opacity: 1; transform: translateX(0); } }</style>