From 0b7680f38fe5434d143d311b51e3a2a0855d3cf7 Mon Sep 17 00:00:00 2001 From: Lyn Fugmann Date: Sun, 15 Sep 2024 14:58:59 +0200 Subject: [PATCH] basic header styles --- _includes/header.njk | 35 +++++++++++++++++++++++++++++++---- _layouts/page.njk | 8 ++++++++ 2 files changed, 39 insertions(+), 4 deletions(-) diff --git a/_includes/header.njk b/_includes/header.njk index 8e809ff..42567a6 100644 --- a/_includes/header.njk +++ b/_includes/header.njk @@ -1,6 +1,33 @@
- ESE Logo - +
+ ESE Logo + +
+ +{% css %} +header { + position: sticky; + backdrop-filter: blur(5px); + background-color: #ffffffcc; + top: 0; + padding: 2rem 0; +} +.header-container { + max-width: 75rem; + margin-left: auto; + margin-right: auto; + display: flex; + justify-content: space-between; + align-items: center; +} +#mainNav ul { + margin: 0; + padding: 0; +} +#mainNav li { + display: inline; +} +{% endcss %} diff --git a/_layouts/page.njk b/_layouts/page.njk index 3460971..4ea16b3 100644 --- a/_layouts/page.njk +++ b/_layouts/page.njk @@ -9,6 +9,7 @@ eleventyComputed: {% if title %}{{ title }} | {% endif %}ESE {{ year }} + {% include 'header.njk' %} @@ -20,3 +21,10 @@ eleventyComputed: {% include 'footer.njk' %} + +{% css %} +body { + font-family: sans-serif; + margin: 0; +} +{% endcss %}