re-voice/site/red-team-shadow-dossiers/index.html

54 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>InfraFabric Red Team — Shadow Dossiers</title>
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<meta name="description" content="InfraFabric Red Team Shadow Dossiers: satirical critical commentary with verifiable artifacts (hashes, traces, evidence index).">
<meta property="og:title" content="InfraFabric Red Team — Shadow Dossiers">
<meta property="og:description" content="Satirical commentary on governance & compliance theater, published with verifiable artifacts.">
<meta property="og:image" content="/og-dossier.jpg">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@ShadowDossierRT">
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<style>
:root{
--paper:#f7f5f0;
--ink:#0f172a;
--muted:#334155;
--border:rgba(15,23,42,.12);
--accent:#b91c1c; /* subdued red */
}
body{
font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
background: var(--paper);
color: var(--ink);
}
.mono{ font-family: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
.red-ink{ color: var(--accent); }
.bg-red-ink{ background-color: var(--accent); }
.border-red-ink{ border-color: var(--accent); }
/* subtle, serious defaults */
a{ text-underline-offset: 3px; }
.hairline{ border-color: var(--border); }
.bg-paper{ background: var(--paper); }
/* keep scrollbars unobtrusive */
::-webkit-scrollbar{ width: 10px; height: 10px; }
::-webkit-scrollbar-track{ background: transparent; }
::-webkit-scrollbar-thumb{ background: rgba(15,23,42,.18); border-radius: 999px; border: 3px solid transparent; background-clip: padding-box; }
</style>
</head>
<body>
<div id="root"></div>
<script type="module" src="/index.tsx"></script>
</body>
</html>