feat: add fullwidth layout and interactive architecture page

Add a reusable fullwidth layout (layouts/fullwidth.njk) for rich HTML
content that needs the full container width without sidebar or prose
constraints. Add the interactive architecture explorer as a static
asset served via passthrough copy at /interactive/architecture.html.

- layouts/fullwidth.njk: site header + footer only, no sidebar
- interactive/architecture.html: tabbed architecture guide
- eleventy.config.js: passthrough copy for interactive/ directory
This commit is contained in:
Ricardo
2026-02-25 16:48:06 +01:00
parent cd7083eb9a
commit abc0404816
3 changed files with 1188 additions and 0 deletions

View File

@@ -0,0 +1,25 @@
---
layout: layouts/base.njk
---
{# Full-width layout for rich HTML pages (interactive guides, architecture diagrams, etc.)
Inherits site header + footer from base.njk but renders content at full container width
with no sidebar, no post metadata, and no prose constraints. #}
<article>
{% if title %}
<header class="mb-6 sm:mb-8">
<h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">
{{ title }}
</h1>
{% if description %}
<p class="text-lg text-surface-600 dark:text-surface-400">
{{ description }}
</p>
{% endif %}
</header>
{% endif %}
<div class="fullwidth-content">
{{ content | safe }}
</div>
</article>

View File

@@ -314,6 +314,7 @@ export default function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("images");
eleventyConfig.addPassthroughCopy("js");
eleventyConfig.addPassthroughCopy("favicon.ico");
eleventyConfig.addPassthroughCopy("interactive");
eleventyConfig.addPassthroughCopy({ ".cache/og": "og" });
// Copy vendor web components from node_modules

File diff suppressed because it is too large Load Diff