From 0e56ed0cbb2901f47c2dcd652c1feca7f49d3d15 Mon Sep 17 00:00:00 2001 From: Brian Talbot Date: Wed, 3 Sep 2025 12:37:28 -0400 Subject: [PATCH] Prep for Pro + Product Marketing (#1390) * adding conditional header + footer includes to `base.njk` - support for custom headers via `header` front matter variable - support for custom footers via `footer` front matter variable - backward compatibility with default header * revising `base.njk`'s body classes * adding fileSlug-based class to body * adding pageType-based class (default `docs`) to body * adding conditional CSS asset logic to `base.njk` * to load marketing-based CSS based on pageType * to load docs-based CSS by default * disabling wa-page's sticky header for marketing pageType --- packages/webawesome/docs/.eleventy.js | 1 + packages/webawesome/docs/_includes/base.njk | 97 ++++++++++++--------- 2 files changed, 57 insertions(+), 41 deletions(-) diff --git a/packages/webawesome/docs/.eleventy.js b/packages/webawesome/docs/.eleventy.js index 3a1612d06..b8a5c1232 100644 --- a/packages/webawesome/docs/.eleventy.js +++ b/packages/webawesome/docs/.eleventy.js @@ -76,6 +76,7 @@ export default async function (eleventyConfig) { // eleventyConfig.addGlobalData('package', packageData); eleventyConfig.addGlobalData('layout', 'page.njk'); + eleventyConfig.addGlobalData('pageType', 'docs'); // Default page type eleventyConfig.addGlobalData('server', { head: '', loginOrAvatar: '', diff --git a/packages/webawesome/docs/_includes/base.njk b/packages/webawesome/docs/_includes/base.njk index 56efbf8ff..667e1c479 100644 --- a/packages/webawesome/docs/_includes/base.njk +++ b/packages/webawesome/docs/_includes/base.njk @@ -15,8 +15,14 @@ {% if hasSidebar %}{% endif %} - {# Docs styles #} - + {% if pageType == 'marketing' %} + {# Marketing styles #} + + {% else %} + {# Docs styles (default) #} + + {% endif %} + {% block head %}{% endblock %} @@ -42,51 +48,55 @@ } - + - - + {% endif %} {# Sidebar #} {% if hasSidebar %} @@ -138,6 +148,11 @@ {% include 'search.njk' %} + + {# Footer #} + {% if pageFooter %} + {% include pageFooter %} + {% endif %}