Clean up the taxonomy list

Make the name of the taxonomy copyable by putting it in the dom, rather than in
the CSS content:.

assets/css/099_taxonomy_list.css

@@ -8,21 +8,28 @@
  ***************************/
 
 .taxonomy-list {
+  display: flex;
+  gap: 1ch;
+  font-family: var(--font-family-monospace);
+
+  .taxonomy-list__name {
+    color: var(--text-color-secondary);
+    text-transform: uppercase;
+
+    &::after {
+      content: " =";
+    }
+  }
+
+  .taxonomy-list__terms {
       --spacing: 1ch;
 
       display: flex;
-    font-family: var(--font-family-monospace);
       gap: var(--spacing);
       list-style-type: none;
       margin-block: 0;
       padding-inline-start: 0;
 
-    &::before {
-        color: var(--text-color-secondary);
-        content: attr(data-name) " =";
-        text-transform: uppercase;
-    }
-
       li {
         padding-inline-start: 0;
       }
@@ -33,3 +40,4 @@
           margin-inline-start: var(--spacing);
       }
   }
+}

layouts/partials/page/taxonomy_list.html

@@ -13,9 +13,10 @@
   {{- with T $taxonomy (len .) }}
     {{ $name = . }}
   {{ end -}}
-  <ul class="taxonomy-list" data-name="{{ $name }}">
-    {{ range . }}
-      <li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>
-    {{ end }}
+  <div class="taxonomy-list">
+    <span class="taxonomy-list__name">{{ $name }}</span>
+    <ul class="taxonomy-list__terms" data-name="{{ $name }}">
+      {{ range . }}<li><a href="{{ .RelPermalink }}">{{ .Title }}</a></li>{{ end }}
     </ul>
+  </div>
 {{ end }}