diff --git a/themes/datacoop2020/assets/static/css/style.scss b/themes/datacoop2020/assets/static/css/style.scss index 1a1d5e4..7e3ddb0 100644 --- a/themes/datacoop2020/assets/static/css/style.scss +++ b/themes/datacoop2020/assets/static/css/style.scss @@ -205,9 +205,13 @@ aside > footer img:hover { } .badge-icon { - width: 30px; + width: 75px; height: auto; - svg{fill:#4b3aba;} + svg{ + fill:#4b3aba; + width: 100%; + height: auto; + } } .principles-list { @@ -232,7 +236,8 @@ aside > footer img:hover { } } -dl.dl-services { +dl.dl-services, +{ display : grid; column-gap : 2rem; dt { @@ -246,6 +251,29 @@ dl.dl-services { } } +dl.badge-definitions, +dl.status-definitions, +{ + display : grid; + column-gap : 2rem; + dt { + grid-column-start : 1; + grid-column-end : 2; + font-weight : bold; + .badge-icon { + display: inline-block; + vertical-align: middle; + margin-right: 10px; + } + .badge-name { + } + } + dd { + grid-column-start : 2; + grid-column-end : 3; + } +} + @media(max-width:1000px) { :root { --base-grid : 40px; diff --git a/themes/datacoop2020/layouts/partials/badges.html b/themes/datacoop2020/layouts/partials/badges.html index 134a34f..c876c00 100644 --- a/themes/datacoop2020/layouts/partials/badges.html +++ b/themes/datacoop2020/layouts/partials/badges.html @@ -1,25 +1,41 @@

{{ i18n "badges_headline" }}

+
{{ range $badge_key, $badge := $.Site.Data.badges.da.badges.badges }} -

- {{ title .name }} +
{{$svg := printf "static/static/img/badges/%s" .icon}} {{ $svg | readFile | safeHTML }} -

+ {{ title .name }} + - {{ markdownify .description }} +
+ {{/* Hugo is insane some times: https://github.com/gohugoio/hugo/issues/3040 */}} + {{- $markdown := .description | markdownify -}} + + {{ if not ( findRE "<[h|p][^>]*>" $markdown ) }} +

{{ $markdown }}

+ {{ else }} + {{ $markdown }} + {{ end }} +
{{ end }} +
+

{{ i18n "status_headline" }}

+
{{ range $.Site.Data.badges.da.status.status }} -

{{ title .name }}

+
{{ title .name }}
+
{{ markdownify .description }} +
{{ end }} +