From adca8b18ff3f812e0951da445fe92eec18e1b6b3 Mon Sep 17 00:00:00 2001
From: Stefan van der Walt <stefanv@berkeley.edu>
Date: Tue, 4 Jun 2024 16:20:52 -0700
Subject: [PATCH] Add SPEC tags rendering

---
 assets/css/custom.css                 | 10 ++++++++++
 layouts/partials/specs/spec_list.html | 20 ++++++++++++++------
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/assets/css/custom.css b/assets/css/custom.css
index 4c6ee128..3662698b 100644
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@@ -16,6 +16,16 @@ table.spec__table thead {
   width: 20rem;
 }
 
+.spec__label {
+  border-radius: 10px;
+  background: var(--pst-color-info-bg);
+  color: var(--pst-color-info);
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+  padding-top: 0.25rem;
+  padding-bottom: 0.25rem;
+}
+
 .spec__status a {
   font-weight: normal;
   text-decoration: none;
diff --git a/layouts/partials/specs/spec_list.html b/layouts/partials/specs/spec_list.html
index 2408c828..bd94d8b6 100644
--- a/layouts/partials/specs/spec_list.html
+++ b/layouts/partials/specs/spec_list.html
@@ -3,7 +3,10 @@
     <tr>
       <td>Recommendations</td>
       <td title="The following projects support these recommendations">
-          Endorsed By
+        Endorsed By
+      </td>
+      <td>
+        Tags
       </td>
     </tr>
   </thead>
@@ -22,14 +25,19 @@
             {{- range $idx, $el := $endorsed_by  }}
               {{ $project_page := $.GetPage (printf "core-projects/%s" $el) }}
               {{ $url := $project_page.RelPermalink }}
-              <a href="{{ $url }}">
-                <img title="{{ $project_page.Title }}" src="{{ $project_page.Params.avatar }}" class="icon"/>
-              </a>
-            {{ end }}
+          <a href="{{ $url }}">
+            <img title="{{ $project_page.Title }}" src="{{ $project_page.Params.avatar }}" class="icon"/>
+          </a>
+          {{ end }}
           {{ else }}
-            DRAFT
+          DRAFT
           {{ end -}}
         </td>
+        <td class="spec__tags">
+          {{ range .Params.tags }}
+          <span class="spec__label"> {{ . }}</span>
+          {{ end }}
+        </td>
       </tr>
     {{ end }}
   {{- end }}