added more samples and identified ideal candidates
This commit is contained in:
venus
+125
-2
@@ -432,6 +432,42 @@
|
||||
<button class="sample-btn" data-file="sample-dual-pane-explorer.html" onclick="loadSample('sample-dual-pane-explorer.html', this)">
|
||||
<span>[0] Explorer</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="blog-lander-stream.html" onclick="loadSample('blog-lander-stream.html', this)">
|
||||
<span>[Lander 1] Stream</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="blog-lander-terminal.html" onclick="loadSample('blog-lander-terminal.html', this)">
|
||||
<span>[Lander 2] Terminal</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="blog-lander-cards.html" onclick="loadSample('blog-lander-cards.html', this)">
|
||||
<span>[Lander 3] Cards</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="service-gateway-manifesto.html" onclick="loadSample('service-gateway-manifesto.html', this)">
|
||||
<span>[Gateway 1] Manifesto</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="service-gateway-terminal.html" onclick="loadSample('service-gateway-terminal.html', this)">
|
||||
<span>[Gateway 2] Host Console</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="service-gateway-tiling.html" onclick="loadSample('service-gateway-tiling.html', this)">
|
||||
<span>[Gateway 3] Tiling Hub</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="blog-tiling-lead.html" onclick="loadSample('blog-tiling-lead.html', this)">
|
||||
<span>[Tiling Blog 1] Lead</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="blog-tiling-split.html" onclick="loadSample('blog-tiling-split.html', this)">
|
||||
<span>[Tiling Blog 2] Workspace</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="blog-tiling-catalog.html" onclick="loadSample('blog-tiling-catalog.html', this)">
|
||||
<span>[Tiling Blog 3] Dual-Lead</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="article-tiling-firmware.html" onclick="loadSample('article-tiling-firmware.html', this)">
|
||||
<span>[Article 1] Firmware</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="article-tiling-traefik.html" onclick="loadSample('article-tiling-traefik.html', this)">
|
||||
<span>[Article 2] Traefik</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="article-tiling-heap.html" onclick="loadSample('article-tiling-heap.html', this)">
|
||||
<span>[Article 3] Heap CTF</span>
|
||||
</button>
|
||||
<button class="sample-btn" data-file="canonical-sample-content.md" onclick="loadSample('canonical-sample-content.md', this)">
|
||||
<span>[Dataset] Content Spec</span>
|
||||
</button>
|
||||
@@ -489,7 +525,7 @@
|
||||
<section class="catalog-drawer" id="catalogDrawer" aria-label="Catalog Grid View">
|
||||
<div style="display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 12px;">
|
||||
<h2 style="font-family: 'IBM Plex Mono', monospace; font-size: 1.2rem; color: var(--text-primary);">Design Spec Samples Catalog</h2>
|
||||
<span style="font-family: 'IBM Plex Mono', monospace; font-size: 0.8rem; color: var(--text-muted);">15 Artifacts Registered</span>
|
||||
<span style="font-family: 'IBM Plex Mono', monospace; font-size: 0.8rem; color: var(--text-muted);">27 Artifacts Registered</span>
|
||||
</div>
|
||||
<div class="drawer-grid" id="drawerGrid"></div>
|
||||
</section>
|
||||
@@ -572,6 +608,90 @@
|
||||
type: 'html',
|
||||
desc: 'Split-screen file-tree explorer with interactive document viewer and sys-daemon mascot reacting to folder item selection.'
|
||||
},
|
||||
{
|
||||
key: 'l1',
|
||||
file: 'blog-lander-stream.html',
|
||||
title: 'Blog Lander 1: Minimalist Stream',
|
||||
type: 'html',
|
||||
desc: 'Single-column 65ch linear reading stream with topic filter pills, canonical article abstracts, tag clusters, and PGP/RSS links.'
|
||||
},
|
||||
{
|
||||
key: 'l2',
|
||||
file: 'blog-lander-terminal.html',
|
||||
title: 'Blog Lander 2: Terminal Directory Index',
|
||||
type: 'html',
|
||||
desc: 'High-density POSIX tabular directory index mimicking ls -la with real-time grep filter and inline code inspection drawer.'
|
||||
},
|
||||
{
|
||||
key: 'l3',
|
||||
file: 'blog-lander-cards.html',
|
||||
title: 'Blog Lander 3: Curated Dispatch & Cards',
|
||||
type: 'html',
|
||||
desc: 'Structured blog lander with a pinned lead article card featuring code snippet preview, and a 2-column grid of recent technical dispatches.'
|
||||
},
|
||||
{
|
||||
key: 'g1',
|
||||
file: 'service-gateway-manifesto.html',
|
||||
title: 'Gateway Lander 1: Manifesto & System Hub',
|
||||
type: 'html',
|
||||
desc: 'Gateway portal where the homepage manifesto is the central focus, routing visitors to homelab services (with the blog highlighted) and recent dispatches.'
|
||||
},
|
||||
{
|
||||
key: 'g2',
|
||||
file: 'service-gateway-terminal.html',
|
||||
title: 'Gateway Lander 2: Host Console & MOTD Router',
|
||||
type: 'html',
|
||||
desc: 'Terminal-style MOTD gateway centering on system landing prose, an interactive service routing table featuring the blog, and live dispatches log.'
|
||||
},
|
||||
{
|
||||
key: 'g3',
|
||||
file: 'service-gateway-tiling.html',
|
||||
title: 'Gateway Lander 3: Tiling Workspace Hub',
|
||||
type: 'html',
|
||||
desc: 'Tiling window manager aesthetic with a prominent hero landing tile, a dedicated core blog feature tile, homelab services grid, and node telemetry.'
|
||||
},
|
||||
{
|
||||
key: 'tb1',
|
||||
file: 'blog-tiling-lead.html',
|
||||
title: 'Tiling Blog 1: Hero Dispatch & Dual Stream',
|
||||
type: 'html',
|
||||
desc: 'Gateway 3 tiling aesthetic applied to the blog, featuring a pinned lead write-up with code preview, research tracks, and full-width chronological feed.'
|
||||
},
|
||||
{
|
||||
key: 'tb2',
|
||||
file: 'blog-tiling-split.html',
|
||||
title: 'Tiling Blog 2: Asymmetric 3-Tile Workspace',
|
||||
type: 'html',
|
||||
desc: 'Asymmetric 3-tile blog workspace with interactive live grep filter, embedded code blocks, curated tracks, and security wire.'
|
||||
},
|
||||
{
|
||||
key: 'tb3',
|
||||
file: 'blog-tiling-catalog.html',
|
||||
title: 'Tiling Blog 3: Dual-Lead Grid & Inspection Feed',
|
||||
type: 'html',
|
||||
desc: 'Dual-lead side-by-side featured article tiles with code snippets, plus an archive feed table with an interactive inline note inspector.'
|
||||
},
|
||||
{
|
||||
key: 'a1',
|
||||
file: 'article-tiling-firmware.html',
|
||||
title: 'Article 1: IoT Firmware Reverse Engineering',
|
||||
type: 'html',
|
||||
desc: 'Article reading template featuring left sidebar TOC, collapsible related dispatches drawer, SOP8 pinout matrix, flashrom code blocks with copy utility, alerts, and task lists.'
|
||||
},
|
||||
{
|
||||
key: 'a2',
|
||||
file: 'article-tiling-traefik.html',
|
||||
title: 'Article 2: High-Availability Traefik Router',
|
||||
type: 'html',
|
||||
desc: 'Article reading template featuring right sidebar TOC, collapsible homelab series drawer, ASCII network routing diagram, YAML compose code blocks, and configuration matrix.'
|
||||
},
|
||||
{
|
||||
key: 'a3',
|
||||
file: 'article-tiling-heap.html',
|
||||
title: 'Article 3: CTF Heap Exploitation in glibc 2.35',
|
||||
type: 'html',
|
||||
desc: 'Article reading template featuring left sidebar TOC, collapsible security drawer, safe-linking formula box, GDB stdout terminal blocks, C structs, and mitigation history table.'
|
||||
},
|
||||
{
|
||||
key: 'd',
|
||||
file: 'canonical-sample-content.md',
|
||||
@@ -757,7 +877,10 @@
|
||||
'7': 'public-services.html',
|
||||
'8': 'sample-dashboard.html',
|
||||
'9': 'sample-command-center.html',
|
||||
'0': 'sample-dual-pane-explorer.html'
|
||||
'0': 'sample-dual-pane-explorer.html',
|
||||
'b': 'blog-lander-stream.html',
|
||||
't': 'blog-lander-terminal.html',
|
||||
'c': 'blog-lander-cards.html'
|
||||
};
|
||||
|
||||
if (keyMap[e.key]) {
|
||||
|
||||
Reference in New Issue
Block a user