feat: implement dynamic Eleventy tiling blog, modular CSS, and agent customizations
- Add project foundation README.md and root AGENTS.md for pair programming - Configure .agents/ rules and skills for Eleventy tiling and Obsidian publishing - Decompose monolithic styles into modular tokens, reset, layout, and component CSS - Implement Nunjucks layout inheritance (base.njk, post.njk, page.njk) and reusable partials - Configure Eleventy 3 with markdown-it-anchor, syntax highlighting, and dynamic collections - Migrate sample prototypes into dynamic dispatches lander, gateway, and Markdown posts - Add multi-stage Dockerfile and clean-URL nginx.conf for production serving
This commit is contained in:
venus
@@ -0,0 +1,62 @@
|
||||
{% set featured = null %}
|
||||
{% for p in collections.posts %}
|
||||
{% if p.data.featured and not featured %}
|
||||
{% set featured = p %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
{% if not featured and collections.posts.length > 0 %}
|
||||
{% set featured = collections.posts[0] %}
|
||||
{% endif %}
|
||||
|
||||
{% if featured %}
|
||||
<section class="tile" aria-label="Featured Technical Dispatch">
|
||||
<header class="tile-header">
|
||||
<div class="tile-title">
|
||||
<span class="status-indicator"></span>
|
||||
FEATURED DISPATCH
|
||||
</div>
|
||||
<span class="tile-meta">{{ (featured.data.tags | filterTagList)[0] | default('SYSTEMS') | upper }} • {{ featured.templateContent | readingTime(featured.data.readingTime) }}</span>
|
||||
</header>
|
||||
|
||||
<div class="featured-card-body">
|
||||
<div class="featured-badge-row">
|
||||
<span class="badge-pinned">[FEATURED DEEP DIVE]</span>
|
||||
<time datetime="{{ featured.date | isoDate }}">{{ featured.date | postDate }}</time>
|
||||
</div>
|
||||
|
||||
<h2 style="margin: 0; font-size: inherit;">
|
||||
<a href="{{ featured.url }}" class="featured-article-title">{{ featured.data.title }}</a>
|
||||
</h2>
|
||||
|
||||
<p class="featured-prose">
|
||||
{{ featured.data.excerpt }}
|
||||
</p>
|
||||
|
||||
<!-- Terminal Code Preview Snippet -->
|
||||
<div class="terminal-code-box">
|
||||
<div class="code-titlebar">
|
||||
<span class="code-title">
|
||||
<span style="color: var(--accent-cyan);">></span>
|
||||
<span>flashrom_read.sh</span>
|
||||
</span>
|
||||
<span>POSIX sh</span>
|
||||
</div>
|
||||
<div class="code-content">
|
||||
<pre><code class="language-bash"># Probe SPI flash chip and dump 16MB image
|
||||
flashrom -p ch341a_spi -r firmware_dump.bin -V
|
||||
# Verify checksums across consecutive reads
|
||||
sha256sum dump1.bin dump2.bin</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="featured-cta-row">
|
||||
<div class="tag-cluster">
|
||||
{% for tag in featured.data.tags | filterTagList %}
|
||||
<span class="tag-chip">#{{ tag }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<a href="{{ featured.url }}" class="cta-button">READ FULL WRITEUP →</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
{% endif %}
|
||||
@@ -0,0 +1,13 @@
|
||||
<footer class="footer-tile" aria-label="Global Footer">
|
||||
<div class="footer-left">
|
||||
<span class="status-indicator"></span>
|
||||
<span>RUNTIME: ELEVENTY 3.x STATIC</span>
|
||||
<span>•</span>
|
||||
<span>THEME: NATIVE TERMINAL DARK</span>
|
||||
</div>
|
||||
|
||||
<div class="footer-right">
|
||||
<span>© {{ currentYear or "2026" }} {{ site.author }}</span>
|
||||
<a href="https://git.rooks.dev" target="_blank" rel="noopener noreferrer" class="footer-link">Source Forge ↗</a>
|
||||
</div>
|
||||
</footer>
|
||||
@@ -0,0 +1,16 @@
|
||||
<header class="global-bar">
|
||||
<a href="/" class="brand-group" aria-label="{{ site.name }} Home">
|
||||
<span class="status-indicator"></span>
|
||||
<span>{{ site.name }}</span>
|
||||
</a>
|
||||
|
||||
<nav class="bar-nav" aria-label="Quick Navigation">
|
||||
{% for item in site.nav %}
|
||||
<a href="{{ item.url }}"
|
||||
class="bar-link {% if item.external %}external{% endif %} {% if page.url == item.url or (item.url != '/' and page.url.startsWith(item.url)) %}active{% endif %}"
|
||||
{% if item.external %}target="_blank" rel="noopener noreferrer"{% endif %}>
|
||||
{% if page.url == item.url %}> {% endif %}{{ item.label }}
|
||||
</a>
|
||||
{% endfor %}
|
||||
</nav>
|
||||
</header>
|
||||
@@ -0,0 +1,24 @@
|
||||
<section class="hero-tile" aria-label="Blog Mission & Overview">
|
||||
<div class="hero-pretitle">TECHNICAL PUBLICATION REPOSITORY • ~/NOTES/INDEX.MD</div>
|
||||
<h1 class="hero-main-title">{{ heroTitle or site.description }}</h1>
|
||||
<p class="hero-landing-text">
|
||||
{{ heroText or "A fast, zero-bloat digital workshop detailing hardware reverse engineering, low-level POSIX environments, self-hosted infrastructure, and kernel security research. Designed for dense information retrieval." }}
|
||||
</p>
|
||||
|
||||
<div class="filter-pills-row" aria-label="Topic Filters">
|
||||
<a href="/" class="filter-tag-btn {% if not currentTag %}active{% endif %}">
|
||||
[All Dispatches ({{ collections.posts.length }})]
|
||||
</a>
|
||||
{% for tag in collections.tagList %}
|
||||
{% set tagCount = 0 %}
|
||||
{% for post in collections.posts %}
|
||||
{% if tag in (post.data.tags or []) %}
|
||||
{% set tagCount = tagCount + 1 %}
|
||||
{% endif %}
|
||||
{% endfor %}
|
||||
<span class="filter-tag-btn {% if currentTag == tag %}active{% endif %}">
|
||||
[#{{ tag }}{% if tagCount > 0 %} ({{ tagCount }}){% endif %}]
|
||||
</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
@@ -0,0 +1,27 @@
|
||||
<article class="feed-card" aria-labelledby="post-title-{{ post.fileSlug }}">
|
||||
<div class="feed-meta-row">
|
||||
<time class="feed-date" datetime="{{ post.date | isoDate }}">
|
||||
{{ post.date | postDate }}
|
||||
</time>
|
||||
<span>{{ post.templateContent | readingTime(post.data.readingTime) }}</span>
|
||||
</div>
|
||||
|
||||
<h3 id="post-title-{{ post.fileSlug }}">
|
||||
<a href="{{ post.url }}" class="feed-heading">{{ post.data.title }}</a>
|
||||
</h3>
|
||||
|
||||
{% if post.data.excerpt %}
|
||||
<p class="feed-excerpt">{{ post.data.excerpt }}</p>
|
||||
{% endif %}
|
||||
|
||||
<div class="feed-tags-row">
|
||||
<div class="tag-cluster">
|
||||
{% for tag in post.data.tags | filterTagList %}
|
||||
<span class="tag-chip">#{{ tag }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% if post.data.difficulty %}
|
||||
<span>DIFFICULTY: {{ post.data.difficulty }}</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</article>
|
||||
@@ -0,0 +1,54 @@
|
||||
<aside aria-label="Archive Statistics & Topics" style="display: flex; flex-direction: column; gap: var(--tile-gap);">
|
||||
<!-- Archive Statistics Tile -->
|
||||
<section class="tile" aria-label="Archive Telemetry">
|
||||
<header class="tile-header">
|
||||
<div class="tile-title">
|
||||
<span class="status-indicator"></span>
|
||||
ARCHIVE TELEMETRY
|
||||
</div>
|
||||
<span class="tile-meta">STATIC HTML</span>
|
||||
</header>
|
||||
|
||||
<div class="sidebar-stats-box">
|
||||
<div class="stat-row">
|
||||
<span>TOTAL DISPATCHES:</span>
|
||||
<span class="stat-val">{{ collections.posts.length }} PUBLISHED</span>
|
||||
</div>
|
||||
<div class="stat-row">
|
||||
<span>TOPIC DOMAINS:</span>
|
||||
<span class="stat-val">{{ collections.tagList.length }} CATEGORIES</span>
|
||||
</div>
|
||||
<div class="stat-row">
|
||||
<span>CORE SPECIFICATION:</span>
|
||||
<span class="stat-val">{{ site.systemSpec }}</span>
|
||||
</div>
|
||||
<div class="stat-row">
|
||||
<span>OPERATIONAL STATUS:</span>
|
||||
<span class="stat-val" style="color: var(--accent-green);">{{ site.status }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Curated Topic Tracks Tile -->
|
||||
<section class="tile" aria-label="Curated Topic Tracks">
|
||||
<header class="tile-header">
|
||||
<div class="tile-title">
|
||||
<span class="status-indicator"></span>
|
||||
TOPIC TRACKS
|
||||
</div>
|
||||
<span class="tile-meta">CURATED PATHS</span>
|
||||
</header>
|
||||
|
||||
<div class="tile-content">
|
||||
{% for topic in site.topics %}
|
||||
<div class="topic-track-item">
|
||||
<div style="display: flex; justify-content: space-between; align-items: baseline;">
|
||||
<span class="topic-track-title">{{ topic.title }}</span>
|
||||
<span style="font-family: var(--font-mono); font-size: 0.68rem; color: var(--accent-cyan);">{{ topic.badge }}</span>
|
||||
</div>
|
||||
<p class="topic-track-desc">{{ topic.desc }}</p>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</section>
|
||||
</aside>
|
||||
Reference in New Issue
Block a user