Compare commits
2 commits
c8e5dfa8f0
...
0b7680f38f
Author | SHA1 | Date | |
---|---|---|---|
0b7680f38f | |||
e173a4aa6d |
5 changed files with 62 additions and 6 deletions
|
@ -1,6 +1,33 @@
|
||||||
<header>
|
<header>
|
||||||
<a href="{{ "/" | locale_url }}" title="home">ESE Logo</a>
|
<div class="header-container">
|
||||||
<nav>
|
<a href="{{ "/" | locale_url }}" title="home">ESE Logo</a>
|
||||||
{{ collections.mainNav | pageLang | eleventyNavigation | eleventyNavigationToHtml | safe }}
|
<nav id="mainNav">
|
||||||
</nav>
|
{{ collections.mainNav | pageLang | eleventyNavigation | eleventyNavigationToHtml | safe }}
|
||||||
|
</nav>
|
||||||
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
{% 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 %}
|
||||||
|
|
|
@ -9,6 +9,7 @@ eleventyComputed:
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>{% if title %}{{ title }} | {% endif %}ESE {{ year }}</title>
|
<title>{% if title %}{{ title }} | {% endif %}ESE {{ year }}</title>
|
||||||
|
<link rel="stylesheet" href="{% getBundleFileUrl "css" %}">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
{% include 'header.njk' %}
|
{% include 'header.njk' %}
|
||||||
|
@ -20,3 +21,10 @@ eleventyComputed:
|
||||||
{% include 'footer.njk' %}
|
{% include 'footer.njk' %}
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
||||||
|
{% css %}
|
||||||
|
body {
|
||||||
|
font-family: sans-serif;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
{% endcss %}
|
||||||
|
|
|
@ -1,5 +1,6 @@
|
||||||
const { EleventyHtmlBasePlugin, EleventyI18nPlugin } = require("@11ty/eleventy");
|
const { EleventyHtmlBasePlugin, EleventyI18nPlugin } = require("@11ty/eleventy");
|
||||||
const eleventyNavigationPlugin = require("@11ty/eleventy-navigation");
|
const eleventyNavigationPlugin = require("@11ty/eleventy-navigation");
|
||||||
|
const bundlerPlugin = require("@11ty/eleventy-plugin-bundle");
|
||||||
const fs = require('fs');
|
const fs = require('fs');
|
||||||
|
|
||||||
// update this :)
|
// update this :)
|
||||||
|
@ -11,6 +12,7 @@ module.exports = function(eleventyConfig) {
|
||||||
eleventyConfig.addPlugin(EleventyI18nPlugin, {
|
eleventyConfig.addPlugin(EleventyI18nPlugin, {
|
||||||
defaultLanguage: "de",
|
defaultLanguage: "de",
|
||||||
});
|
});
|
||||||
|
eleventyConfig.addPlugin(bundlerPlugin);
|
||||||
|
|
||||||
eleventyConfig.addGlobalData("year", year);
|
eleventyConfig.addGlobalData("year", year);
|
||||||
|
|
||||||
|
|
20
package-lock.json
generated
20
package-lock.json
generated
|
@ -10,7 +10,8 @@
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@11ty/eleventy": "^2.0.1",
|
"@11ty/eleventy": "^2.0.1",
|
||||||
"@11ty/eleventy-navigation": "^0.3.5"
|
"@11ty/eleventy-navigation": "^0.3.5",
|
||||||
|
"@11ty/eleventy-plugin-bundle": "^1.0.5"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@11ty/dependency-tree": {
|
"node_modules/@11ty/dependency-tree": {
|
||||||
|
@ -121,6 +122,23 @@
|
||||||
"url": "https://opencollective.com/11ty"
|
"url": "https://opencollective.com/11ty"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/@11ty/eleventy-plugin-bundle": {
|
||||||
|
"version": "1.0.5",
|
||||||
|
"resolved": "https://registry.npmjs.org/@11ty/eleventy-plugin-bundle/-/eleventy-plugin-bundle-1.0.5.tgz",
|
||||||
|
"integrity": "sha512-Esv97j+mOo/yfxjaWl4j8CyszOBsRjU/DOUWOBqVnnDLM8VDXeus2LTJUxF70nAU0g+z+b6fRn8fKnm6b2a/UQ==",
|
||||||
|
"dev": true,
|
||||||
|
"license": "MIT",
|
||||||
|
"dependencies": {
|
||||||
|
"debug": "^4.3.4"
|
||||||
|
},
|
||||||
|
"engines": {
|
||||||
|
"node": ">=14"
|
||||||
|
},
|
||||||
|
"funding": {
|
||||||
|
"type": "opencollective",
|
||||||
|
"url": "https://opencollective.com/11ty"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/@11ty/eleventy-utils": {
|
"node_modules/@11ty/eleventy-utils": {
|
||||||
"version": "1.0.3",
|
"version": "1.0.3",
|
||||||
"resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-1.0.3.tgz",
|
"resolved": "https://registry.npmjs.org/@11ty/eleventy-utils/-/eleventy-utils-1.0.3.tgz",
|
||||||
|
|
|
@ -11,6 +11,7 @@
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@11ty/eleventy": "^2.0.1",
|
"@11ty/eleventy": "^2.0.1",
|
||||||
"@11ty/eleventy-navigation": "^0.3.5"
|
"@11ty/eleventy-navigation": "^0.3.5",
|
||||||
|
"@11ty/eleventy-plugin-bundle": "^1.0.5"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Reference in a new issue