Add SPEC tags rendering

Author: stefanv

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;

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 }}