Skip to content

Commit f5e4279

Browse files
splintersfuryclaude
splintersfury
and
claude
committed
Add Stitch-designed pages and align theme to forensic intelligence aesthetic
- New pages: CVE Explorer (interactive table with search/filter/pagination), Threat Matrix (driver family vs vuln class grid), About (mission briefing) - All pages are MkDocs template overrides loading real data from dashboard-data.json - Restyle Material dark mode to Stitch palette (#10131a, #adc6ff, #0566d9) - Add Space Grotesk as headline font across all pages - Add shared super-nav bar on all MkDocs content pages for bidirectional navigation - Rounded elements, glass panels, and bento card aesthetic in dark mode - Fix broken relative links in overview.md (reference/, guides/, case-studies/) - Default to dark mode (slate scheme) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
1 parent 14d5692 commit f5e4279

10 files changed

Lines changed: 904 additions & 45 deletions

File tree

‎docs/about.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
template: about.html
3+
hide:
4+
- navigation
5+
- toc
6+
- tabs
7+
- footer
8+
---

‎docs/cve-explorer.md‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
---
2+
template: cve-explorer.html
3+
hide:
4+
- navigation
5+
- toc
6+
- tabs
7+
- footer
8+
---

‎docs/overrides/about.html‎

Lines changed: 175 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,175 @@
1+
{% extends "base.html" %}
2+
{% block htmltitle %}<title>Mission Briefing | KernelSight Forensic Intelligence</title>{% endblock %}
3+
{% block extrahead %}
4+
<meta name="description" content="The mission behind KernelSight — bridging raw assembly and actionable security intelligence">
5+
<meta property="og:title" content="About — KernelSight">
6+
<link rel="preconnect" href="https://fonts.googleapis.com">
7+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
8+
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
9+
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap" rel="stylesheet">
10+
<style>
11+
.material-symbols-outlined { font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24; }
12+
.md-header, .md-tabs, .md-sidebar, .md-footer, .md-search,
13+
.md-header__inner, .md-header-nav { display: none !important; }
14+
.md-main__inner { margin: 0 !important; padding: 0 !important; max-width: none !important; }
15+
.md-content { margin: 0 !important; padding: 0 !important; max-width: none !important; }
16+
.md-content__inner { margin: 0 !important; padding: 0 !important; max-width: none !important; }
17+
.md-typeset { font-size: inherit; }
18+
body, html { background: #10131a !important; overflow-x: hidden; }
19+
.md-main { background: #10131a !important; }
20+
.blueprint-grid {
21+
background-image:
22+
linear-gradient(to right, rgba(173,198,255,0.05) 1px, transparent 1px),
23+
linear-gradient(to bottom, rgba(173,198,255,0.05) 1px, transparent 1px);
24+
background-size: 40px 40px;
25+
}
26+
</style>
27+
{% endblock %}
28+
29+
{% block content %}
30+
<!-- TopAppBar -->
31+
<header style="background:rgba(16,19,26,0.8);backdrop-filter:blur(16px);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(69,70,76,0.15)">
32+
<div style="display:flex;justify-content:space-between;align-items:center;max-width:1440px;margin:0 auto;padding:1rem 1.5rem">
33+
<div style="display:flex;align-items:center;gap:2rem">
34+
<a href="{{ config.site_url }}" style="text-decoration:none;font-family:'Space Grotesk';font-size:1.5rem;font-weight:700;letter-spacing:-0.05em;color:#adc6ff">KernelSight</a>
35+
<nav style="display:flex;gap:1.5rem">
36+
<a href="{{ config.site_url }}" style="color:#9ca3af;text-decoration:none;font-family:'Space Grotesk';font-size:0.875rem;font-weight:500">Dashboard</a>
37+
<a href="{{ config.site_url }}threat-matrix/" style="color:#9ca3af;text-decoration:none;font-family:'Space Grotesk';font-size:0.875rem;font-weight:500">Threat Matrix</a>
38+
<a href="{{ config.site_url }}cve-explorer/" style="color:#9ca3af;text-decoration:none;font-family:'Space Grotesk';font-size:0.875rem;font-weight:500">CVE Explorer</a>
39+
<a href="{{ config.site_url }}overview/" style="color:#9ca3af;text-decoration:none;font-family:'Space Grotesk';font-size:0.875rem;font-weight:500">Knowledge Base</a>
40+
<a href="{{ config.site_url }}about/" style="color:#adc6ff;text-decoration:none;font-family:'Space Grotesk';font-size:0.875rem;font-weight:700;border-bottom:2px solid #0566d9;padding-bottom:4px">About</a>
41+
</nav>
42+
</div>
43+
</div>
44+
</header>
45+
46+
<!-- Hero Section -->
47+
<section class="blueprint-grid" style="min-height:70vh;display:flex;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(69,70,76,0.15)">
48+
<div style="position:absolute;inset:0;background:linear-gradient(to top, #10131a, transparent);z-index:1"></div>
49+
<!-- Technical background SVG -->
50+
<div style="position:absolute;right:0;top:0;width:50%;height:100%;opacity:0.15;pointer-events:none">
51+
<svg viewBox="0 0 400 400" style="width:100%;height:100%;color:#adc6ff" xmlns="http://www.w3.org/2000/svg">
52+
<circle cx="200" cy="200" r="150" fill="none" stroke="currentColor" stroke-dasharray="10 10" stroke-width="0.5"/>
53+
<circle cx="200" cy="200" r="100" fill="none" stroke="currentColor" stroke-width="0.5"/>
54+
<path d="M200 50 L200 350 M50 200 L350 200" stroke="currentColor" stroke-width="0.5"/>
55+
<rect x="150" y="150" width="100" height="100" fill="none" stroke="currentColor" stroke-width="0.5" transform="rotate(45 200 200)"/>
56+
</svg>
57+
</div>
58+
<div style="max-width:48rem;margin:0 auto;padding:5rem 2rem;position:relative;z-index:2">
59+
<div style="display:inline-flex;align-items:center;gap:0.5rem;padding:0.25rem 0.75rem;margin-bottom:1.5rem;border-radius:4px;border:1px solid rgba(173,198,255,0.3);background:rgba(173,198,255,0.1)">
60+
<div style="width:0.5rem;height:0.5rem;border-radius:50%;background:#adc6ff;animation:pulse 2s infinite"></div>
61+
<span style="font-family:'JetBrains Mono';font-size:0.7rem;font-weight:700;color:#adc6ff;text-transform:uppercase;letter-spacing:0.2em">Priority Objective: Alpha</span>
62+
</div>
63+
<h1 style="font-family:'Space Grotesk';font-size:4.5rem;font-weight:700;letter-spacing:-0.03em;color:#e0e2eb;margin:0 0 2rem 0;line-height:1.05">
64+
The Mission:<br>
65+
<span style="background:linear-gradient(135deg,#adc6ff 0%,#0566d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent">Unmasking the Kernel</span>
66+
</h1>
67+
<p style="font-family:'Inter';font-size:1.25rem;color:#c6c6cc;max-width:36rem;line-height:1.7;border-left:2px solid rgba(173,198,255,0.4);padding-left:1.5rem;margin:0">
68+
Bridging the architectural gap between raw assembly and actionable security intelligence. KernelSight provides the forensic clarity required to navigate the most complex driver vulnerabilities.
69+
</p>
70+
</div>
71+
</section>
72+
73+
<!-- Methodology -->
74+
<section style="padding:6rem 2rem;max-width:48rem;margin:0 auto">
75+
<div style="margin-bottom:4rem">
76+
<h2 style="font-family:'Space Grotesk';font-size:1.75rem;font-weight:700;color:#e0e2eb;margin:0 0 1rem 0">The Methodology</h2>
77+
<div style="height:4px;width:6rem;background:#adc6ff;border-radius:2px"></div>
78+
</div>
79+
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:2rem">
80+
<div style="padding:2rem;border-radius:0.75rem;background:#181c22;border:1px solid rgba(69,70,76,0.15);transition:border-color 0.3s">
81+
<div style="width:3rem;height:3rem;border-radius:0.75rem;background:rgba(173,198,255,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem">
82+
<span class="material-symbols-outlined" style="color:#adc6ff">database</span>
83+
</div>
84+
<h4 style="font-family:'Space Grotesk';font-size:1.25rem;font-weight:700;color:#e0e2eb;margin:0 0 0.75rem 0">1. Telemetry Ingestion</h4>
85+
<p style="font-family:'Inter';font-size:0.875rem;color:#c6c6cc;line-height:1.7;margin:0">Continuous monitoring of signed driver submissions to WHQL and public repositories.</p>
86+
</div>
87+
<div style="padding:2rem;border-radius:0.75rem;background:#181c22;border:1px solid rgba(69,70,76,0.15)">
88+
<div style="width:3rem;height:3rem;border-radius:0.75rem;background:rgba(173,198,255,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem">
89+
<span class="material-symbols-outlined" style="color:#adc6ff">memory</span>
90+
</div>
91+
<h4 style="font-family:'Space Grotesk';font-size:1.25rem;font-weight:700;color:#e0e2eb;margin:0 0 0.75rem 0">2. Pattern Recognition</h4>
92+
<p style="font-family:'Inter';font-size:0.875rem;color:#c6c6cc;line-height:1.7;margin:0">Automated IOCTL heuristic analysis to identify insecure memory access patterns and privilege escalation vectors.</p>
93+
</div>
94+
<div style="padding:2rem;border-radius:0.75rem;background:#181c22;border:1px solid rgba(69,70,76,0.15)">
95+
<div style="width:3rem;height:3rem;border-radius:0.75rem;background:rgba(173,198,255,0.1);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem">
96+
<span class="material-symbols-outlined" style="color:#adc6ff">hub</span>
97+
</div>
98+
<h4 style="font-family:'Space Grotesk';font-size:1.25rem;font-weight:700;color:#e0e2eb;margin:0 0 0.75rem 0">3. Forensic Correlation</h4>
99+
<p style="font-family:'Inter';font-size:0.875rem;color:#c6c6cc;line-height:1.7;margin:0">Mapping shared code signatures across manufacturers to identify hidden supply chain risks.</p>
100+
</div>
101+
</div>
102+
</section>
103+
104+
<!-- Core Principles -->
105+
<section class="blueprint-grid" style="padding:6rem 2rem;background:#0b0e14;position:relative;overflow:hidden">
106+
<div style="max-width:48rem;margin:0 auto;position:relative;z-index:1;text-align:center">
107+
<h2 style="font-family:'Space Grotesk';font-size:2.5rem;font-weight:700;color:#e0e2eb;margin:0 0 1rem 0">Core Principles</h2>
108+
<p style="color:#c6c6cc;margin:0 0 4rem 0">Why security researchers trust the KernelSight dataset.</p>
109+
<div style="display:grid;grid-template-columns:repeat(3,1fr);gap:3rem">
110+
<div>
111+
<h3 style="font-family:'Space Grotesk';font-size:1.5rem;font-weight:700;color:#adc6ff;margin:0 0 1rem 0">Precision</h3>
112+
<p style="font-family:'Inter';font-size:0.875rem;color:#c6c6cc;margin:0">Bit-accurate analysis of kernel-space transitions and instruction-level profiling.</p>
113+
</div>
114+
<div>
115+
<h3 style="font-family:'Space Grotesk';font-size:1.5rem;font-weight:700;color:#adc6ff;margin:0 0 1rem 0">Integrity</h3>
116+
<p style="font-family:'Inter';font-size:0.875rem;color:#c6c6cc;margin:0">Cryptographic validation of every indexed driver to ensure data provenance.</p>
117+
</div>
118+
<div>
119+
<h3 style="font-family:'Space Grotesk';font-size:1.5rem;font-weight:700;color:#adc6ff;margin:0 0 1rem 0">Depth</h3>
120+
<p style="font-family:'Inter';font-size:0.875rem;color:#c6c6cc;margin:0">Deep-dive disassembly that goes beyond metadata into the logic of driver implementation.</p>
121+
</div>
122+
</div>
123+
</div>
124+
</section>
125+
126+
<!-- Built for Engineers -->
127+
<section style="padding:6rem 2rem;max-width:48rem;margin:0 auto">
128+
<div style="background:#272a31;border-radius:1rem;border:1px solid rgba(69,70,76,0.2);padding:2.5rem;display:flex;gap:3rem;align-items:center;flex-wrap:wrap">
129+
<div style="flex:1;min-width:280px">
130+
<h3 style="font-family:'Space Grotesk';font-size:1.5rem;font-weight:700;color:#e0e2eb;margin:0 0 1rem 0">Built for Engineers</h3>
131+
<p style="font-family:'Inter';color:#c6c6cc;margin:0 0 1.5rem 0;line-height:1.7">
132+
KernelSight integrates with your existing forensic workflow. Direct access to the world's most comprehensive driver intelligence database.
133+
</p>
134+
<div style="display:flex;gap:1rem">
135+
<a href="{{ config.site_url }}overview/" style="padding:0.5rem 1.5rem;background:#adc6ff;color:#002e6a;font-weight:700;border-radius:4px;text-decoration:none;font-size:0.875rem">Knowledge Base</a>
136+
<a href="https://github.com/splintersfury/KernelSight" style="padding:0.5rem 1.5rem;border:1px solid rgba(69,70,76,0.3);color:#e0e2eb;font-weight:500;border-radius:4px;text-decoration:none;font-size:0.875rem">GitHub</a>
137+
</div>
138+
</div>
139+
<div style="flex:1;min-width:280px">
140+
<div style="background:#0b0e14;border-radius:0.75rem;border:1px solid rgba(69,70,76,0.15);overflow:hidden;font-family:'JetBrains Mono';font-size:0.75rem">
141+
<div style="background:#31353c;padding:0.5rem 1rem;display:flex;align-items:center;gap:0.5rem;border-bottom:1px solid rgba(69,70,76,0.1)">
142+
<div style="display:flex;gap:0.4rem"><div style="width:0.6rem;height:0.6rem;border-radius:50%;background:rgba(239,68,68,0.3)"></div><div style="width:0.6rem;height:0.6rem;border-radius:50%;background:rgba(245,158,11,0.3)"></div><div style="width:0.6rem;height:0.6rem;border-radius:50%;background:rgba(34,197,94,0.3)"></div></div>
143+
<span style="color:rgba(156,163,175,0.6);margin-left:0.5rem">Terminal — bash</span>
144+
</div>
145+
<div style="padding:1.5rem;line-height:2">
146+
<div><span style="color:rgba(173,198,255,0.5)">$</span> <span style="color:#b7c8e1">ks-cli scan --target=win32kbase.sys</span></div>
147+
<div style="color:rgba(156,163,175,0.4)">Analyzing heuristics...</div>
148+
<div style="color:#adc6ff">Found 2 vulnerable IOCTL handlers. Mapping to CVE-2024-XXXX...</div>
149+
</div>
150+
</div>
151+
</div>
152+
</div>
153+
</section>
154+
155+
<!-- Footer -->
156+
<footer style="border-top:1px solid rgba(69,70,76,0.15);padding:3rem 1.5rem;background:#10131a">
157+
<div style="max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center">
158+
<div>
159+
<span style="font-family:'Space Grotesk';font-weight:700;color:#adc6ff;font-size:1.25rem;display:block;margin-bottom:0.5rem">KernelSight</span>
160+
<span style="font-family:'JetBrains Mono';font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:#9ca3af">© 2024 KernelSight Forensic Intelligence</span>
161+
</div>
162+
<div style="display:flex;gap:2rem">
163+
<a href="https://github.com/splintersfury/KernelSight" style="font-family:'JetBrains Mono';font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:#9ca3af;text-decoration:none">GitHub</a>
164+
<a href="{{ config.site_url }}overview/" style="font-family:'JetBrains Mono';font-size:0.7rem;text-transform:uppercase;letter-spacing:0.1em;color:#9ca3af;text-decoration:none">Documentation</a>
165+
</div>
166+
</div>
167+
</footer>
168+
169+
<style>
170+
@keyframes pulse {
171+
0%, 100% { opacity: 1; }
172+
50% { opacity: 0.5; }
173+
}
174+
</style>
175+
{% endblock %}

0 commit comments

Comments
 (0)