Added old blog posts

diff --git a/.eleventy.js b/.eleventy.js
index f7a3f45017198b8f5558d8d7ac0c2a762f5963f5..ad3e2c59d9f18691be562e7d1c7a212df06c25dd 100644 (file)
--- 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 d0124826393604f608f1580252785e20b8c2c0b4..3e9d70c315c36aa6d9f554dfa2968954dfb5a262 100644 (file)
--- a/site/_includes/layouts/base.njk
+++ b/site/_includes/layouts/base.njk
@@ -14,18 +14,12 @@
   <!-- LOAD YOUR CSS -->
   <link rel="stylesheet" href="/assets/styles.css">
 
+  <!-- Favicons -->
   <link rel="icon" href="/zndr.svg" type="image/svg+xml">
   <link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32">
   <link rel="icon" type="image/png" href="/favicon-16.png" sizes="16x16">
   <link rel="icon" href="/favicon.ico" sizes="any">
   <link rel="apple-touch-icon" href="/apple-touch-icon.png">
-
-  <!-- Favicons
-  <link rel="icon" href="/zndr.svg" type="image/svg+xml">
-  <link rel="icon" href="/favicon.png" sizes="32x32">
-  <link rel="icon" href="/favicon.ico" sizes="any">
-  <link rel="apple-touch-icon" href="/apple-touch-icon.png">
-  -->
   <link rel="manifest" href="/site.webmanifest">
   <meta name="theme-color" content="#10a37f">
 </head>
@@ -52,7 +46,7 @@
       <div class="foot-links">
         <a href="/pgp.txt">PGP</a>
         <a href="/keys.txt">SSH Keys</a>
-        <a href="/about.html">About</a>
+        <a href="/about/">About</a>
       </div>
     </footer>
   </div>

diff --git a/site/_includes/layouts/blog.njk b/site/_includes/layouts/blog.njk
new file mode 100644 (file)
index 0000000..2740a85
--- /dev/null
+++ b/site/_includes/layouts/blog.njk
@@ -0,0 +1,15 @@
+{% extends "layouts/base.njk" %}
+
+{% block content %}
+  <article class="post">
+    <h1>{{ title }}</h1>
+    {% if date %}
+      <p class="post-meta">Published {{ date | date("yyyy-MM-dd") }}</p>
+    {% endif %}
+
+    <div class="post-body">
+      {{ content | safe }}
+    </div>
+  </article>
+{% endblock %}
+

diff --git a/site/assets/img/IMG_20180806_155155.jpg b/site/assets/img/IMG_20180806_155155.jpg
new file mode 100644 (file)
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 (file)
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 (file)
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 86a5808396a1590aec5ed4e2cffab1afa5ba6897..e04869202e86ae4688d81af7b82c66727a1e21d8 100644 (file)
--- 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 (file)
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 (file)
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 (file)
index 0000000..3b73bac
--- /dev/null
+++ b/site/blog/index.njk
@@ -0,0 +1,15 @@
+---
+layout: layouts/base.njk
+title: Blog — zndr.dk
+permalink: /blog/
+---
+
+<h1>Blog</h1>
+<ul>
+  {% for post in collections.blog | reverse %}
+    <li>
+      <a href="{{ post.url }}">{{ post.data.title }}</a>
+    </li>
+  {% endfor %}
+</ul>
+

diff --git a/site/public/sitemap.xml b/site/public/sitemap.xml
index 46b3b79a603ecd0a53b93b2e73bde6db5cf29796..2dadffd79fa08669c4ea76dcc0010e548d2003ce 100644 (file)
--- a/site/public/sitemap.xml
+++ b/site/public/sitemap.xml
@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
   <url><loc>https://zndr.dk/</loc></url>
-  <url><loc>https://zndr.dk/about.html</loc></url>
+  <url><loc>https://zndr.dk/about/</loc></url>
 </urlset>