mirror of
https://github.com/svemagie/blog-eleventy-indiekit.git
synced 2026-04-02 08:44:56 +02:00
abc0404816
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
26 lines
705 B
Plaintext
26 lines
705 B
Plaintext
---
|
|
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>
|