Fix meta

.eleventy.js

@@ -1,9 +1,12 @@
 import { RenderPlugin, IdAttributePlugin } from "@11ty/eleventy";
 import eleventyNavigationPlugin from "@11ty/eleventy-navigation";
 import { feedPlugin } from "@11ty/eleventy-plugin-rss";
+
 import markdownIt from "markdown-it";
 import markdownItFootnote from "markdown-it-footnote";
+
 import { DateTime } from "luxon";
+import { chunk } from "lodash-es";
 
 export default function (eleventyConfig) {
   const MARKDOWN_OPTIONS = {
@@ -83,7 +86,7 @@ export default function (eleventyConfig) {
   eleventyConfig.setFrontMatterParsingOptions({ excerpt: true });
 
   // COLLECTIONS
-  ////// Journal categories
+  ////// Categories
   eleventyConfig.addCollection("categories", function (collectionApi) {
     let categories = new Set();
     let posts = collectionApi.getFilteredByTag("post");
@@ -95,11 +98,137 @@ export default function (eleventyConfig) {
     return Array.from(categories);
   });
 
+  ////// Paginated tags (by @zachleat)
+  // See: https://github.com/11ty/eleventy/issues/332#issuecomment-445236776
+  // note that this uses the lodash.chunk method, so you’ll have to require that
+  eleventyConfig.addCollection("tagPagination", function (collectionApi) {
+    // Get unique list of tags
+    let tagSet = new Set();
+    collectionApi.getAllSorted().map(function (item) {
+      if ("tags" in item.data) {
+        let tags = item.data.tags;
+
+        // optionally filter things out before you iterate over?
+        for (let tag of tags) {
+          tagSet.add(tag);
+        }
+      }
+    });
+
+    // Get each item that matches the tag
+    let paginationSize = 10;
+    let tagMap = [];
+    let tagArray = [...tagSet];
+    for (let tagName of tagArray) {
+      let tagItems = collectionApi.getFilteredByTag(tagName);
+      let pagedItems = chunk(tagItems, paginationSize);
+      //console.log( tagName, tagItems.length, pagedItems.length );
+      for (
+        let pageNumber = 0, max = pagedItems.length;
+        pageNumber < max;
+        pageNumber++
+      ) {
+        tagMap.push({
+          tagName: tagName,
+          pageNumber: pageNumber,
+          pageSize: pagedItems.length,
+          pageData: pagedItems[pageNumber],
+        });
+      }
+    }
+
+    /* return data looks like:
+      [{
+        tagName: "tag1",
+        pageNumber: 0
+        pageData: [] // array of items
+      },{
+        tagName: "tag1",
+        pageNumber: 1
+        pageData: [] // array of items
+      },{
+        tagName: "tag1",
+        pageNumber: 2
+        pageData: [] // array of items
+      },{
+        tagName: "tag2",
+        pageNumber: 0
+        pageData: [] // array of items
+      }]
+	  */
+    //console.log( tagMap );
+    return tagMap;
+  });
+
+  ////// Paginated categories (by @zachleat)
+  eleventyConfig.addCollection("catPagination", function (collectionApi) {
+    // Get unique list of tags
+    let catSet = new Set();
+    collectionApi.getAllSorted().map(function (item) {
+      if ("categories" in item.data) {
+        let cats = item.data.categories;
+
+        // optionally filter things out before you iterate over?
+        for (let cat of cats) {
+          catSet.add(cat);
+        }
+      }
+    });
+
+    // Get each item that matches the tag
+    let paginationSize = 10;
+    let catMap = [];
+    let catArray = [...catSet];
+    for (let catName of catArray) {
+      let catItems = collectionApi.getAllSorted().filter(function (item) {
+        if ("categories" in item.data) {
+          return item.data.categories.includes(catName);
+        } else {
+          return false;
+        }
+      });
+      let pagedItems = chunk(catItems, paginationSize);
+      //console.log( tagName, tagItems.length, pagedItems.length );
+      for (
+        let pageNumber = 0, max = pagedItems.length;
+        pageNumber < max;
+        pageNumber++
+      ) {
+        catMap.push({
+          catName: catName,
+          pageNumber: pageNumber,
+          pageSize: pagedItems.length,
+          pageData: pagedItems[pageNumber],
+        });
+      }
+    }
+
+    /* return data looks like:
+      [{
+        tagName: "tag1",
+        pageNumber: 0
+        pageData: [] // array of items
+      },{
+        tagName: "tag1",
+        pageNumber: 1
+        pageData: [] // array of items
+      },{
+        tagName: "tag1",
+        pageNumber: 2
+        pageData: [] // array of items
+      },{
+        tagName: "tag2",
+        pageNumber: 0
+        pageData: [] // array of items
+      }]
+	  */
+    //console.log( tagMap );
+    return catMap;
+  });
+
   return {
     dir: {
       input: "src",
-      includes: "_includes",
-      layouts: "_layouts",
     },
   };
 }

package-lock.json

@@ -11,6 +11,7 @@
       "dependencies": {
         "@11ty/eleventy-navigation": "^1.0.4",
         "@11ty/eleventy-plugin-rss": "^2.0.4",
+        "lodash-es": "^4.17.21",
         "luxon": "^3.6.1",
         "markdown-it": "^14.1.0",
         "markdown-it-footnote": "^4.0.0",
@@ -2549,6 +2550,12 @@
         "node": ">=4"
       }
     },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "license": "MIT"
+    },
     "node_modules/luxon": {
       "version": "3.6.1",
       "resolved": "https://registry.npmjs.org/luxon/-/luxon-3.6.1.tgz",

package.json

@@ -16,6 +16,7 @@
   "dependencies": {
     "@11ty/eleventy-navigation": "^1.0.4",
     "@11ty/eleventy-plugin-rss": "^2.0.4",
+    "lodash-es": "^4.17.21",
     "luxon": "^3.6.1",
     "markdown-it": "^14.1.0",
     "markdown-it-footnote": "^4.0.0",

scss/_theme.scss

@@ -38,6 +38,7 @@ $font-mono: "Hack", monospace;
   --font-sans: #{$font-sans};
   --font-disp: #{$font-disp};
   --font-mono: #{$font-mono};
+  --border-radius: 15px;
 }
 
 /*
@@ -90,23 +91,20 @@ a {
 }
 
 h1 {
-  color: var(--color-primary);
+  color: var(--color-tx);
 }
 h2,
 h3,
 h4,
 h5,
 h6 {
-  color: var(--color-secondary);
+  color: var(--color-tx);
 }
 
 hr {
-  background-color: var(--text-normal);
   border: none;
-}
-
-.muted {
-  color: var(--text-subtle); // Muted color
+  border-top: solid 1px var(--color-ui-2);
+  margin-top: 15px;
 }
 
 .site {
@@ -134,7 +132,7 @@ hr {
     #{$green} 99%
   );
   border: solid var(--color-bg-2) 2px;
-  border-radius: 15px;
+  border-radius: var(--border-radius);
   &__header {
     padding: 15px;
     border-radius: inherit;
@@ -173,7 +171,7 @@ hr {
 }
 
 .box {
-  border-radius: 15px;
+  border-radius: var(--border-radius);
   border: dashed 1px var(--color-ui);
   background-color: var(--color-bg-2);
 }

src/404.md

@@ -4,8 +4,6 @@ layout: single
 permalink: "404.html"
 ---
 
-# Error 404
+# Error 404: Not found
 
-Uh-oh! Couldn't find that URL on this server. Maybe you had a typo?
-
-[Go home](/)
+Couldn't find the page requested. Check the URL for typos or [go home](/).

src/_includes/head/meta.njk

@@ -6,7 +6,7 @@
 <meta name="description" content="{% if excerpt %}{{ excerpt }}{% else %}{{ meta.description }}{% endif %}">
 <meta property="og:site_name" content="{{ meta.name }}">
 <meta property="og:title" content="{% if title %}{{ title or metaTitle | safe }}{% else %}{{ meta.name }}{% endif %}">
-<meta property="og:description" content="{% if excerpt %}{{ excerpt }}{% else %}{{ meta.description }}{% endif %}">
+<meta property="og:description" content="{% if description %}{{ description }}{% else %}{{ meta.description }}{% endif %}">
 <meta property="og:type" content="website">
 <meta property="og:url" content="https://gil.ink{{ page.url }}">
 <meta name="fediverse:creator" content="{{ meta.fediverseAuthor }}">

src/_includes/nav.njk

@@ -1,9 +1,9 @@
 {% set navPages = collections.all | eleventyNavigation %}
-<nav class="nav">
+<nav class="navcontainer">
   <ul class="navbar">
     {% for entry in navPages %}
-      <li>
-        <a class="navlink {% if entry.url == page.url %}navlink--current{% endif %}" href="{{ entry.url }}" {% if entry.url == page.url %} aria-current="page" {% endif %}>
+      <li class="navbar__item">
+        <a class="navlink{% if entry.url == page.url %} navlink--current{% endif %}" href="{{ entry.url }}"{% if entry.url == page.url %} aria-current="page"{% endif %}>
           {{ entry.title }}
         </a>
       </li>

src/about.md

@@ -7,36 +7,22 @@ eleventyNavigation:
   order: 0
 ---
 
-# Me
+# About
 
-My name's Gil ([he/they](https://en.pronouns.page/@kalanggam)). I'm a Filipino american wizard, spell developer, and cowboy mage based in the southern united states.
+My name's Gil ([he/they](https://en.pronouns.page/@kalanggam)). I'm a wizard, talisman developer, and spell-slinging cowboy mage.
 
-I am a writer, managing editor of a local grassroots newspaper, community organizer, and game developer.
+By daylight I'm a writer, managing editor of a local grassroots newspaper, community organizer, tax preparer, and game developer.
 
-Professionally I am working as a part-time/seasonal tax preparer, but in the past I've worked as a student leadership educator, a student ambassador for my school's DEI program, and _very_ briefly in a package delivery warehouse.
+I am also part of the ogra.ph collective, a small community of holograms working towards greater digital agency and a cozy internet. So far, we've set up microblogging on [hol.ogra.ph](https://hol.ogra.ph) and a Git service on [ide.ogra.ph](https://ide.ogra.ph).
 
-I'm also a leading member of the ogra.ph collective, a group of people interested in alternatives to mainstream corporate-operated social media. Together we host a microblogging platform called [hol.ogra.ph](https://hol.ogra.ph) and we have a Git service called [ide.ogra.ph](https://ide.ogra.ph).
+In the past I've been a student leadership educator, a college DEI program ambassador, and briefly a package handler in a delivery warehouse.
 
-## Contact me
+## About this website
+
+Gil•INK is an arcane mirror that reflects my personal interests and related shenanigans. Take a look at my [journal](/journal), teleport through [portals](/portals) to other websites, read tomes and grimoires in the [library]() (coming soon), or [explore]() (coming soon) other parts of the surrounding town.
+
+If you're curious to know what ingredients went into this website, see [Colophon](/colophon).
+
+## Contact
 
 You can send your letters, scrolls, and other correspondence to `hello@gil.ink`.
-
-## This website
-
-Gil•INK is an arcane mirror that reflects my personal interests and related shenanigans.
-
-You can take a look at my [journal](/journal), teleport through [portals](/portals) to other websites, read tomes and grimoires in the [library]() (coming soon), or [explore]() (coming soon) other parts of the surrounding town.
-
-### Colophon
-
-This mystic plane was created primarily using [Eleventy](https://www.11ty.dev/), a static site generator, and [Sass](https://sass-lang.com/), a CSS extension language. Hosting is provided by [IONOS](https://www.ionos.com/). All of the templates were made by me and the source scrolls are [publicly available](https://ide.ogra.ph/gil/gil.ink). This website additionally contains no trackers. The only cookie this website will ever use is one that stores your preferred theme. Besides a bit of JS to provide theme stuff, my website is mostly static HTML and CSS files.
-
-### Fonts
-
-The fonts used are:
-
-+ [Poppins](https://github.com/itfoundry/Poppins) (display)
-+ [Inter](https://rsms.me/inter) (body)
-+ [Hack](https://sourcefoundry.org/hack/) (code, monospace)
-
-Poppins and Inter are licensed under [OFL 1.1](https://openfontlicense.org/open-font-license-official-text/). Hack is licensed under [MIT/Bitstream Vera](https://github.com/source-foundry/Hack/blob/master/LICENSE.md).

src/assets/css/main.css

@@ -135,6 +135,7 @@ Themes
   --font-sans: Inter, sans-serif;
   --font-disp: Poppins, sans-serif;
   --font-mono: Hack, monospace;
+  --border-radius: 15px;
 }
 
 /*
@@ -186,7 +187,7 @@ a:active {
 }
 
 h1 {
-  color: var(--color-primary);
+  color: var(--color-tx);
 }
 
 h2,
@@ -194,16 +195,13 @@ h3,
 h4,
 h5,
 h6 {
-  color: var(--color-secondary);
+  color: var(--color-tx);
 }
 
 hr {
-  background-color: var(--text-normal);
   border: none;
-}
-
-.muted {
-  color: var(--text-subtle);
+  border-top: solid 1px var(--color-ui-2);
+  margin-top: 15px;
 }
 
 .site {
@@ -215,7 +213,7 @@ hr {
   background: rgb(252.7769230769, 248.3307692308, 242.7730769231);
   background: linear-gradient(120deg, #594 5%, #39a 19%, rgba(0, 0, 0, 0) 19%, rgba(0, 0, 0, 0) 20%, #39a 20%, #39a 21%, rgba(0, 0, 0, 0) 21%, rgba(0, 0, 0, 0) 86%, #39a 86%, #39a 87%, rgba(0, 0, 0, 0) 87%, rgba(0, 0, 0, 0) 88%, #39a 88%, #594 99%);
   border: solid var(--color-bg-2) 2px;
-  border-radius: 15px;
+  border-radius: var(--border-radius);
 }
 .idcard__header {
   padding: 15px;
@@ -251,7 +249,7 @@ hr {
 }
 
 .box {
-  border-radius: 15px;
+  border-radius: var(--border-radius);
   border: dashed 1px var(--color-ui);
   background-color: var(--color-bg-2);
 }

src/assets/css/main.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../../../scss/_font.scss","../../../scss/_theme.scss","../../../scss/pages/_about.scss","../../../scss/mixins/_media.scss","../../../scss/pages/_home.scss","../../../scss/main.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;ACpIF;AAAA;AAAA;AAuBA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AAAA;AAAA;AAGA;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EAiBA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACvMF;EACE;EACA;;ACFE;EDAJ;IAKI;IACA,MACE;;;ACHF;EDJJ;IAeI,MACE;;;AAOJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;;AE3CF;EACE;;ADDE;ECAJ;IAII,MACE;;EAOF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;;ACtBN;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA","file":"main.css"}
+{"version":3,"sourceRoot":"","sources":["../../../scss/_font.scss","../../../scss/_theme.scss","../../../scss/pages/_about.scss","../../../scss/mixins/_media.scss","../../../scss/pages/_home.scss","../../../scss/main.scss"],"names":[],"mappings":"AAAA;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA,kFACmB;;AAGrB;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;ACpIF;AAAA;AAAA;AAuBA;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAaA;AAAA;AAAA;AAGA;EACE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;EACE;EACA;;AACA;EACE;EACA;;AAEF;EACE;;;AAIJ;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EAiBA;EACA;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAIJ;EACE;EACA;EACA;;AAGF;EACE;EACA;;AACA;EACE;;AAIJ;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACrMF;EACE;EACA;;ACFE;EDAJ;IAKI;IACA,MACE;;;ACHF;EDJJ;IAeI,MACE;;;AAOJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;;AE3CF;EACE;;ADDE;ECAJ;IAII,MACE;;EAOF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;;ACtBN;EACE;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA","file":"main.css"}

src/categories.njk

@@ -0,0 +1,15 @@
+---
+layout: single
+pagination:
+  data: collections.catPagination
+  size: 1
+  alias: cat
+permalink: /category/{{ cat.catName }}{% if cat.pageNumber %}/{{ cat.pageNumber + 1 }}{% endif %}/index.html
+---
+
+<header><h1>Posts categorized under "{{ cat.catName }}"</h1></header>
+
+{% for post in cat.pageData %}
+{% endfor %}
+
+Current page: {{ cat.pageNumber + 1 }}

src/changelog.md

@@ -31,9 +31,9 @@ This is a list of changes to my website, organized by date.
 
 ### Done
 
-- Settled on YYYY/MM/slug for post permalinks
+- Settled on `/entry/YYYY/MM/DD/slug` for journal permalinks
 - Added favicon
-- Category pages (may change this more later)
+- Paginated category and tag pages (not enough content to have pages but it works, trust me)
 
 ### To-do
 - Get theme switcher to work

src/colophon.md

@@ -0,0 +1,18 @@
+---
+title: 'Colophon'
+layout: single
+---
+
+# Colophon
+
+This mystic plane was created primarily using [Eleventy](https://www.11ty.dev/), a static site generator, and [Sass](https://sass-lang.com/), a CSS extension language. Hosting is provided by [IONOS](https://www.ionos.com/). All of the templates were made by me and the source scrolls are [publicly available](https://ide.ogra.ph/gil/gil.ink). This website additionally contains no trackers. The only cookie this website will ever use is one that stores your preferred theme. Besides a bit of JS to provide theme stuff, my website is mostly static HTML and CSS files.
+
+## Fonts
+
+The fonts used are:
+
++ [Poppins](https://github.com/itfoundry/Poppins) (display)
++ [Inter](https://rsms.me/inter) (body)
++ [Hack](https://sourcefoundry.org/hack/) (code, monospace)
+
+Poppins and Inter are licensed under [OFL 1.1](https://openfontlicense.org/open-font-license-official-text/). Hack is licensed under [MIT/Bitstream Vera](https://github.com/source-foundry/Hack/blob/master/LICENSE.md).

src/feeds.md

@@ -6,4 +6,4 @@ lastmod: 2025-02-20T02:26:54.00-06:00
 
 # Feeds
 
-View a feed of posts at [/feed.xml](/feed.xml){:target="_blank"}.
+View a feed of posts at [/feed.xml](/feed.xml).

src/journal/2025/free-flow-1.md

@@ -12,8 +12,6 @@ elsewhere:
 
 This is my first public attempt at stream of consciousness. Now I don’t _feel_ as creative of a mind as I might’ve been as a kid. Somewhere between now and adolescence I suppose I’ve become caught up in life and the world. Perhaps I still have a creative spirit, but I’ve been experiencing so much blockage with the creative process lately that I feel completely disconnected from it. It’s like when you look at an empty canvas or a blank page, and your mind goes just as blank. I get a bit paralyzed at the thought of actually creating something, unless I come prepared with an already well-formed idea. It could be just that my inner critic is taking over before I even begin.
 
----
-
 That’s precisely why I want to start writing more stream of consciousness, so that I can silence my inner critic, unlearn that sense of “cringe” that inhibits me from creating, and develop my creative process more — which itself is part of the art and art in its own right. To me and many others, art is a means of touching truth, a way to convey the soul of something, someone, or the world around us. I feel that learning to express myself authentically and with less restraint is essential to creating, since I am not as capable of revealing other people’s truths as I can my own.
 
 Knowing that, I chose to frame this writing with two quotes from Tita Lacambra-Ayala, an Ilocano/Filipina poet whose work I discovered through her children Cynthia Alexander and Joey Ayala, Filipino musicians who themselves have found ways to articulate the weaves of truth that run through their souls. The first is, “The art is always you.” The second is about her poetry practice and what she sought to do through poetry:

src/journal/categories.njk

@@ -1,19 +0,0 @@
----
-layout: single
-pagination:
-  data: collections.categories
-  size: 1
-  alias: category
-permalink: "/journal/category/{{ category | slugify }}/index.html"
----
-
-<h2>Category: {{ category }}</h2>
-{% set posts = collections.post | filterByCategory(category) %}
-<ol>
-  {% for post in posts | reverse %}
-    <li>
-      {{ post.date | formatDate('yyyy-MM-dd') }} /
-      <a href="{{ post.url }}">{{ post.data.title }}</a>
-    </li>
-  {% endfor %}
-</ol>

src/journal/index.md

@@ -14,6 +14,8 @@ eleventyNavigation:
 
 All my journal entries.
 
+[Feed](/feed.xml)
+
 <ol>
 {% for entry in collections.post reversed %}
   <li>{{ entry.date | formatDate: "yyyy-MM-dd" }} / <a href="{{ entry.url }}">{{ entry.data.title }}</a></li>

src/journal/journal.json

@@ -1 +1 @@
-{ "layout": "entry", "permalink": "/{{ page.date | date: '%Y/%m' }}/{{ page.fileSlug }}/index.html" }
+{ "layout": "entry", "permalink": "/entry/{{ page.date | date: '%Y/%m/%d' }}/{{ page.fileSlug }}/index.html" }

src/tags.njk

@@ -0,0 +1,15 @@
+---
+layout: single
+pagination:
+  data: collections.tagPagination
+  size: 1
+  alias: tag
+permalink: /tag/{{ tag.tagName }}{% if tag.pageNumber %}/{{ tag.pageNumber + 1 }}{% endif %}/index.html
+---
+
+<header><h1>Posts tagged "{{ tag.tagName }}"</h1></header>
+
+{% for post in tag.pageData %}
+{% endfor %}
+
+Current page: {{ tag.pageNumber + 1 }}