assets/css/bobastyle.css

@@ -135,48 +135,64 @@
 
 
 
-/* Taxonomy list format */
+/* Category list format */
-.taxonomy-list a,
+.category-list ul {
-.taxonomy-list .taxonomy-metadata {
-  white-space: nowrap;
-}
-
-.taxonomy-list p {
-  margin: 0;
-}
-
-.taxonomy-list ul {
-  list-style: none;
-  padding: 0;
   display: flex;
   flex-direction: column;
+  list-style: none;
   gap: 10px;
+  padding: 0;
 }
 
-.taxonomy-list li {
+.category-list li {
-  background-color: var(--background-1);
-  padding: 8px 12px;
-  border-radius: 8px;
   display: flex;
   flex-direction: row;
   gap: 20px;
+  background-color: var(--background-1);
+  padding: 8px 12px;
+  border-radius: 8px;
 }
 
-.taxonomy-list-left {
+@media (max-width: 360px) {
-  display: flex;
+  .category-list li {
-  flex-direction: column;
-}
-
-@media (max-width: 480px) {
-  .taxonomy-list li {
     flex-direction: column;
-    gap: 4px;
+    gap: 0;
   }
+}
 
-  .taxonomy-list-left {
+.category-list p {
-    flex-direction: row;
+  margin: 0;
-    justify-content: space-between;
+}
-  }
+
+.category-list .category-metadata {
+  margin-left: auto;
+}
+
+.category-list a,
+.category-list .category-metadata {
+  white-space: nowrap;
+}
+
+
+
+/* Tags list format */
+.tag-list ul {
+  display: flex;
+  list-style: none;
+  gap: 10px;
+  flex-flow: row wrap;
+  padding: 0;
+}
+
+.tag-list a {
+  background-color: var(--background-1);
+  padding: 8px 12px;
+  border-radius: 12px;
+}
+
+.tag-list a:hover {
+  text-decoration: none;
+  background-color: var(--background-2);
 }
 
 
@@ -239,10 +255,6 @@
 
 
 /* Header formatting (website title and article section headers) */
-h1.header {
-  font-size: 1.5em;
-}
-
 .header a,
 .section-header a {
   color: inherit;

i18n/en.yaml

@@ -94,8 +94,8 @@ aria_post_metadata:
 aria_author_metadata:
   other: "author metadata"
 
-aria_taxonomy_metadata:
+aria_category_metadata:
-  other: "taxonomy metadata"
+  other: "category metadata"
 
 aria_post_meta_date:
   other: "date"
@@ -109,7 +109,7 @@ aria_author_post_count:
 aria_author_word_count:
   other: "word count"
 
-aria_taxonomy_post_count:
+aria_category_post_count:
   other: "post count"
 
 aria_series_metadata:

i18n/es.yaml

@@ -94,8 +94,8 @@ newer_post:
 # aria_author_metadata:
 #   other: "author metadata"
 
-# aria_taxonomy_metadata:
+# aria_category_metadata:
-#   other: "taxonomy metadata"
+#   other: "category metadata"
 
 # aria_post_meta_date:
 #   other: "date"
@@ -109,7 +109,7 @@ newer_post:
 # aria_author_word_count:
 #   other: "word count"
 
-# aria_taxonomy_post_count:
+# aria_category_post_count:
 #   other: "post count"
 
 # aria_series_metadata:

layouts/categories/list.html

@@ -0,0 +1,28 @@
+{{ define "main" }}
+    <h1>
+        {{ partial "icon.html" "folder" }}
+        {{ .Title | markdownify }}
+    </h1>
+
+    <div class="category-list">
+        {{ with .Data.Terms.Alphabetical }}
+            <ul>
+                {{ range . }}
+                    {{ with .Page }}
+                        <li>
+                            <a href="{{ .Permalink }}">
+                                <p>{{ .Title | markdownify }}</p>
+                            </a>
+                            {{ partial "description-or-summary.html" . }}
+                            {{ partial "post-metadata/category.html" . }}
+                        </li>
+                    {{ end }}
+                {{ end }}
+            </ul>
+        {{ else }}
+            <div>
+                {{ i18n "no_posts" }}
+            </div>
+        {{ end }}
+    </div>
+{{ end }}

layouts/categories/term.html

@@ -0,0 +1,17 @@
+{{ define "main" }}
+    <h1>
+        {{ partial "icon.html" "folder" }}
+        {{ .Title | markdownify }}
+        {{ partial "rss-link.html" . }}
+    </h1>
+
+    {{ partial "post-metadata/category.html" . }}
+
+    {{ with .Content }}
+        {{ . }}
+    {{ end }}
+
+    {{ partial "page-list.html" .Paginator.Pages }}
+
+    {{ partial "pagination.html" . }}
+{{ end }}

layouts/partials/post-metadata/category.html

@@ -0,0 +1,6 @@
+<div class="category-metadata" aria-label="{{ i18n "aria_category_metadata" }}">
+    <span class="category-meta-item" aria-label="{{ i18n "aria_category_post_count" }}">
+        {{ partial "icon.html" "newspaper" }}
+        {{ i18n "post_count" (len .Data.Pages) }}
+    </span>
+</div>

layouts/partials/post-metadata/taxonomy.html

@@ -1,6 +0,0 @@
-<div class="taxonomy-metadata" aria-label="{{ i18n "aria_taxonomy_metadata" }}">
-    <span class="taxonomy-meta-item" aria-label="{{ i18n "aria_taxonomy_post_count" }}">
-        {{ partial "icon.html" "newspaper" }}
-        {{ i18n "post_count" (len .Data.Pages) }}
-    </span>
-</div>

layouts/partials/top.html

@@ -1,6 +1,6 @@
-<h1 class="header">
+<h2 class="header">
     <a href="{{ .Site.Home.Permalink | absLangURL }}">{{ .Site.Title | markdownify }}</a>
-</h1>
+</h2>
 
 <div class="topbar">
     <nav class="navbar" aria-label="{{ i18n "aria_navbar" }}">

layouts/shortcodes/see-also.html

@@ -1,6 +1,6 @@
 <div class="see-also">
     {{ with .Site.GetPage (.Get 0) }}
-        <p>{{ i18n "see_also" }} <a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></p>
+        <p>{{ i18n "see_also" }} <a href="{{ .Permalink }}">{{ .Title }}</a></p>
     {{ else }}
         {{ errorf "Page could not be found for see-also shortcode: %s" .Position }}
     {{ end }}

layouts/tags/list.html

@@ -0,0 +1,22 @@
+{{ define "main" }}
+    <h1>
+        {{ partial "icon.html" "tag" }}
+        {{ .Title | markdownify }}
+    </h1>
+
+    <div class="tag-list">
+        {{ with .Data.Terms.Alphabetical }}
+            <ul>
+                {{ range . }}
+                    <a href="{{ .Page.Permalink }}">
+                        <li>{{ .Page.Title | markdownify }}</li>
+                    </a>
+                {{ end }}
+            </ul>
+        {{ else }}
+            <div>
+                {{ i18n "no_posts" }}
+            </div>
+        {{ end }}
+    </div>
+{{ end }}

layouts/tags/term.html

@@ -0,0 +1,15 @@
+{{ define "main" }}
+    <h1>
+        {{ partial "icon.html" "tag" }}
+        {{ .Title | markdownify }}
+        {{ partial "rss-link.html" . }}
+    </h1>
+
+    {{ with .Content }}
+        {{ . }}
+    {{ end }}
+
+    {{ partial "page-list.html" .Paginator.Pages }}
+
+    {{ partial "pagination.html" . }}
+{{ end }}

layouts/taxonomy/list.html

@@ -1,31 +1,16 @@
 {{ define "main" }}
     <h1>
-        {{ if eq .Data.Singular "tag" }}
+        {{ partial "icon.html" "filter" }}
-            {{ partial "icon.html" "tag" }}
-        {{ else if eq .Data.Singular "category" }}
-            {{ partial "icon.html" "folder" }}
-        {{ else }}
-            {{ partial "icon.html" "filter" }}
-        {{ end }}
-
         {{ .Title | markdownify }}
     </h1>
 
-    <div class="taxonomy-list">
+    <div class="taxonomy">
         {{ with .Data.Terms.Alphabetical }}
             <ul>
                 {{ range . }}
-                    {{ with .Page }}
+                    <li>
-                        <li>
+                        <a href="{{ .Page.Permalink }}">{{ .Page.Title | markdownify }}</a>
-                            <div class="taxonomy-list-left">
+                    </li>
-                                <a href="{{ .Permalink }}">
-                                    <p>{{ .Title | markdownify }}</p>
-                                </a>
-                                {{ partial "post-metadata/taxonomy.html" . }}
-                            </div>
-                            {{ partial "description-or-summary.html" . }}
-                        </li>
-                    {{ end }}
                 {{ end }}
             </ul>
         {{ else }}

layouts/taxonomy/term.html

@@ -1,19 +1,10 @@
 {{ define "main" }}
     <h1>
-        {{ if eq .Data.Singular "tag" }}
+        {{ partial "icon.html" "filter" }}
-            {{ partial "icon.html" "tag" }}
-        {{ else if eq .Data.Singular "category" }}
-            {{ partial "icon.html" "folder" }}
-        {{ else }}
-            {{ partial "icon.html" "filter" }}
-        {{ end }}
-
         {{ .Title | markdownify }}
         {{ partial "rss-link.html" . }}
     </h1>
 
-    {{ partial "post-metadata/taxonomy.html" . }}
-
     {{ with .Content }}
         {{ . }}
     {{ end }}