From 0505357a3273cdf8d4bfb2ded0a351d259ecb078 Mon Sep 17 00:00:00 2001
From: Zachary Vance <za3k@za3k.com>
Date: Wed, 3 Jul 2024 12:32:28 -0400
Subject: [PATCH] Factor out common tagcloud

---
 blog                             | 95 +++++++++++++++++++++++++++-----
 config.yaml                      |  2 +
 templates/post.mustache.html     | 48 +---------------
 templates/tag.mustache.html      | 47 +---------------
 templates/tagcloud.mustache.html | 47 ++++++++++++++++
 5 files changed, 132 insertions(+), 107 deletions(-)
 create mode 100644 templates/tagcloud.mustache.html

diff --git a/blog b/blog
index d505ed7..96b92da 100755
--- a/blog
+++ b/blog
@@ -1,7 +1,23 @@
 #!/bin/python3
+"""
+Generates blog.za3k.com from source files.
+Source files consist of a YAML "front material", and markdown or HTML body.
+Mostly they have been exported from wordpress by wordpress2frontmaterial.py.
+
+This is one big honking violation of:
+
+  > Explicit is better than implicit.
+
+There is magic. Templates read directly off objects. Objects' fields are
+not documented.
+
+Other than that I think it's pretty nice!
+"""
+
 import argparse
 import yaml
 import chevron as mustache
+import collections
 from pathlib import Path
 import collections
 import os, os.path
@@ -26,6 +42,23 @@ def url_slug(title):
     title = "".join(x for x in title if x in allowable)
     return title
 
+def calc_range(l):
+    it = iter(l)
+    min = next(it)
+    max = min
+    for x in it:
+        if x < min:
+            min = x
+        if x > max:
+            max = x
+    return range(min, max)
+
+def scale(i1, range1, range2):
+    frac1 = (i1 - range1.start) / (range1.stop - range1.start)
+    frac2 = frac1
+    i2 = frac2 * (range2.stop - range2.start) + range2.start
+    return i2
+
 RELOAD_HTML = b"""
 <script>
 document.addEventListener("DOMContentLoaded", function (event) {
@@ -33,7 +66,6 @@ document.addEventListener("DOMContentLoaded", function (event) {
     var scrollpos = sessionStorage.getItem('scrollpos');
     if (scrollpos) {
         window.scrollTo(0, scrollpos);
-        console.log(scrollpos);
         sessionStorage.removeItem('scrollpos');
     }
     }, 10)
@@ -58,14 +90,15 @@ class Templatable(PseudoMap):
         output_path_template = self.blog["{}_destination".format(self.type)]
         return Path(mustache.render(output_path_template, self.context))
 
-    @property
-    def template_path(self):
-        return self.blog["{}_template".format(self.type)]
+    @staticmethod
+    def render_template(blog, name, context):
+        template_path = blog["{}_template".format(name)]
+        with open(template_path, "r") as f:
+            template = f.read()
+        return mustache.render(template, context)
 
     def content(self):
-        with open(self.template_path, "r") as f:
-            template = f.read()
-        return mustache.render(template, self.context).encode("utf8")
+        return self.render_template(self.blog, self.type, self.context).encode("utf8")
 
     def output(self):
         output = self.content()
@@ -110,16 +143,25 @@ class Tag(Templatable):
         super().__init__(blog)
         self.tag = tag
         self.posts = set()
+
     def add_post(self, post):
         self.posts.add(post)
+
+    @property
+    def num_posts(self):
+        return len(self.posts)
+
     def __hash__(self):
         return hash(self.tag)
+
 class Category(Tag):
     pass
+
 class Page(Templatable):
-    pass
+    pass # TODO
+
 class Image(Templatable):
-    pass
+    pass # TODO
 
 class Blog(PseudoMap):
     def __init__(self, config="config.yaml", reload=False):
@@ -166,18 +208,20 @@ class Blog(PseudoMap):
         return self.tags[tag]
 
     @property
-    def images(self):
-        return [] # TODO
-    @property
     def static(self):
         for dirpath, dirnames, filenames in Path(self.static_dir).walk():
             for name in filenames:
                 path = dirpath / name
                 yield Static(path, self)
+
     @property
     def pages(self):
         return [] # TODO
 
+    @property
+    def images(self):
+        return [] # TODO
+
     def generate_all(blog):
         for image in blog.images:
             image.output()
@@ -200,14 +244,31 @@ class Blog(PseudoMap):
     def reboot():
         os.execl(sys.argv[0], *sys.argv)
 
+    @property
+    def tag_cloud(self, font_sizes=range(8, 22), limit=45):
+        top_tags = self.tags.values()
+        # Top 45 most popular tags
+        top_tags = sorted(top_tags, key=lambda x: x.num_posts, reverse=True)[:limit]
+        # in alphabetical order
+        self.top_tags = sorted(top_tags, key=lambda x: x.tag.lower())
+
+        # Calculate the size for each tag in the cloud, storing it on the tag itself
+        post_count_range = calc_range(x.num_posts for x in top_tags)
+        for tag in top_tags:
+            tag.font_size = scale(tag.num_posts, post_count_range, font_sizes)
+        
+        return Templatable.render_template(blog, "tagcloud", self)
+
     def _update_happened(self, path):
         path = Path(path)
         reload_update = [
             os.path.abspath(__file__),
             self.config,
         ]
-        global_update = [
-            self.tag_template, self.category_template, self.post_template,
+        templates = [
+            x for x in self.__dict__.keys() if x.endswith("_template")
+        ]
+        global_update = templates + [
             Path(self.static_dir) / "wp-includes", 
             Path(self.static_dir) / "wp-content/themes",
             self.page_dir,
@@ -238,12 +299,16 @@ if __name__ == "__main__":
     parser.add_argument("-a", "--all", action='store_true')
     parser.add_argument('changed_files', metavar="FILE", type=argparse.FileType('r'), nargs="*", help='blog posts to re-generate (source paths)')
     parser.add_argument("-f", "--follow", action='store_true', help="continue running and monitoring for file changes")
+    parser.add_argument("-l", "--local", action='store_true', help="use relative paths for links")
+    parser.add_argument("-r", "--reload", action='store_true', help="reload the page automatically")
     args = parser.parse_args()
 
     if len(args.changed_files) == 0:
         args.all = True
 
-    blog = Blog(reload=args.follow)
+    blog = Blog(reload=args.reload)
+    if args.local:
+        blog.web_root = ".."
     if args.all:
         blog.generate_all()
     else:
diff --git a/config.yaml b/config.yaml
index 0055b92..b3c851a 100644
--- a/config.yaml
+++ b/config.yaml
@@ -1,6 +1,7 @@
 # These two properties are always first, and always absolute paths
 source: "/home/zachary/blog_converter"
 destination: "/home/zachary/blog_converter/public"
+web_root: "https://blog2.za3k.com"
 
 post_dir: "posts"
 page_dir: "pages"
@@ -9,6 +10,7 @@ static_dir: "static"
 tag_template: "templates/tag.mustache.html"
 category_template: "templates/tag.mustache.html"
 post_template: "templates/post.mustache.html"
+tagcloud_template: "templates/tagcloud.mustache.html"
 
 post_destination: "{{destination}}/posts/{{id}}.html"
 tag_destination: "{{destination}}/tag/{{tag}}.html"
diff --git a/templates/post.mustache.html b/templates/post.mustache.html
index 66f694b..b4163c6 100644
--- a/templates/post.mustache.html
+++ b/templates/post.mustache.html
@@ -99,53 +99,7 @@
                     <form role="search" method="get" action="https://blog.za3k.com/" class="wp-block-search__no-button wp-block-search"><label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-2">Search</label><div class="wp-block-search__inside-wrapper "><input class="wp-block-search__input" id="wp-block-search__input-2" placeholder="Search" value="" type="search" name="s" required=""></div></form>
                 </li>
                 <li id="block-14" class="widget-container widget_block widget_tag_cloud">
-                    <p class="wp-block-tag-cloud">
-                        <a href="https://blog.za3k.com/tag/announcements/" class="tag-cloud-link tag-link-204 tag-link-position-1" style="font-size: 8pt;" aria-label="announcements (3 items)">announcements</a>
-                        <a href="https://blog.za3k.com/tag/archiving/" class="tag-cloud-link tag-link-151 tag-link-position-2" style="font-size: 14.155172413793pt;" aria-label="archiving (12 items)">archiving</a>
-                        <a href="https://blog.za3k.com/tag/art/" class="tag-cloud-link tag-link-39 tag-link-position-3" style="font-size: 15.965517241379pt;" aria-label="art (17 items)">art</a>
-                        <a href="https://blog.za3k.com/tag/backup/" class="tag-cloud-link tag-link-18 tag-link-position-4" style="font-size: 15pt;" aria-label="backup (14 items)">backup</a>
-                        <a href="https://blog.za3k.com/tag/book-review/" class="tag-cloud-link tag-link-189 tag-link-position-5" style="font-size: 9.2068965517241pt;" aria-label="book review (4 items)">book review</a>
-                        <a href="https://blog.za3k.com/tag/command-line/" class="tag-cloud-link tag-link-56 tag-link-position-6" style="font-size: 8pt;" aria-label="command-line (3 items)">command-line</a>
-                        <a href="https://blog.za3k.com/tag/cooking/" class="tag-cloud-link tag-link-84 tag-link-position-7" style="font-size: 8pt;" aria-label="cooking (3 items)">cooking</a>
-                        <a href="https://blog.za3k.com/tag/crafts/" class="tag-cloud-link tag-link-104 tag-link-position-8" style="font-size: 9.2068965517241pt;" aria-label="crafts (4 items)">crafts</a>
-                        <a href="https://blog.za3k.com/tag/dead-tree/" class="tag-cloud-link tag-link-69 tag-link-position-9" style="font-size: 9.2068965517241pt;" aria-label="dead tree (4 items)">dead tree</a>
-                        <a href="https://blog.za3k.com/tag/debian/" class="tag-cloud-link tag-link-114 tag-link-position-10" style="font-size: 10.172413793103pt;" aria-label="debian (5 items)">debian</a>
-                        <a href="https://blog.za3k.com/tag/email/" class="tag-cloud-link tag-link-22 tag-link-position-11" style="font-size: 9.2068965517241pt;" aria-label="email (4 items)">email</a>
-                        <a href="https://blog.za3k.com/tag/game/" class="tag-cloud-link tag-link-91 tag-link-position-12" style="font-size: 9.2068965517241pt;" aria-label="game (4 items)">game</a>
-                        <a href="https://blog.za3k.com/tag/game-design/" class="tag-cloud-link tag-link-92 tag-link-position-13" style="font-size: 10.172413793103pt;" aria-label="game design (5 items)">game design</a>
-                        <a href="https://blog.za3k.com/tag/games/" class="tag-cloud-link tag-link-60 tag-link-position-14" style="font-size: 15.965517241379pt;" aria-label="games (17 items)">games</a>
-                        <a href="https://blog.za3k.com/tag/hack-a-day/" class="tag-cloud-link tag-link-228 tag-link-position-15" style="font-size: 22pt;" aria-label="hack-a-day (57 items)">hack-a-day</a>
-                        <a href="https://blog.za3k.com/tag/hacks/" class="tag-cloud-link tag-link-32 tag-link-position-16" style="font-size: 9.2068965517241pt;" aria-label="hacks (4 items)">hacks</a>
-                        <a href="https://blog.za3k.com/tag/hardware/" class="tag-cloud-link tag-link-136 tag-link-position-17" style="font-size: 12.224137931034pt;" aria-label="hardware (8 items)">hardware</a>
-                        <a href="https://blog.za3k.com/tag/linux/" class="tag-cloud-link tag-link-17 tag-link-position-18" style="font-size: 18.741379310345pt;" aria-label="linux (30 items)">linux</a>
-                        <a href="https://blog.za3k.com/tag/minecraft-2/" class="tag-cloud-link tag-link-8 tag-link-position-19" style="font-size: 9.2068965517241pt;" aria-label="minecraft (4 items)">minecraft</a>
-                        <a href="https://blog.za3k.com/tag/music/" class="tag-cloud-link tag-link-36 tag-link-position-20" style="font-size: 11.620689655172pt;" aria-label="music (7 items)">music</a>
-                        <a href="https://blog.za3k.com/tag/november/" class="tag-cloud-link tag-link-227 tag-link-position-21" style="font-size: 18.01724137931pt;" aria-label="november (26 items)">november</a>
-                        <a href="https://blog.za3k.com/tag/organization/" class="tag-cloud-link tag-link-105 tag-link-position-22" style="font-size: 9.2068965517241pt;" aria-label="organization (4 items)">organization</a>
-                        <a href="https://blog.za3k.com/tag/physical/" class="tag-cloud-link tag-link-71 tag-link-position-23" style="font-size: 9.2068965517241pt;" aria-label="physical (4 items)">physical</a>
-                        <a href="https://blog.za3k.com/tag/piskell/" class="tag-cloud-link tag-link-109 tag-link-position-24" style="font-size: 9.2068965517241pt;" aria-label="piskell (4 items)">piskell</a>
-                        <a href="https://blog.za3k.com/tag/pixel-art/" class="tag-cloud-link tag-link-37 tag-link-position-25" style="font-size: 11.620689655172pt;" aria-label="pixel art (7 items)">pixel art</a>
-                        <a href="https://blog.za3k.com/tag/programming/" class="tag-cloud-link tag-link-47 tag-link-position-26" style="font-size: 11.01724137931pt;" aria-label="programming (6 items)">programming</a>
-                        <a href="https://blog.za3k.com/tag/publishing/" class="tag-cloud-link tag-link-68 tag-link-position-27" style="font-size: 9.2068965517241pt;" aria-label="publishing (4 items)">publishing</a>
-                        <a href="https://blog.za3k.com/tag/puzzles/" class="tag-cloud-link tag-link-275 tag-link-position-28" style="font-size: 8pt;" aria-label="puzzles (3 items)">puzzles</a>
-                        <a href="https://blog.za3k.com/tag/recipe/" class="tag-cloud-link tag-link-87 tag-link-position-29" style="font-size: 10.172413793103pt;" aria-label="recipe (5 items)">recipe</a>
-                        <a href="https://blog.za3k.com/tag/research/" class="tag-cloud-link tag-link-212 tag-link-position-30" style="font-size: 11.01724137931pt;" aria-label="research (6 items)">research</a>
-                        <a href="https://blog.za3k.com/tag/review/" class="tag-cloud-link tag-link-190 tag-link-position-31" style="font-size: 11.620689655172pt;" aria-label="review (7 items)">review</a>
-                        <a href="https://blog.za3k.com/tag/self-improvement/" class="tag-cloud-link tag-link-98 tag-link-position-32" style="font-size: 11.01724137931pt;" aria-label="self-improvement (6 items)">self-improvement</a>
-                        <a href="https://blog.za3k.com/tag/software/" class="tag-cloud-link tag-link-137 tag-link-position-33" style="font-size: 10.172413793103pt;" aria-label="software (5 items)">software</a>
-                        <a href="https://blog.za3k.com/tag/storage/" class="tag-cloud-link tag-link-173 tag-link-position-34" style="font-size: 9.2068965517241pt;" aria-label="storage (4 items)">storage</a>
-                        <a href="https://blog.za3k.com/tag/system-administration/" class="tag-cloud-link tag-link-14 tag-link-position-35" style="font-size: 15.241379310345pt;" aria-label="system administration (15 items)">system administration</a>
-                        <a href="https://blog.za3k.com/tag/throwaway/" class="tag-cloud-link tag-link-229 tag-link-position-36" style="font-size: 19.827586206897pt;" aria-label="throwaway (37 items)">throwaway</a>
-                        <a href="https://blog.za3k.com/tag/timelog/" class="tag-cloud-link tag-link-158 tag-link-position-37" style="font-size: 9.2068965517241pt;" aria-label="timelog (4 items)">timelog</a>
-                        <a href="https://blog.za3k.com/tag/video/" class="tag-cloud-link tag-link-259 tag-link-position-38" style="font-size: 8pt;" aria-label="video (3 items)">video</a>
-                        <a href="https://blog.za3k.com/tag/video-game/" class="tag-cloud-link tag-link-248 tag-link-position-39" style="font-size: 11.01724137931pt;" aria-label="video game (6 items)">video game</a>
-                        <a href="https://blog.za3k.com/tag/video-games/" class="tag-cloud-link tag-link-59 tag-link-position-40" style="font-size: 12.827586206897pt;" aria-label="video games (9 items)">video games</a>
-                        <a href="https://blog.za3k.com/tag/website/" class="tag-cloud-link tag-link-57 tag-link-position-41" style="font-size: 13.793103448276pt;" aria-label="website (11 items)">website</a>
-                        <a href="https://blog.za3k.com/tag/websites/" class="tag-cloud-link tag-link-41 tag-link-position-42" style="font-size: 9.2068965517241pt;" aria-label="websites (4 items)">websites</a>
-                        <a href="https://blog.za3k.com/tag/wikipedia/" class="tag-cloud-link tag-link-269 tag-link-position-43" style="font-size: 8pt;" aria-label="wikipedia (3 items)">wikipedia</a>
-                        <a href="https://blog.za3k.com/tag/yearly-review/" class="tag-cloud-link tag-link-191 tag-link-position-44" style="font-size: 11.01724137931pt;" aria-label="yearly review (6 items)">yearly review</a>
-                        <a href="https://blog.za3k.com/tag/zorchpad/" class="tag-cloud-link tag-link-282 tag-link-position-45" style="font-size: 11.01724137931pt;" aria-label="zorchpad (6 items)">zorchpad</a>
-                    </p>
+                    {{& tag_cloud }}
                 </li>
             </ul>
             <ul class="xoxo"></ul>
diff --git a/templates/tag.mustache.html b/templates/tag.mustache.html
index eb3e5a3..ad0c07f 100644
--- a/templates/tag.mustache.html
+++ b/templates/tag.mustache.html
@@ -186,51 +186,8 @@ var mantra_options = {"responsive":"1","image_class":"imageSeven","equalize_side
 			<ul class="xoxo">
 				<li id="block-15" class="widget-container widget_block widget_text">
 <p><a href="https://za3k.com/blog">archive</a><br><a href="https://za3k.com">za3k.com</a></p>
-</li><li id="block-2" class="widget-container widget_block widget_search"><form role="search" method="get" action="https://blog.za3k.com/" class="wp-block-search__no-button wp-block-search"    ><label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-1" >Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="Search" value="" type="search" name="s" required /></div></form></li><li id="block-14" class="widget-container widget_block widget_tag_cloud"><p class="wp-block-tag-cloud"><a href="https://blog.za3k.com/tag/announcements/" class="tag-cloud-link tag-link-204 tag-link-position-1" style="font-size: 8pt;" aria-label="announcements (3 items)">announcements</a>
-<a href="https://blog.za3k.com/tag/archiving/" class="tag-cloud-link tag-link-151 tag-link-position-2" style="font-size: 14.155172413793pt;" aria-label="archiving (12 items)">archiving</a>
-<a href="https://blog.za3k.com/tag/art/" class="tag-cloud-link tag-link-39 tag-link-position-3" style="font-size: 15.965517241379pt;" aria-label="art (17 items)">art</a>
-<a href="https://blog.za3k.com/tag/backup/" class="tag-cloud-link tag-link-18 tag-link-position-4" style="font-size: 15pt;" aria-label="backup (14 items)">backup</a>
-<a href="https://blog.za3k.com/tag/book-review/" class="tag-cloud-link tag-link-189 tag-link-position-5" style="font-size: 9.2068965517241pt;" aria-label="book review (4 items)">book review</a>
-<a href="https://blog.za3k.com/tag/command-line/" class="tag-cloud-link tag-link-56 tag-link-position-6" style="font-size: 8pt;" aria-label="command-line (3 items)">command-line</a>
-<a href="https://blog.za3k.com/tag/cooking/" class="tag-cloud-link tag-link-84 tag-link-position-7" style="font-size: 8pt;" aria-label="cooking (3 items)">cooking</a>
-<a href="https://blog.za3k.com/tag/crafts/" class="tag-cloud-link tag-link-104 tag-link-position-8" style="font-size: 9.2068965517241pt;" aria-label="crafts (4 items)">crafts</a>
-<a href="https://blog.za3k.com/tag/dead-tree/" class="tag-cloud-link tag-link-69 tag-link-position-9" style="font-size: 9.2068965517241pt;" aria-label="dead tree (4 items)">dead tree</a>
-<a href="https://blog.za3k.com/tag/debian/" class="tag-cloud-link tag-link-114 tag-link-position-10" style="font-size: 10.172413793103pt;" aria-label="debian (5 items)">debian</a>
-<a href="https://blog.za3k.com/tag/email/" class="tag-cloud-link tag-link-22 tag-link-position-11" style="font-size: 9.2068965517241pt;" aria-label="email (4 items)">email</a>
-<a href="https://blog.za3k.com/tag/game/" class="tag-cloud-link tag-link-91 tag-link-position-12" style="font-size: 9.2068965517241pt;" aria-label="game (4 items)">game</a>
-<a href="https://blog.za3k.com/tag/game-design/" class="tag-cloud-link tag-link-92 tag-link-position-13" style="font-size: 10.172413793103pt;" aria-label="game design (5 items)">game design</a>
-<a href="https://blog.za3k.com/tag/games/" class="tag-cloud-link tag-link-60 tag-link-position-14" style="font-size: 15.965517241379pt;" aria-label="games (17 items)">games</a>
-<a href="https://blog.za3k.com/tag/hack-a-day/" class="tag-cloud-link tag-link-228 tag-link-position-15" style="font-size: 22pt;" aria-label="hack-a-day (57 items)">hack-a-day</a>
-<a href="https://blog.za3k.com/tag/hacks/" class="tag-cloud-link tag-link-32 tag-link-position-16" style="font-size: 9.2068965517241pt;" aria-label="hacks (4 items)">hacks</a>
-<a href="https://blog.za3k.com/tag/hardware/" class="tag-cloud-link tag-link-136 tag-link-position-17" style="font-size: 12.224137931034pt;" aria-label="hardware (8 items)">hardware</a>
-<a href="https://blog.za3k.com/tag/linux/" class="tag-cloud-link tag-link-17 tag-link-position-18" style="font-size: 18.741379310345pt;" aria-label="linux (30 items)">linux</a>
-<a href="https://blog.za3k.com/tag/minecraft-2/" class="tag-cloud-link tag-link-8 tag-link-position-19" style="font-size: 9.2068965517241pt;" aria-label="minecraft (4 items)">minecraft</a>
-<a href="https://blog.za3k.com/tag/music/" class="tag-cloud-link tag-link-36 tag-link-position-20" style="font-size: 11.620689655172pt;" aria-label="music (7 items)">music</a>
-<a href="https://blog.za3k.com/tag/november/" class="tag-cloud-link tag-link-227 tag-link-position-21" style="font-size: 18.01724137931pt;" aria-label="november (26 items)">november</a>
-<a href="https://blog.za3k.com/tag/organization/" class="tag-cloud-link tag-link-105 tag-link-position-22" style="font-size: 9.2068965517241pt;" aria-label="organization (4 items)">organization</a>
-<a href="https://blog.za3k.com/tag/physical/" class="tag-cloud-link tag-link-71 tag-link-position-23" style="font-size: 9.2068965517241pt;" aria-label="physical (4 items)">physical</a>
-<a href="https://blog.za3k.com/tag/piskell/" class="tag-cloud-link tag-link-109 tag-link-position-24" style="font-size: 9.2068965517241pt;" aria-label="piskell (4 items)">piskell</a>
-<a href="https://blog.za3k.com/tag/pixel-art/" class="tag-cloud-link tag-link-37 tag-link-position-25" style="font-size: 11.620689655172pt;" aria-label="pixel art (7 items)">pixel art</a>
-<a href="https://blog.za3k.com/tag/programming/" class="tag-cloud-link tag-link-47 tag-link-position-26" style="font-size: 11.01724137931pt;" aria-label="programming (6 items)">programming</a>
-<a href="https://blog.za3k.com/tag/publishing/" class="tag-cloud-link tag-link-68 tag-link-position-27" style="font-size: 9.2068965517241pt;" aria-label="publishing (4 items)">publishing</a>
-<a href="https://blog.za3k.com/tag/puzzles/" class="tag-cloud-link tag-link-275 tag-link-position-28" style="font-size: 8pt;" aria-label="puzzles (3 items)">puzzles</a>
-<a href="https://blog.za3k.com/tag/recipe/" class="tag-cloud-link tag-link-87 tag-link-position-29" style="font-size: 10.172413793103pt;" aria-label="recipe (5 items)">recipe</a>
-<a href="https://blog.za3k.com/tag/research/" class="tag-cloud-link tag-link-212 tag-link-position-30" style="font-size: 11.01724137931pt;" aria-label="research (6 items)">research</a>
-<a href="https://blog.za3k.com/tag/review/" class="tag-cloud-link tag-link-190 tag-link-position-31" style="font-size: 11.620689655172pt;" aria-label="review (7 items)">review</a>
-<a href="https://blog.za3k.com/tag/self-improvement/" class="tag-cloud-link tag-link-98 tag-link-position-32" style="font-size: 11.01724137931pt;" aria-label="self-improvement (6 items)">self-improvement</a>
-<a href="https://blog.za3k.com/tag/software/" class="tag-cloud-link tag-link-137 tag-link-position-33" style="font-size: 10.172413793103pt;" aria-label="software (5 items)">software</a>
-<a href="https://blog.za3k.com/tag/storage/" class="tag-cloud-link tag-link-173 tag-link-position-34" style="font-size: 9.2068965517241pt;" aria-label="storage (4 items)">storage</a>
-<a href="https://blog.za3k.com/tag/system-administration/" class="tag-cloud-link tag-link-14 tag-link-position-35" style="font-size: 15.241379310345pt;" aria-label="system administration (15 items)">system administration</a>
-<a href="https://blog.za3k.com/tag/throwaway/" class="tag-cloud-link tag-link-229 tag-link-position-36" style="font-size: 19.827586206897pt;" aria-label="throwaway (37 items)">throwaway</a>
-<a href="https://blog.za3k.com/tag/timelog/" class="tag-cloud-link tag-link-158 tag-link-position-37" style="font-size: 9.2068965517241pt;" aria-label="timelog (4 items)">timelog</a>
-<a href="https://blog.za3k.com/tag/video/" class="tag-cloud-link tag-link-259 tag-link-position-38" style="font-size: 8pt;" aria-label="video (3 items)">video</a>
-<a href="https://blog.za3k.com/tag/video-game/" class="tag-cloud-link tag-link-248 tag-link-position-39" style="font-size: 11.01724137931pt;" aria-label="video game (6 items)">video game</a>
-<a href="https://blog.za3k.com/tag/video-games/" class="tag-cloud-link tag-link-59 tag-link-position-40" style="font-size: 12.827586206897pt;" aria-label="video games (9 items)">video games</a>
-<a href="https://blog.za3k.com/tag/website/" class="tag-cloud-link tag-link-57 tag-link-position-41" style="font-size: 13.793103448276pt;" aria-label="website (11 items)">website</a>
-<a href="https://blog.za3k.com/tag/websites/" class="tag-cloud-link tag-link-41 tag-link-position-42" style="font-size: 9.2068965517241pt;" aria-label="websites (4 items)">websites</a>
-<a href="https://blog.za3k.com/tag/wikipedia/" class="tag-cloud-link tag-link-269 tag-link-position-43" style="font-size: 8pt;" aria-label="wikipedia (3 items)">wikipedia</a>
-<a href="https://blog.za3k.com/tag/yearly-review/" class="tag-cloud-link tag-link-191 tag-link-position-44" style="font-size: 11.01724137931pt;" aria-label="yearly review (6 items)">yearly review</a>
-<a href="https://blog.za3k.com/tag/zorchpad/" class="tag-cloud-link tag-link-282 tag-link-position-45" style="font-size: 11.01724137931pt;" aria-label="zorchpad (6 items)">zorchpad</a></p></li>			</ul>
+</li><li id="block-2" class="widget-container widget_block widget_search"><form role="search" method="get" action="https://blog.za3k.com/" class="wp-block-search__no-button wp-block-search"    ><label class="wp-block-search__label screen-reader-text" for="wp-block-search__input-1" >Search</label><div class="wp-block-search__inside-wrapper " ><input class="wp-block-search__input" id="wp-block-search__input-1" placeholder="Search" value="" type="search" name="s" required /></div></form></li><li id="block-14" class="widget-container widget_block widget_tag_cloud">
+                    {{& tag_cloud }}</li></ul>
 
 			<ul class="xoxo">
 							</ul>
diff --git a/templates/tagcloud.mustache.html b/templates/tagcloud.mustache.html
new file mode 100644
index 0000000..2606594
--- /dev/null
+++ b/templates/tagcloud.mustache.html
@@ -0,0 +1,47 @@
+<p class="wp-block-tag-cloud">
+    <a href="https://blog.za3k.com/tag/announcements/" class="tag-cloud-link tag-link-204 tag-link-position-1" style="font-size: 8pt;" aria-label="announcements (3 items)">announcements</a>
+    <a href="https://blog.za3k.com/tag/archiving/" class="tag-cloud-link tag-link-151 tag-link-position-2" style="font-size: 14.155172413793pt;" aria-label="archiving (12 items)">archiving</a>
+    <a href="https://blog.za3k.com/tag/art/" class="tag-cloud-link tag-link-39 tag-link-position-3" style="font-size: 15.965517241379pt;" aria-label="art (17 items)">art</a>
+    <a href="https://blog.za3k.com/tag/backup/" class="tag-cloud-link tag-link-18 tag-link-position-4" style="font-size: 15pt;" aria-label="backup (14 items)">backup</a>
+    <a href="https://blog.za3k.com/tag/book-review/" class="tag-cloud-link tag-link-189 tag-link-position-5" style="font-size: 9.2068965517241pt;" aria-label="book review (4 items)">book review</a>
+    <a href="https://blog.za3k.com/tag/command-line/" class="tag-cloud-link tag-link-56 tag-link-position-6" style="font-size: 8pt;" aria-label="command-line (3 items)">command-line</a>
+    <a href="https://blog.za3k.com/tag/cooking/" class="tag-cloud-link tag-link-84 tag-link-position-7" style="font-size: 8pt;" aria-label="cooking (3 items)">cooking</a>
+    <a href="https://blog.za3k.com/tag/crafts/" class="tag-cloud-link tag-link-104 tag-link-position-8" style="font-size: 9.2068965517241pt;" aria-label="crafts (4 items)">crafts</a>
+    <a href="https://blog.za3k.com/tag/dead-tree/" class="tag-cloud-link tag-link-69 tag-link-position-9" style="font-size: 9.2068965517241pt;" aria-label="dead tree (4 items)">dead tree</a>
+    <a href="https://blog.za3k.com/tag/debian/" class="tag-cloud-link tag-link-114 tag-link-position-10" style="font-size: 10.172413793103pt;" aria-label="debian (5 items)">debian</a>
+    <a href="https://blog.za3k.com/tag/email/" class="tag-cloud-link tag-link-22 tag-link-position-11" style="font-size: 9.2068965517241pt;" aria-label="email (4 items)">email</a>
+    <a href="https://blog.za3k.com/tag/game/" class="tag-cloud-link tag-link-91 tag-link-position-12" style="font-size: 9.2068965517241pt;" aria-label="game (4 items)">game</a>
+    <a href="https://blog.za3k.com/tag/game-design/" class="tag-cloud-link tag-link-92 tag-link-position-13" style="font-size: 10.172413793103pt;" aria-label="game design (5 items)">game design</a>
+    <a href="https://blog.za3k.com/tag/games/" class="tag-cloud-link tag-link-60 tag-link-position-14" style="font-size: 15.965517241379pt;" aria-label="games (17 items)">games</a>
+    <a href="https://blog.za3k.com/tag/hack-a-day/" class="tag-cloud-link tag-link-228 tag-link-position-15" style="font-size: 22pt;" aria-label="hack-a-day (57 items)">hack-a-day</a>
+    <a href="https://blog.za3k.com/tag/hacks/" class="tag-cloud-link tag-link-32 tag-link-position-16" style="font-size: 9.2068965517241pt;" aria-label="hacks (4 items)">hacks</a>
+    <a href="https://blog.za3k.com/tag/hardware/" class="tag-cloud-link tag-link-136 tag-link-position-17" style="font-size: 12.224137931034pt;" aria-label="hardware (8 items)">hardware</a>
+    <a href="https://blog.za3k.com/tag/linux/" class="tag-cloud-link tag-link-17 tag-link-position-18" style="font-size: 18.741379310345pt;" aria-label="linux (30 items)">linux</a>
+    <a href="https://blog.za3k.com/tag/minecraft-2/" class="tag-cloud-link tag-link-8 tag-link-position-19" style="font-size: 9.2068965517241pt;" aria-label="minecraft (4 items)">minecraft</a>
+    <a href="https://blog.za3k.com/tag/music/" class="tag-cloud-link tag-link-36 tag-link-position-20" style="font-size: 11.620689655172pt;" aria-label="music (7 items)">music</a>
+    <a href="https://blog.za3k.com/tag/november/" class="tag-cloud-link tag-link-227 tag-link-position-21" style="font-size: 18.01724137931pt;" aria-label="november (26 items)">november</a>
+    <a href="https://blog.za3k.com/tag/organization/" class="tag-cloud-link tag-link-105 tag-link-position-22" style="font-size: 9.2068965517241pt;" aria-label="organization (4 items)">organization</a>
+    <a href="https://blog.za3k.com/tag/physical/" class="tag-cloud-link tag-link-71 tag-link-position-23" style="font-size: 9.2068965517241pt;" aria-label="physical (4 items)">physical</a>
+    <a href="https://blog.za3k.com/tag/piskell/" class="tag-cloud-link tag-link-109 tag-link-position-24" style="font-size: 9.2068965517241pt;" aria-label="piskell (4 items)">piskell</a>
+    <a href="https://blog.za3k.com/tag/pixel-art/" class="tag-cloud-link tag-link-37 tag-link-position-25" style="font-size: 11.620689655172pt;" aria-label="pixel art (7 items)">pixel art</a>
+    <a href="https://blog.za3k.com/tag/programming/" class="tag-cloud-link tag-link-47 tag-link-position-26" style="font-size: 11.01724137931pt;" aria-label="programming (6 items)">programming</a>
+    <a href="https://blog.za3k.com/tag/publishing/" class="tag-cloud-link tag-link-68 tag-link-position-27" style="font-size: 9.2068965517241pt;" aria-label="publishing (4 items)">publishing</a>
+    <a href="https://blog.za3k.com/tag/puzzles/" class="tag-cloud-link tag-link-275 tag-link-position-28" style="font-size: 8pt;" aria-label="puzzles (3 items)">puzzles</a>
+    <a href="https://blog.za3k.com/tag/recipe/" class="tag-cloud-link tag-link-87 tag-link-position-29" style="font-size: 10.172413793103pt;" aria-label="recipe (5 items)">recipe</a>
+    <a href="https://blog.za3k.com/tag/research/" class="tag-cloud-link tag-link-212 tag-link-position-30" style="font-size: 11.01724137931pt;" aria-label="research (6 items)">research</a>
+    <a href="https://blog.za3k.com/tag/review/" class="tag-cloud-link tag-link-190 tag-link-position-31" style="font-size: 11.620689655172pt;" aria-label="review (7 items)">review</a>
+    <a href="https://blog.za3k.com/tag/self-improvement/" class="tag-cloud-link tag-link-98 tag-link-position-32" style="font-size: 11.01724137931pt;" aria-label="self-improvement (6 items)">self-improvement</a>
+    <a href="https://blog.za3k.com/tag/software/" class="tag-cloud-link tag-link-137 tag-link-position-33" style="font-size: 10.172413793103pt;" aria-label="software (5 items)">software</a>
+    <a href="https://blog.za3k.com/tag/storage/" class="tag-cloud-link tag-link-173 tag-link-position-34" style="font-size: 9.2068965517241pt;" aria-label="storage (4 items)">storage</a>
+    <a href="https://blog.za3k.com/tag/system-administration/" class="tag-cloud-link tag-link-14 tag-link-position-35" style="font-size: 15.241379310345pt;" aria-label="system administration (15 items)">system administration</a>
+    <a href="https://blog.za3k.com/tag/throwaway/" class="tag-cloud-link tag-link-229 tag-link-position-36" style="font-size: 19.827586206897pt;" aria-label="throwaway (37 items)">throwaway</a>
+    <a href="https://blog.za3k.com/tag/timelog/" class="tag-cloud-link tag-link-158 tag-link-position-37" style="font-size: 9.2068965517241pt;" aria-label="timelog (4 items)">timelog</a>
+    <a href="https://blog.za3k.com/tag/video/" class="tag-cloud-link tag-link-259 tag-link-position-38" style="font-size: 8pt;" aria-label="video (3 items)">video</a>
+    <a href="https://blog.za3k.com/tag/video-game/" class="tag-cloud-link tag-link-248 tag-link-position-39" style="font-size: 11.01724137931pt;" aria-label="video game (6 items)">video game</a>
+    <a href="https://blog.za3k.com/tag/video-games/" class="tag-cloud-link tag-link-59 tag-link-position-40" style="font-size: 12.827586206897pt;" aria-label="video games (9 items)">video games</a>
+    <a href="https://blog.za3k.com/tag/website/" class="tag-cloud-link tag-link-57 tag-link-position-41" style="font-size: 13.793103448276pt;" aria-label="website (11 items)">website</a>
+    <a href="https://blog.za3k.com/tag/websites/" class="tag-cloud-link tag-link-41 tag-link-position-42" style="font-size: 9.2068965517241pt;" aria-label="websites (4 items)">websites</a>
+    <a href="https://blog.za3k.com/tag/wikipedia/" class="tag-cloud-link tag-link-269 tag-link-position-43" style="font-size: 8pt;" aria-label="wikipedia (3 items)">wikipedia</a>
+    <a href="https://blog.za3k.com/tag/yearly-review/" class="tag-cloud-link tag-link-191 tag-link-position-44" style="font-size: 11.01724137931pt;" aria-label="yearly review (6 items)">yearly review</a>
+    <a href="https://blog.za3k.com/tag/zorchpad/" class="tag-cloud-link tag-link-282 tag-link-position-45" style="font-size: 11.01724137931pt;" aria-label="zorchpad (6 items)">zorchpad</a>
+</p>
-- 
2.47.3