add a tagging system to the website

template/_doc.hbs

@@ -24,7 +24,6 @@
     {{~> components/_doc.hbs }}
     {{~> components/_pink_space.hbs }}
 
-
     <th-overlays></th-overlays>
     <th-command-line></th-command-line>
 </body>

template/_feed_atom.hbs

@@ -2,21 +2,27 @@
 
 <!--
 
-%% title = "riki's house Atom feed"
+title = "riki's house Atom feed"
 
-- ### remarks
++++
 
-    - the treehouse is kind of impossible to represent in plain text due to its foldability and interactive elements.
-    the intent is that you read the linked HTML pages, not the feed itself!
+## Remarks
 
-    - each feed entry is tagged with one or more <category>.
-    you can use that to tell your feed reader to hide tags you're not interested in.
+This feed contains no content.
+This is not only to save bandwidth as the feed grows larger and larger, but also so that you can appreciate my website in full.
+I put a lot of thought into its design and typography, and surely reading my writing *as I write it* rather than _as your feed reader renders it_ will improve your experience.
+
+If you don't like that, please feel free to not subscribe (or unsubscribe).
+
+## Tags
+
+If you'd like to filter by tag, you can do so by subscribing to /feed/{tag}.atom, e.g. /feed/programming.atom.
 
 -->
 
 <feed xmlns="http://www.w3.org/2005/Atom">
     <id>{{ config.user.canonical_url }}</id>
-    <updated>{{ feed.updated }}</updated>
+    <updated>{{ updated }}</updated>
 
     <title>{{ config.user.title }}</title>
     <subtitle>{{ config.user.description }}</subtitle>
@@ -29,17 +35,17 @@
         <uri>{{ config.user.canonical_url }}</uri>
     </author>
 
-    {{#each feed.entries}}
+    {{#each feed.entries as |entry|}}
     <entry>
-        <id>{{ ../config.user.feed_id_prefix }}/b?{{ id }}</id>
+        <id>{{ ../config.user.feed_id_prefix }}/{{ id }}</id>
         <updated>{{ updated }}</updated>
         <link rel="alternate" type="text/html" href="{{ url }}"/>
 
         <title type="html">{{ title }}</title>
-        {{#each categories as |category|}}
-        <category term="{{ category }}"/>
+        {{#each tags as |tag|}}
+        <category term="{{ tag }}"/>
         {{/each}}
-        <summary type="html">{{ summary }}</summary>
+        <content type="text/html" src="{{ url }}"/>
     </entry>
     {{/each}}
 </feed>

template/components/_doc.hbs

@@ -4,6 +4,14 @@
             {{#if (ne page.tree_path 'index')}}
             <header>
                 <h1 class="page-title"><a href="{{ config.site }}/{{ page.tree_path }}">{{ page.title }}</a></h1>
+                <ul class="feeds">
+                    {{#each page.feeds as |feed|}}
+                    <li>
+                        <time datetime="{{ feed.updated }}">{{ iso_date feed.updated }}</time>
+                        {{#if (gt (len page.feeds) 0)}}<span class="source-feed">[<a href="{{ feed.url }}">{{ feed.name }}</a>]</span>{{/if}}
+                    </li>
+                    {{/each}}
+                </ul>
             </header>
             {{/if}}
 

template/components/_feed.hbs

@@ -8,8 +8,8 @@
         <div class="info">
             <time datetime="{{ updated }}">{{ iso_date updated }}</time>
             <ul class="categories">
-                {{#each categories as |category|}}
-                <li>{{ category }}</li>
+                {{#each tags as |tag|}}
+                <li><a href="{{ config.site }}/tag/{{ tag }}">#{{ tag }}</a></li>
                 {{/each}}
             </ul>
         </div>

template/components/_head.hbs

@@ -72,6 +72,4 @@ clever to do while browser vendors figure that out, we'll just have to do a cach
 <link rel="apple-touch-icon" sizes="512x512" href="{{ asset (cat (cat 'favicon/' season) '@32x.png') }}">
 
 <link rel="canonical" href="{{ config.site }}/{{#if (ne page.tree_path 'index')}}{{ page.tree_path }}{{/if}}">
-{{#each feeds as |feed_name|}}
-<link rel="alternate" type="application/atom+xml" title="{{ feed_name }}" href="{{ config.site }}/feed/{{ feed_name }}.atom">
-{{/each}}
+<link rel="alternate" type="application/atom+xml" title="{{ feed_name }}" href="{{ config.site }}/feed/all.atom">