diff --git a/.cz.json b/.cz.json
index db51f831c..9826edbfd 100644
--- a/.cz.json
+++ b/.cz.json
@@ -13,8 +13,8 @@
       "schema": "<type>(<scope>): <subject>\n \n<body>\n \n(BREAKING CHANGE: )<footer>",
       "schema_pattern": "^(build|chore|ci|docs|feat|fix|perf|refactor|revert|style|test){1}(\\([\\w\\-\\.]+\\))?(!)?: ([\\w \\-'])+([\\s\\S]*)",
       "commit_parser": "^((?P<change_type>chore|build|ci|docs|feat|fix|perf|refactor|revert|style|test|BREAKING CHANGE)(?:\\((?P<scope>[^()\r\n]*)\\)|\\()?(?P<breaking>!)?|\\w+!):\\s(?P<message>.*)?",
-      "changelog_pattern": "^(.+!|BREAKING CHANGE|chore|build|ci|docs|feat|fix|perf|refactor|revert|style|test):",
-      "bump_pattern": "^(.+!|BREAKING CHANGE|chore|docs|feat|fix|perf|refactor|revert|style|test):",
+      "changelog_pattern": "^(BREAKING CHANGE|chore|build|ci|docs|feat|fix|perf|refactor|revert|style|test)",
+      "bump_pattern": "^(BREAKING CHANGE|chore|docs|feat|fix|perf|refactor|revert|style|test)",
       "bump_map": {
         ".+!": "MAJOR",
         "BREAKING CHANGE": "MAJOR",
@@ -191,4 +191,4 @@
       ]
     }
   }
-}
\ No newline at end of file
+}
diff --git a/_ci/spell/dict.txt b/_ci/spell/dict.txt
index 0478a6d13..370b662be 100644
--- a/_ci/spell/dict.txt
+++ b/_ci/spell/dict.txt
@@ -29,6 +29,7 @@ ohhhhh
 ongoingly
 pageviews
 pinboard
+precompress
 provideth
 psbl
 psxl
diff --git a/_utils/_scripts/bump.sh b/_utils/_scripts/bump.sh
index 4cf0f955e..e53392498 100755
--- a/_utils/_scripts/bump.sh
+++ b/_utils/_scripts/bump.sh
@@ -6,12 +6,9 @@ config="_utils/_cliff/config.toml"
 file="CHANGELOG.md"
 str=$(cz bump --dry-run | awk '/tag to create: /')
 ver=${str//tag to create: /}
-branch=$(git branch --show-current)
-[[ $branch != release* ]] && git checkout -b release/$ver
-branch=$(git branch --show-current)
 git cliff -c $config --unreleased --tag $ver --prepend ${file}
 git ls-files --modified
-read -p $'\e[31mWould you like to stage the changelog updates for commit?\e[0m: ' -n 1 -r
+read -p $'\e[31mWould you like to cut the release branch and stage changelog updates?\e[0m: ' -n 1 -r
 echo # newline
 if [[ ! $REPLY =~ ^[Yy]$ ]]; then
     read -p $'\e[31mWould you like to undo the changelog updates?\e[0m: ' -n 1 -r
@@ -22,6 +19,9 @@ if [[ ! $REPLY =~ ^[Yy]$ ]]; then
     git restore CHANGELOG.md
     exit 1
 fi
+branch=$(git branch --show-current)
+[[ $branch != release* ]] && git checkout -b release/$ver
+branch=$(git branch --show-current)
 git add CHANGELOG.md
 git status
 read -p $'\e[31mDouble check the staged files. Would you like to commit these changes?\e[0m: ' -n 1 -r
diff --git a/front/package.json b/front/package.json
index 14b15ffce..1aa757820 100644
--- a/front/package.json
+++ b/front/package.json
@@ -18,9 +18,9 @@
     "preview": "vite --config vite.config.js preview",
     "preview.local": "vite --config vite.local.config.js preview",
     "postinstall": "patch-package",
-    "postbuild.l": "npx svelte-sitemap -i '404' -i 'shingle' -t --attribution=false --domain https://local.dgrebb.com",
-    "postbuild.s": "npx svelte-sitemap -i '404' -i 'shingle' -t --attribution=false --domain https://stg.dgrebb.com",
-    "postbuild": "npx svelte-sitemap -i '404' -i 'shingle' -t --attribution=false --domain https://www.dgrebb.com"
+    "postbuild.l": "npx svelte-sitemap -i '404.html' -i '/404/index.html' -i 'shingle.html' -i '/shingle/index.html' -i '/posts/category/index.html' -t --attribution=false --domain https://local.dgrebb.com",
+    "postbuild.s": "npx svelte-sitemap -i '404.html' -i '/404/index.html' -i 'shingle.html' -i '/shingle/index.html' -i '/posts/category/index.html' -t --attribution=false --domain https://stg.dgrebb.com",
+    "postbuild": "npx svelte-sitemap -i '404.html' -i '/404/index.html' -i 'shingle.html' -i '/shingle/index.html' -i '/posts/category/index.html' -t --attribution=false --domain https://www.dgrebb.com"
   },
   "devDependencies": {
     "@accuser/svelte-plausible-analytics": "github:dgrebb/svelte-plausible-analytics#release/v0.6.0",
diff --git a/front/src/lib/components/PageNav.svelte b/front/src/lib/components/PageNav.svelte
index d5bb00f1e..38ecd2bbd 100644
--- a/front/src/lib/components/PageNav.svelte
+++ b/front/src/lib/components/PageNav.svelte
@@ -12,6 +12,7 @@
   export let mini = false;
   export let top = false;
   export let setActiveLink = null;
+  export let category = null;
 
   function activeLink(node) {
     const link = node.attributes.href.value;
@@ -56,6 +57,21 @@
     {#if categories && categories.length}
       <h2>Categories</h2>
       <ul class="page-navigation-list">
+        <li class="page-navigation-category-all">
+          <a
+            on:click={(e) => {
+              categoryClick(pathname, name);
+              setActiveLink(e);
+              if (mini) pageFenceClickHandler();
+            }}
+            href="/posts/category/all/"
+            class="transition-link"
+            class:active={category === 'all'}
+            use:activeLink
+          >
+            All
+          </a>
+        </li>
         {#each categories as { attributes: { name, slug } }, i}
           <li>
             <a
@@ -66,6 +82,7 @@
               }}
               href="/posts/category/{slug}/"
               class="transition-link"
+              class:active={category === slug}
               use:activeLink
             >
               {name}
diff --git a/front/src/lib/components/icons/Tag.svelte b/front/src/lib/components/icons/Tag.svelte
new file mode 100644
index 000000000..6f85e6952
--- /dev/null
+++ b/front/src/lib/components/icons/Tag.svelte
@@ -0,0 +1,11 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="11"
+  height="11"
+  viewBox="0 0 16 16"
+  class="category-tag-icon"
+  ><path
+    fill="currentColor"
+    d="M2.587 7.314a1.988 1.988 0 0 0 0 2.822l3.296 3.28a2.013 2.013 0 0 0 2.836 0l4.67-4.647a1.99 1.99 0 0 0 .587-1.397L14 4.01A2 2 0 0 0 11.987 2l-3.25.014a2.01 2.01 0 0 0-1.41.584l-4.74 4.716ZM11 6a1 1 0 1 1 0-2a1 1 0 0 1 0 2Z"
+  /></svg
+>
diff --git a/front/src/lib/styles/base/colors-light.css b/front/src/lib/styles/base/colors-light.css
index 0cc23d746..9f522a7ec 100644
--- a/front/src/lib/styles/base/colors-light.css
+++ b/front/src/lib/styles/base/colors-light.css
@@ -11,8 +11,10 @@
   --lemon-50-a30: #fdfdee4c;
   --lemon-50-a75: #fdfdeebf;
   --jasper: #cd533bff;
+  --jasper-a50: #cd533b7f;
   --darkred: #8c1c13ff;
   --sand: #fc9f5bff;
+  --sand-a50: #fc9f5b7f;
   --green: #5aff15ff;
   --darkgreen: #5e6319ff;
   --blue: #4062bbff;
diff --git a/front/src/lib/styles/base/theme.css b/front/src/lib/styles/base/theme.css
index 9304060fe..489103438 100644
--- a/front/src/lib/styles/base/theme.css
+++ b/front/src/lib/styles/base/theme.css
@@ -89,6 +89,8 @@
     --link-clr: var(--violet-a75);
     --link-clr--hover: var(--jasper);
     --highlight-clr: var(--jasper);
+    --tag-clr: var(--sand-a50);
+    --tag-border-clr: var(--jasper-a50);
 
     --rim-light-bg: linear-gradient(
       10deg,
@@ -438,16 +440,6 @@
         p {
           color: var(--violet-a75);
         }
-        &:hover,
-        &:focus,
-        &:focus-within {
-          .post-item-image {
-            opacity: 1;
-          }
-          a .post-title {
-            color: var(--jasper);
-          }
-        }
       }
     }
 
@@ -460,28 +452,36 @@
             color: var(--violet);
           }
         }
-        ~ label {
+        ~ .page-navigation-toggle {
           background-color: var(--lemon-50-a75);
-          color: var(--violet-a50);
           &:hover,
           &:focus,
           &:focus-visible {
             background-color: var(--sun-50);
             color: var(--violet);
           }
-          & + .page-navigation-list {
-            background-color: var(--lemon-50-a75);
-          }
         }
         &:checked {
-          ~ label,
-          label.bottom {
+          ~ .page-navigation-toggle {
             background-color: transparent;
-          }
-          & + .page-navigation-list {
-            background-color: var(--lemon-50-a75);
-            & label.bottom {
+            color: var(--violet-a50);
+            &:hover,
+            &:focus,
+            &:focus-visible {
               background-color: transparent;
+              color: var(--violet);
+            }
+            & + .page-navigation-list {
+              background-color: var(--lemon-50-a75);
+              label.bottom {
+                background-color: transparent;
+                color: var(--violet-a50);
+                &:hover,
+                &:focus,
+                &:focus-visible {
+                  color: var(--violet);
+                }
+              }
             }
           }
         }
@@ -493,7 +493,7 @@
         transition-duration: var(--transition-duration);
         transition-property: color;
         transition-timing-function: var(--transition-timing-function);
-        color: var(--fg-clr);
+        color: var(--violet-a75);
         &:hover,
         &:focus,
         &:focus-visible {
@@ -524,6 +524,8 @@
     --link-clr: var(--celestial-a75);
     --link-clr--hover: var(--celestial);
     --highlight-clr: var(--orange);
+    --tag-clr: var(--grape);
+    --tag-border-clr: var(--celestial-a30);
 
     --rim-light-bg: linear-gradient(
       10deg,
@@ -838,16 +840,6 @@
         p {
           color: var(--fg-clr);
         }
-        &:hover,
-        &:focus,
-        &:focus-within {
-          .post-item-image {
-            opacity: 1;
-          }
-          a .post-title {
-            color: var(--orange);
-          }
-        }
       }
     }
 
@@ -876,7 +868,7 @@
             color: var(--celestial);
           }
         }
-        ~ label {
+        ~ .page-navigation-toggle {
           background-color: var(--oxford-blue-a50);
           &:hover,
           &:focus,
@@ -884,18 +876,24 @@
             background-color: var(--grape);
             color: var(--celestial);
           }
-          & + .page-navigation-list {
-            background-color: var(--rich-black-a75);
-          }
-          &:checked {
-            ~ label,
-            label.bottom {
+        }
+        &:checked {
+          ~ .page-navigation-toggle {
+            background-color: transparent;
+            &:hover,
+            &:focus,
+            &:focus-visible {
               background-color: transparent;
+              color: var(--celestial);
             }
             & + .page-navigation-list {
               background-color: var(--rich-black-a75);
-              & label.bottom {
-                background-color: transparent;
+              label.bottom {
+                &:hover,
+                &:focus,
+                &:focus-visible {
+                  color: var(--celestial);
+                }
               }
             }
           }
diff --git a/front/src/lib/styles/components/page-nav.css b/front/src/lib/styles/components/page-nav.css
index c529fa93b..6790a1f12 100644
--- a/front/src/lib/styles/components/page-nav.css
+++ b/front/src/lib/styles/components/page-nav.css
@@ -32,7 +32,7 @@
     cursor: default;
     padding-right: 1rem;
     &:after {
-      top: calc(50% - 0.75rem);
+      top: calc(50% - 0.7rem);
       right: 0;
       padding-left: 0.5rem;
       content: '•';
@@ -54,7 +54,7 @@
     @media screen and (min-width: 640px) {
       display: none;
     }
-    label {
+    .page-navigation-toggle {
       display: inline-block;
       position: relative;
       vertical-align: middle;
@@ -65,7 +65,6 @@
       cursor: pointer;
       box-shadow: var(--shadow-elevation-low);
       border-radius: 0.33rem;
-      padding: 0.33rem 0.33rem 0.36rem 0.36rem;
     }
     input#page-navigation-checkbox {
       position: absolute;
@@ -83,15 +82,7 @@
           outline-offset: 1px;
         }
       }
-      &:checked {
-        &:focus,
-        &:focus-visible {
-          ~ label {
-            mix-blend-mode: normal;
-          }
-        }
-      }
-      ~ label {
+      ~ .page-navigation-toggle {
         .page-navigation-open {
           display: block;
         }
@@ -130,8 +121,20 @@
         }
       }
       &:checked {
-        ~ label {
+        &:focus,
+        &:focus-visible {
+          ~ .page-navigation-toggle {
+            mix-blend-mode: normal;
+          }
+        }
+        ~ .page-navigation-toggle {
           box-shadow: none;
+          background-color: transparent;
+          &:hover,
+          &:focus,
+          &:focus-visible {
+            background-color: transparent;
+          }
           .page-navigation-open {
             display: none;
           }
@@ -143,8 +146,14 @@
             visibility: visible;
             opacity: 1;
             max-height: 100%;
-            & label.bottom {
+            label.bottom {
               box-shadow: none;
+              background-color: transparent;
+              &:hover,
+              &:focus,
+              &:focus-visible {
+                background-color: transparent;
+              }
               .page-navigation-open {
                 display: none;
               }
diff --git a/front/src/lib/styles/pages/category.css b/front/src/lib/styles/pages/category.css
index 876a63124..f95a18f57 100644
--- a/front/src/lib/styles/pages/category.css
+++ b/front/src/lib/styles/pages/category.css
@@ -21,9 +21,9 @@
       position: absolute;
       top: 2.5rem;
       right: 0;
-      padding: 0 0.5rem;
-      label:not(.bottom) {
-        top: 3px;
+      padding: 0.5rem;
+      .page-navigation-toggle {
+        padding: 0.25rem;
       }
     }
   }
@@ -33,9 +33,6 @@
     @screen md {
       padding-top: 0;
     }
-    li {
-      list-style-type: none;
-    }
   }
   .category-posts-list {
     width: 100%;
@@ -49,9 +46,17 @@
     .transition-elastic-fly-container {
       border-radius: 0.75rem;
       overflow: visible;
-      ul,
+      ul {
+        padding: 1.5rem;
+        @media screen and (min-width: 480px) {
+          padding: 1.5rem;
+        }
+        @media screen and (min-width: 640px) {
+          padding: 2rem;
+        }
+      }
       p.summary {
-        padding: 2rem;
+        padding: 2rem 0;
       }
       &::before {
         position: absolute;
@@ -72,13 +77,24 @@
         display: flex;
         flex-direction: row;
         transition: color 0.5s;
+        &:hover,
+        &:focus,
+        &:focus-within {
+          .post-title {
+            color: var(--highlight-clr);
+          }
+          .post-item-image {
+            filter: brightness(100%);
+          }
+        }
       }
       .post-item-heading {
         display: flex;
         flex-grow: 1;
         flex-direction: column;
+        margin-bottom: 0.5rem;
         .post-title {
-          margin-bottom: 0.5rem;
+          margin-bottom: 0;
           font-size: 1.5rem;
           line-height: 1.75rem;
           @media screen and (min-width: 480px) {
@@ -87,7 +103,10 @@
           }
         }
         .post-date {
-          font-size: 1rem;
+          font-size: 0.875rem;
+          @media screen and (min-width: 480px) {
+            font-size: 1rem;
+          }
         }
       }
       .post-item-image {
@@ -95,16 +114,66 @@
         flex-shrink: 0;
         flex-direction: column;
         align-self: start;
-        opacity: 0.77;
         z-index: 3;
+        filter: brightness(80%);
         transition-duration: var(--transition-duration);
-        transition-property: opacity;
+        transition-property: filter;
         transition-timing-function: var(--transition-timing-function);
-        margin-left: 1.75rem;
+        margin-left: 0.75rem;
         border-radius: 100%;
+        width: 20%;
         width: 77px;
         height: 77px;
       }
+      ul.category-tags {
+        margin: 0;
+        padding: 0;
+      }
+      li.category-tag {
+        display: inline-block;
+        margin: 0 0.5rem 0 0;
+        &:last-of-type {
+          margin-right: 0;
+        }
+        &.active {
+          a {
+            opacity: 1;
+            cursor: default;
+          }
+        }
+        a {
+          align-items: center;
+          opacity: 0.7;
+          transition-duration: var(--transition-duration);
+          transition-property: opacity, background-color, color;
+          color: var(--fg-clr);
+          font-size: 0.75rem;
+          font-family: var(--font-ps);
+          @media screen and (min-width: 480px) {
+            margin-bottom: 0.33rem;
+            box-shadow: var(--shadow-elevation-low);
+            border: thin solid var(--tag-border-clr);
+            border-radius: 1.5rem;
+            background-color: var(--tag-clr);
+            padding: 0.175rem 0.75rem 0.175rem 0.5rem;
+          }
+          &:hover,
+          &:focus,
+          &:focus-visible {
+            opacity: 1;
+          }
+        }
+        .category-tag-icon {
+          display: inline;
+          vertical-align: middle;
+          margin-right: 3px;
+          height: 100%;
+          color: var(--highlight-clr);
+          @media screen and (min-width: 480px) {
+            margin-right: 0.5rem;
+          }
+        }
+      }
       .post-item-summary {
         transition: opacity 0.5s;
       }
diff --git a/front/src/lib/styles/pages/post.css b/front/src/lib/styles/pages/post.css
index 5ddb536a8..c11af2157 100644
--- a/front/src/lib/styles/pages/post.css
+++ b/front/src/lib/styles/pages/post.css
@@ -110,8 +110,6 @@
   .aside-toggle {
     position: relative;
     z-index: 8;
-    @screen sm {
-    }
     @screen md {
       top: -4rem;
     }
@@ -168,6 +166,16 @@
       }
     }
   }
+  .page-navigation {
+    .page-navigation-category-all {
+      display: none;
+    }
+    &.mini {
+      .page-navigation-toggle {
+        padding: 0.25rem 0.33rem;
+      }
+    }
+  }
 }
 
 .post .summary {
diff --git a/front/src/routes/posts/category/+page.js b/front/src/routes/posts/category/+page.js
new file mode 100644
index 000000000..008dc0841
--- /dev/null
+++ b/front/src/routes/posts/category/+page.js
@@ -0,0 +1,4 @@
+import { redirect } from '@sveltejs/kit';
+export function load() {
+  throw redirect(301, '/posts/category/all');
+}
diff --git a/front/src/routes/posts/category/[category]/+page.server.js b/front/src/routes/posts/category/[category]/+page.server.js
index bc2a346cd..afee32ddc 100644
--- a/front/src/routes/posts/category/[category]/+page.server.js
+++ b/front/src/routes/posts/category/[category]/+page.server.js
@@ -3,41 +3,45 @@ import api, { categoryAPI } from '@api';
 import {
   PUBLIC_API_URL as URL,
   PUBLIC_API_PATH_POSTS as POSTS,
+  PUBLIC_POSTS_PREVIEW_PARAMS as POSTS_PARAMS,
   PUBLIC_API_PATH_CATEGORY as CAT,
-  PUBLIC_CATEGORY_PAGE_PARAMS as PARAMS,
+  PUBLIC_CATEGORY_PAGE_PARAMS as CAT_PARAMS,
 } from '$env/static/public';
 
 export async function load({ params }) {
-  const { category } = params;
-  const categoriesSingletonEndpoint =
+  const { category } = params || 'all';
+  const categoryPageEndpoint =
     URL + '/categories-page?populate[0]=seo.metaImage';
-  const categoryCollectionEndpoint = URL + '/categories';
-  const categoryEndpoint = URL + CAT + category + '?populate[0]=seo.metaImage';
-  const postsEndpoint = URL + POSTS + PARAMS + category;
+  const categoriesListEndpoint =
+    URL + '/categories?sort[0]=name&filters[slug][$not]=all';
+  const individualCategoryEndpoint =
+    URL + CAT + category + '?populate[0]=seo.metaImage';
+  const postsEndpoint =
+    URL + POSTS + (category !== 'all' ? CAT_PARAMS + category : POSTS_PARAMS);
   const [
-    categoriesSingletonContent,
-    categoryCollectionContent,
-    categoryContent,
+    categoryPageContent,
+    categoriesListContent,
+    individualCategoryContent,
     posts,
   ] = await Promise.all([
-    api(categoriesSingletonEndpoint),
-    api(categoryCollectionEndpoint),
-    categoryAPI(categoryEndpoint),
+    api(categoryPageEndpoint),
+    api(categoriesListEndpoint),
+    categoryAPI(individualCategoryEndpoint),
     api(postsEndpoint),
   ]);
 
-  if (!categoryContent) {
+  if (!individualCategoryContent) {
     console.info({
       params,
       postsEndpoint,
-      categoryEndpoint,
+      individualCategoryEndpoint,
     });
     throw error(404, {
       message: 'Category not found!',
     });
   }
 
-  const { name, seo } = categoryContent;
+  const { name, seo } = individualCategoryContent;
 
   const pageMeta = {
     ...seo,
@@ -46,7 +50,7 @@ export async function load({ params }) {
     titleTemplate: '%s | Categories | Dan Grebb',
     metaDescription:
       seo?.metaDescription ||
-      categoryContent?.description ||
+      individualCategoryContent?.description ||
       `Here's a collection of posts about ${name}`,
   };
 
@@ -56,18 +60,19 @@ export async function load({ params }) {
   pageMeta.metaImage = {
     url:
       pageMeta?.metaImage?.formats?.large?.url ||
-      categoriesSingletonContent?.seo?.metaImage?.formats?.large?.url ||
+      categoryPageContent?.seo?.metaImage?.formats?.large?.url ||
       'https://s.dgrebb.com/img/default_categories_34209a13ff.png',
     alternativeText:
       pageMeta?.metaImage?.alternativeText ||
-      categoriesSingletonContent?.seo?.metaImage?.alternativeText ||
+      categoryPageContent?.seo?.metaImage?.alternativeText ||
       'A tree with various objects floating around it, signifying many different categories of information.',
   };
 
   return {
-    categoriesSingletonContent,
-    categoryCollectionContent,
-    categoryContent,
+    category,
+    categoryPageContent,
+    categoriesListContent,
+    individualCategoryContent,
     posts: posts || [],
     pageMeta,
   };
diff --git a/front/src/routes/posts/category/[category]/+page.svelte b/front/src/routes/posts/category/[category]/+page.svelte
index 3dbaa741f..ada0d90bb 100644
--- a/front/src/routes/posts/category/[category]/+page.svelte
+++ b/front/src/routes/posts/category/[category]/+page.svelte
@@ -6,15 +6,17 @@
   import TransitionElasticFly from '@components/TransitionElasticFly.svelte';
   import Link from '@components/content/renderers/Link.svelte';
   import Flourish from '@layout/Flourish.svelte';
+  import Tag from '@components/icons/Tag.svelte';
   import SvelteMarkdown from 'svelte-markdown';
   import PageNav from '../../../../lib/components/PageNav.svelte';
 
   export let data;
   const route = $page.route.id;
   $: ({
-    categoriesSingletonContent: { headline },
-    categoryCollectionContent: categories,
-    categoryContent: { name },
+    category,
+    categoryPageContent: { headline },
+    categoriesListContent: categories,
+    individualCategoryContent: { name },
     posts,
     pageMeta,
     pathname,
@@ -50,7 +52,7 @@
       >
         {#if posts && posts.length}
           <ul>
-            {#each posts as { attributes: { title, publishedAt, slug, summary, position, hero: { data: { attributes: { formats: { thumbnail } } } } } }, i}
+            {#each posts as { attributes: { title, publishedAt, slug, summary, categories, position, hero: { data: { attributes: { formats: { thumbnail } } } } } }, i}
               {@const date = new Date(publishedAt).toDateString()}
               <li class="post-item">
                 <a href="/post/{slug}">
@@ -64,6 +66,15 @@
                       `background-position: ${position};`}"
                   />
                 </a>
+                <ul class="category-tags">
+                  {#each categories.data as { attributes: { name, slug } }}
+                    <li class="category-tag" class:active={category === slug}>
+                      <a href="/posts/category/{slug}">
+                        <Tag />{name}
+                      </a>
+                    </li>
+                  {/each}
+                </ul>
                 {#if summary && summary.length}
                   <div class="post-item-summary">
                     <SvelteMarkdown
@@ -82,7 +93,7 @@
     </div>
 
     <aside class="aside">
-      <PageNav {categories} {pathname} {setActiveLink} />
+      <PageNav {categories} {pathname} {setActiveLink} {category} />
     </aside>
   </section>
 </PageTransition>
