From: Jannik ZANDER Date: Tue, 9 Sep 2025 13:50:00 +0000 (+0200) Subject: Added old blog posts X-Git-Url: https://git.zndr.dk/?a=commitdiff_plain;h=9cd9b804188f1403d34c7d9597526159750a3e1f;p=zndr-11ty.git Added old blog posts --- diff --git a/.eleventy.js b/.eleventy.js index f7a3f45..ad3e2c5 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -13,5 +13,39 @@ module.exports = function(eleventyConfig) { }, htmlTemplateEngine: "njk", markdownTemplateEngine: "njk" + }, + + // ---- Collections ---- + eleventyConfig.addCollection("blog", (api) => + api.getFilteredByGlob("site/blog/*.md") + ); + + // ---- Date filter (works in Nunjucks & Liquid) ---- + function dateFmt(value, fmt = "yyyy-MM-dd") { + if (!value) return ""; + const d = value instanceof Date ? value : new Date(value); + const pad = (n) => String(n).padStart(2, "0"); + const yyyy = d.getFullYear(); + const MM = pad(d.getMonth() + 1); + const dd = pad(d.getDate()); + const HH = pad(d.getHours()); + const mm = pad(d.getMinutes()); + const map = { yyyy, MM, dd, HH, mm }; + return fmt.replace(/yyyy|MM|dd|HH|mm/g, (t) => map[t]); } -} + + // Register for all template engines to be safe + eleventyConfig.addFilter("date", dateFmt); // universal + eleventyConfig.addNunjucksFilter("date", dateFmt); // Nunjucks + eleventyConfig.addLiquidFilter("date", dateFmt); // Liquid + + // Copy the whole assets tree (css/js/img/fonts…) to /assets + eleventyConfig.addPassthroughCopy({ "site/assets": "assets" }); + + // Engines + dirs + return { + dir: { input: "site", output: "dist", includes: "_includes" }, + markdownTemplateEngine: "njk", + htmlTemplateEngine: "njk" + }; +}; diff --git a/site/_includes/layouts/base.njk b/site/_includes/layouts/base.njk index d012482..3e9d70c 100644 --- a/site/_includes/layouts/base.njk +++ b/site/_includes/layouts/base.njk @@ -14,18 +14,12 @@ + - - @@ -52,7 +46,7 @@
PGP SSH Keys - About + About
diff --git a/site/_includes/layouts/blog.njk b/site/_includes/layouts/blog.njk new file mode 100644 index 0000000..2740a85 --- /dev/null +++ b/site/_includes/layouts/blog.njk @@ -0,0 +1,15 @@ +{% extends "layouts/base.njk" %} + +{% block content %} +
+

{{ title }}

+ {% if date %} +

Published {{ date | date("yyyy-MM-dd") }}

+ {% endif %} + +
+ {{ content | safe }} +
+
+{% endblock %} + diff --git a/site/assets/img/IMG_20180806_155155.jpg b/site/assets/img/IMG_20180806_155155.jpg new file mode 100644 index 0000000..855d156 Binary files /dev/null and b/site/assets/img/IMG_20180806_155155.jpg differ diff --git a/site/assets/img/floating_dock.jpg b/site/assets/img/floating_dock.jpg new file mode 100644 index 0000000..44e863a Binary files /dev/null and b/site/assets/img/floating_dock.jpg differ diff --git a/site/assets/img/thumb_IMG_3833_1024.jpg b/site/assets/img/thumb_IMG_3833_1024.jpg new file mode 100644 index 0000000..a3dde18 Binary files /dev/null and b/site/assets/img/thumb_IMG_3833_1024.jpg differ diff --git a/site/assets/styles.css b/site/assets/styles.css index 86a5808..e048692 100644 --- a/site/assets/styles.css +++ b/site/assets/styles.css @@ -275,4 +275,13 @@ a:hover{ color: var(--accent-strong); } .card:hover { transform: none; box-shadow: none; } } +/* Blog content images */ +.post-body img { + max-width: 100%; /* never overflow the text column */ + height: auto; /* keep aspect ratio */ + display: block; /* remove inline gap */ + margin: 12px auto; /* space + center */ + border-radius: 8px; /* optional: soften corners */ + box-shadow: 0 2px 8px rgba(0,0,0,.15); /* optional: subtle depth */ +} diff --git a/site/blog/2019-01-02-garden.md b/site/blog/2019-01-02-garden.md new file mode 100644 index 0000000..8c79647 --- /dev/null +++ b/site/blog/2019-01-02-garden.md @@ -0,0 +1,18 @@ +--- +layout: layouts/blog.njk +tag: house +author: JZ +title: Small forrest in front of house +location: Tange +date: "2019-01-02" +--- + + +I have been spending weeks cutting down the small forrest in front of our house. So now we have something that resembles a garden. + +![Garden after](/assets/img/IMG_20180806_155155.jpg) + + +Before it looked like this + +![Garden before](/assets/img/thumb_IMG_3833_1024.jpg) diff --git a/site/blog/2019-08-08-floating_dock.md b/site/blog/2019-08-08-floating_dock.md new file mode 100644 index 0000000..9440252 --- /dev/null +++ b/site/blog/2019-08-08-floating_dock.md @@ -0,0 +1,16 @@ +--- +layout: layouts/blog.njk +tags: + - kayak + - house +title: Floating dock +author: JZ +location: Tange +date: "2019-08-08" +--- + + +Here is a nice floating dock I built for children to play, and for me and my kayak. + +![Floating Dock](/assets/img/floating_dock.jpg) + diff --git a/site/blog/index.njk b/site/blog/index.njk new file mode 100644 index 0000000..3b73bac --- /dev/null +++ b/site/blog/index.njk @@ -0,0 +1,15 @@ +--- +layout: layouts/base.njk +title: Blog — zndr.dk +permalink: /blog/ +--- + +

Blog

+ + diff --git a/site/public/sitemap.xml b/site/public/sitemap.xml index 46b3b79..2dadffd 100644 --- a/site/public/sitemap.xml +++ b/site/public/sitemap.xml @@ -1,6 +1,6 @@ https://zndr.dk/ - https://zndr.dk/about.html + https://zndr.dk/about/