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