add handling of gallery

.eleventy.js

@@ -35,7 +35,11 @@ module.exports = function(eleventyConfig) {
   eleventyConfig.addFilter("htmlDateString", dateObj => {
     return DateTime.fromJSDate(dateObj, { zone: "utc" }).toFormat("yyyy-LL-dd");
   });
-
+  eleventyConfig.addNunjucksFilter("basefilename", function(value) {
+    const arr = value.split('.');
+    arr.pop();
+    return arr.join('.');
+  });
   eleventyConfig.addFilter("postCSS", function(code) {
     return postcss([autoprefixer]).process(code).css;
   });

src/data/keebs.json

@@ -9,5 +9,16 @@
     "photos": [
       "zekth-60-1.jpg"
     ]
+  },
+  {
+    "owner": "Zekth",
+    "name": "Stealth Split",
+    "pcb": "Keeb.io Quefrency 60%",
+    "switches": "Kailh Box Black",
+    "keyset": "Gentleman Black PBT",
+    "description": "Clavier split tout pété",
+    "photos": [
+      "zekth-quefrency-1.jpg"
+    ]
   }
 ]

src/includes/layouts/page.njk

@@ -2,4 +2,6 @@
 layout: layouts/base.njk
 templateClass: tmpl-page
 ---
-{{ content | safe }}
+<section>
+  {{ content | safe }}
+</section>

src/keebs/index.njk

@@ -5,8 +5,24 @@ tags:
 navtitle: Keebs
 title: Keebs
 ---
-
-{%- for k in keebs %}
-  {{ k.pcb }}
-  <img style="max-height:200px;max-width:300px;" src="{{ '/img/keebs/' | url }}{{ k.photos[0] }}"/>
-{%- endfor %}
+<table style="color:white">
+  <tr>
+    <th>img</th>
+    <th>Content</th>
+  </tr>
+  {%- for k in keebs %}
+    <tr>
+      <td><img src="{{ '/img-keebs/' | url }}{{ k.photos[0] | basefilename }}-320.jpg"/></td>
+      <td>
+        <ul>
+          <li>owner: {{ k.owner }}</li>
+          <li>name: {{ k.name }}</li>
+          <li>pcb: {{ k.pcb }}</li>
+          <li>switches: {{ k.switches }}</li>
+          <li>keyset: {{ k.keyset }}</li>
+        </ul>
+        <p>{{ k.description }}</p>
+      </td>
+    </tr>
+  {%- endfor %}
+</table>