mirror of
https://github.com/svemagie/blog-eleventy-indiekit.git
synced 2026-04-02 08:44:56 +02:00
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:
25
_includes/layouts/fullwidth.njk
Normal file
25
_includes/layouts/fullwidth.njk
Normal 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>
|
||||||
@@ -314,6 +314,7 @@ export default function (eleventyConfig) {
|
|||||||
eleventyConfig.addPassthroughCopy("images");
|
eleventyConfig.addPassthroughCopy("images");
|
||||||
eleventyConfig.addPassthroughCopy("js");
|
eleventyConfig.addPassthroughCopy("js");
|
||||||
eleventyConfig.addPassthroughCopy("favicon.ico");
|
eleventyConfig.addPassthroughCopy("favicon.ico");
|
||||||
|
eleventyConfig.addPassthroughCopy("interactive");
|
||||||
eleventyConfig.addPassthroughCopy({ ".cache/og": "og" });
|
eleventyConfig.addPassthroughCopy({ ".cache/og": "og" });
|
||||||
|
|
||||||
// Copy vendor web components from node_modules
|
// Copy vendor web components from node_modules
|
||||||
|
|||||||
1162
interactive/architecture.html
Normal file
1162
interactive/architecture.html
Normal file
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user