├── .gitignore
├── www
    ├── categories
    │   ├── index.html
    │   ├── books
    │   │   └── index.html
    │   ├── possums
    │   │   └── index.html
    │   ├── sports
    │   │   └── index.html
    │   ├── technologies-from-the-future
    │   │   └── index.html
    │   └── hardware
    │   │   └── index.html
    └── blog
    │   ├── five
    │       └── index.html
    │   ├── one
    │       └── index.html
    │   ├── six
    │       └── index.html
    │   ├── two
    │       └── index.html
    │   ├── three
    │       └── index.html
    │   └── four
    │       └── index.html
├── src
    ├── blog
    │   ├── blog.11tydata.js
    │   ├── five.njk
    │   ├── one.njk
    │   ├── six.njk
    │   ├── three.njk
    │   ├── two.njk
    │   └── four.njk
    ├── _includes
    │   └── postslist.njk
    ├── categories-list.njk
    └── categories.njk
├── package.json
└── eleventy.config.js


/.gitignore:
--------------------------------------------------------------------------------
1 | node_modules
2 | 


--------------------------------------------------------------------------------
/www/categories/index.html:
--------------------------------------------------------------------------------
1 | <h1>Categories</h1>
2 | 
3 | <ul>
4 | 
5 | </ul>
6 | 


--------------------------------------------------------------------------------
/www/blog/five/index.html:
--------------------------------------------------------------------------------
1 | 
2 | <h1>Blog Post Five</h1>
3 | 
4 | tags=["posts"]
5 | category="Books"
6 | 


--------------------------------------------------------------------------------
/www/blog/one/index.html:
--------------------------------------------------------------------------------
1 | 
2 | <h1>Blog Post One</h1>
3 | 
4 | tags=["posts"]
5 | category="Hardware"
6 | 


--------------------------------------------------------------------------------
/www/blog/six/index.html:
--------------------------------------------------------------------------------
1 | 
2 | <h1>Blog Post Six</h1>
3 | 
4 | tags=["posts"]
5 | category="Possums"
6 | 


--------------------------------------------------------------------------------
/www/blog/two/index.html:
--------------------------------------------------------------------------------
1 | 
2 | <h1>Blog Post Two</h1>
3 | 
4 | tags=["posts"]
5 | category="Hardware"
6 | 


--------------------------------------------------------------------------------
/www/blog/three/index.html:
--------------------------------------------------------------------------------
1 | 
2 | <h1>Blog Post Three</h1>
3 | 
4 | tags=["posts"]
5 | category="Sports"
6 | 


--------------------------------------------------------------------------------
/www/blog/four/index.html:
--------------------------------------------------------------------------------
1 | 
2 | <h1>Blog Post Four</h1>
3 | 
4 | tags=["posts"]
5 | category="Technologies from the Future"
6 | 


--------------------------------------------------------------------------------
/src/blog/blog.11tydata.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   tags: [
3 |     "posts"
4 |   ],
5 |   // "layout": "layouts/post.njk",
6 | };
7 | 


--------------------------------------------------------------------------------
/src/_includes/postslist.njk:
--------------------------------------------------------------------------------
1 | <ul>
2 | {% for post in postslist %}
3 |   <li><a href="{{ post.url }}">{{ post.data.title }}</a></li>
4 | {% endfor %}
5 | </ul>
6 | 


--------------------------------------------------------------------------------
/www/categories/books/index.html:
--------------------------------------------------------------------------------
1 | <h1>Tagged “Books”</h1><ul>
2 | 
3 |   <li><a href="/blog/five/">Blog Post Five</a></li>
4 | 
5 | </ul>
6 | 
7 | 
8 | <p>See <a href="/categories/">all tags</a>.</p>


--------------------------------------------------------------------------------
/www/categories/possums/index.html:
--------------------------------------------------------------------------------
1 | <h1>Tagged “Possums”</h1><ul>
2 | 
3 |   <li><a href="/blog/six/">Blog Post Six</a></li>
4 | 
5 | </ul>
6 | 
7 | 
8 | <p>See <a href="/categories/">all tags</a>.</p>


--------------------------------------------------------------------------------
/src/blog/five.njk:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Blog Post Five
 3 | category: Books
 4 | ---
 5 | 
 6 | <h1>{{ title }}</h1>
 7 | 
 8 | tags={{ tags | dump | safe }}
 9 | category={{ category | dump | safe }}
10 | 


--------------------------------------------------------------------------------
/src/blog/one.njk:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Blog Post One
 3 | category: Hardware
 4 | ---
 5 | 
 6 | <h1>{{ title }}</h1>
 7 | 
 8 | tags={{ tags | dump | safe }}
 9 | category={{ category | dump | safe }}
10 | 


--------------------------------------------------------------------------------
/src/blog/six.njk:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Blog Post Six
 3 | category: Possums
 4 | ---
 5 | 
 6 | <h1>{{ title }}</h1>
 7 | 
 8 | tags={{ tags | dump | safe }}
 9 | category={{ category | dump | safe }}
10 | 


--------------------------------------------------------------------------------
/src/blog/three.njk:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Blog Post Three
 3 | category: Sports
 4 | ---
 5 | 
 6 | <h1>{{ title }}</h1>
 7 | 
 8 | tags={{ tags | dump | safe }}
 9 | category={{ category | dump | safe }}
10 | 


--------------------------------------------------------------------------------
/src/blog/two.njk:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Blog Post Two
 3 | category: Hardware
 4 | ---
 5 | 
 6 | <h1>{{ title }}</h1>
 7 | 
 8 | tags={{ tags | dump | safe }}
 9 | category={{ category | dump | safe }}
10 | 


--------------------------------------------------------------------------------
/www/categories/sports/index.html:
--------------------------------------------------------------------------------
1 | <h1>Tagged “Sports”</h1><ul>
2 | 
3 |   <li><a href="/blog/three/">Blog Post Three</a></li>
4 | 
5 | </ul>
6 | 
7 | 
8 | <p>See <a href="/categories/">all tags</a>.</p>


--------------------------------------------------------------------------------
/src/blog/four.njk:
--------------------------------------------------------------------------------
 1 | ---
 2 | title: Blog Post Four
 3 | category: Technologies from the Future
 4 | ---
 5 | 
 6 | <h1>{{ title }}</h1>
 7 | 
 8 | tags={{ tags | dump | safe }}
 9 | category={{ category | dump | safe }}
10 | 


--------------------------------------------------------------------------------
/www/categories/technologies-from-the-future/index.html:
--------------------------------------------------------------------------------
1 | <h1>Tagged “Technologies from the Future”</h1><ul>
2 | 
3 |   <li><a href="/blog/four/">Blog Post Four</a></li>
4 | 
5 | </ul>
6 | 
7 | 
8 | <p>See <a href="/categories/">all tags</a>.</p>


--------------------------------------------------------------------------------
/www/categories/hardware/index.html:
--------------------------------------------------------------------------------
 1 | <h1>Tagged “Hardware”</h1><ul>
 2 | 
 3 |   <li><a href="/blog/one/">Blog Post One</a></li>
 4 | 
 5 |   <li><a href="/blog/two/">Blog Post Two</a></li>
 6 | 
 7 | </ul>
 8 | 
 9 | 
10 | <p>See <a href="/categories/">all tags</a>.</p>


--------------------------------------------------------------------------------
/src/categories-list.njk:
--------------------------------------------------------------------------------
 1 | ---
 2 | permalink: /categories/
 3 | # layout: layouts/home.njk
 4 | ---
 5 | <h1>Categories</h1>
 6 | 
 7 | <ul>
 8 | {% for category in collections.categories %}
 9 |   {%- set categoryUrl -%}/categories/{{ category | slugify }}/{%- endset -%}
10 |   <li><a href="{{ categoryUrl }}" class="post-tag">{{ category }}</a></li>
11 |   {% endfor %}
12 | </ul>
13 | 


--------------------------------------------------------------------------------
/src/categories.njk:
--------------------------------------------------------------------------------
 1 | ---
 2 | pagination:
 3 |   data: collections.categories
 4 |   size: 1
 5 |   alias: category
 6 |   addAllPagesToCollections: true
 7 | # layout: layouts/home.njk
 8 | eleventyComputed:
 9 |   title: Tagged “{{ category }}”
10 | permalink: "/categories/{{ category | slugify }}/"
11 | ---
12 | <h1>{{ title }}</h1>
13 | 
14 | {%- set postslist = collections.categories[category] -%}
15 | {% include "postslist.njk" %}
16 | 
17 | <p>See <a href="/categories/">all tags</a>.</p>


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "11ty-2865",
 3 |   "version": "1.0.0",
 4 |   "author": "Peter deHaan <peter@deseloper.com>",
 5 |   "devDependencies": {
 6 |     "@11ty/eleventy": "^2.0.0"
 7 |   },
 8 |   "keywords": [],
 9 |   "license": "MPL-2.0",
10 |   "main": "index.js",
11 |   "scripts": {
12 |     "build": "eleventy",
13 |     "postbuild": "# npx prettier www --write",
14 |     "prebuild": "rm -rf www",
15 |     "test": "echo \"Error: no test specified\" && exit 1"
16 |   },
17 |   "description": ""
18 | }
19 | 


--------------------------------------------------------------------------------
/eleventy.config.js:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * @param {import("@11ty/eleventy/src/UserConfig")} eleventyConfig
 3 |  * @returns {ReturnType<import("@11ty/eleventy/src/defaultConfig")>}
 4 |  */
 5 | module.exports = function (eleventyConfig) {
 6 |   // Create a custom collection of unique categories and related posts.
 7 |   eleventyConfig.addCollection("categories", function (collection) {
 8 |     const _getAllCategories = eleventyConfig.getFilter("getAllCategories");
 9 |     const posts = collection.getFilteredByGlob("src/blog/*.njk");
10 |     // Get all unique categories from our `posts[]` array.
11 |     const categories = _getAllCategories(posts);
12 |     const categoryMap = categories.reduce((map, category) => {
13 |       // Get all pages from our `posts` collection wwith the specified `category`.
14 |       const categoryPosts = posts.filter(post => post.data.category === category);
15 |       return map.set(category, categoryPosts);
16 |     }, new Map());
17 |     // Convert category Map to Object.
18 |     return Object.fromEntries(categoryMap);
19 |   });
20 | 
21 |   eleventyConfig.addFilter("getAllCategories", function (collection) {
22 |     const categorySet = collection.reduce((set, { data }) => {
23 |       if (data.category && !set.has(data.category)) {
24 |         console.log(`Adding ${data.category}`);
25 |         set.add(data.category);
26 |       }
27 |       return set;
28 |     }, new Set());
29 |     return Array.from(categorySet).sort();
30 |   });
31 | 
32 |   return {
33 |     dir: {
34 |       input: "src",
35 |       output: "www",
36 |     },
37 |   };
38 | };
39 | 


--------------------------------------------------------------------------------