Adding badges with status colors to service definitions

This commit is contained in:
Benjamin Bach 2023-03-06 19:37:48 +01:00
parent 964896b5f1
commit 407eceb81c
Signed by untrusted user: benjaoming
GPG key ID: 7D49441634585664
6 changed files with 80 additions and 77 deletions

View file

@ -3,12 +3,13 @@ layout: page
title: Gitea title: Gitea
service_badges: service_badges:
stability: positive stability: positive
connection_security: positive secure_connection: positive
connection_anonymous: partial anonymity: partial
storage_encrypted: negative encrypted_storage: negative
zero_knowledge: negative zero_knowledge: negative
storage_backup: positive backup: positive
logging: negative logging: negative
--- ---
Skriver du kode eller anden tekst som du gerne vil holde under versionsstyring, kan du gemme det her. Skriver du kode eller anden tekst som du gerne vil holde under versionsstyring, kan du gemme det her.

View file

@ -1,3 +1,13 @@
# This determines which badges are active and the order to display them in
active_badges:
- stability
- secure_connection
- encrypted_storage
- zero_knowledge
- backup
- logging
- anonymity
badges: badges:
stability: stability:

View file

@ -12,3 +12,13 @@ other = "Status"
[tagline] [tagline]
other = "<u>vores</u> data i <u>vores</u> hænder" other = "<u>vores</u> data i <u>vores</u> hænder"
[service_badge_stability]
other = "Stabilitet"
[service_badges_status_positive]
other = "positiv"
[service_badges_status_negative]
other = "negativ"
[service_badges_status_partial]
other = "delvis"

View file

@ -280,6 +280,29 @@ dl.dl-services,
} }
.service-badges {
display : grid;
column-gap : 2rem;
grid-template-columns: 1fr 1.5fr auto;
.badge-icon {
grid-column-start : 1;
grid-column-end : 2;
}
.badge-name {
grid-column-start : 2;
grid-column-end : 3;
font-weight : bold;
margin-top: 20px;
}
.badge-description {
grid-column-start : 3;
grid-column-end : 4;
p {
margin-top: 20px;
}
}
}
.badge-status { .badge-status {
width: 75px; width: 75px;
height: 75px; height: 75px;

View file

@ -1,7 +1,9 @@
<h2>{{ i18n "badges_headline" }}</h2> <h2>{{ i18n "badges_headline" }}</h2>
<section class="badge-definitions"> <section class="badge-definitions">
{{ range $badge_key, $badge := $.Site.Data.badges.da.badges.badges }} {{/* TODO: This needs to be sensitive to current language */}}
{{- $translated_badges := index $.Site.Data.badges .Lang }}
{{ range $badge_key, $badge := $translated_badges.badges.badges }}
<div class="badge-icon"> <div class="badge-icon">
{{$svg := printf "static/static/img/badges/%s" .icon}} {{$svg := printf "static/static/img/badges/%s" .icon}}

View file

@ -4,80 +4,37 @@
{{ .Content }} {{ .Content }}
<table> {{- $page_params := .Params }}
{{- $translated_badges := index $.Site.Data.badges .Lang }}
<tr> <div class="service-badges">
<th> {{ range $translated_badges.badges.active_badges }}
{{ i18n "service_badge_stability" }}
</th>
<td>
{{ with .Params.service_badges.stability | printf "service_badges_status_%s" }}
{{ i18n . }}
{{ end }}
</td>
</tr>
<tr>
<th>
{{ i18n "service_badge_connection_security" }}
</th>
<td>
{{ with .Params.service_badges.connection_security | printf "service_badges_status_%s" }}
{{ i18n . }}
{{ end }}
</td>
</tr>
<tr>
<th>
{{ i18n "service_badge_connection_anonymous" }}
</th>
<td>
{{ with .Params.service_badges.connection_anonymous | printf "service_badges_status_%s" }}
{{ i18n . }}
{{ end }}
</td>
</tr>
<tr>
<th>
{{ i18n "service_badge_storage_encrypted" }}
</th>
<td>
{{ with .Params.service_badges.storage_encrypted | printf "service_badges_status_%s" }}
{{ i18n . }}
{{ end }}
</td>
</tr>
<tr>
<th>
{{ i18n "service_badge_zero_knowledge" }}
</th>
<td>
{{ with .Params.service_badges.zero_knowledge | printf "service_badges_status_%s" }}
{{ i18n . }}
{{ end }}
</td>
</tr>
<tr>
<th>
{{ i18n "service_badge_storage_backup" }}
</th>
<td>
{{ with .Params.service_badges.storage_backup | printf "service_badges_status_%s" }}
{{ i18n . }}
{{ end }}
</td>
</tr>
<tr>
<th>
{{ i18n "service_badge_logging" }}
</th>
<td>
{{ with .Params.service_badges.logging | printf "service_badges_status_%s" }}
{{ i18n . }}
{{ end }}
</td>
</tr>
</table> {{- $badge := index $translated_badges.badges.badges . }}
{{- $status := index $page_params.service_badges . -}}
<div class="badge-icon badge-status-{{ $status }}">
{{ $svg := printf "static/static/img/badges/%s" $badge.icon }}
{{ $svg | readFile | safeHTML }}
</div>
<div class="badge-name">
{{ title $badge.name }}<br>
= {{ i18n ($status | printf "service_badges_status_%s") }}
</div>
<div class="badge-description">
{{- $markdown := $badge.description | markdownify -}}
{{ if not ( findRE "<[h|p][^>]*>" $markdown ) }}
<p>{{ $markdown }}</p>
{{ else }}
{{ $markdown }}
{{ end }}
</div>
{{ end }}
</div>
{{- end -}} {{- end -}}