From 6b3e63338353e798ef8809a90e029013e7dce514 Mon Sep 17 00:00:00 2001
From: Mikkel Munch Mortensen <3xm@detfalskested.dk>
Date: Thu, 14 Feb 2019 12:07:21 +0100
Subject: [PATCH] Change styling for badges
Don't hide the content of them, allowing everyone to know what the badge
is about.
---
_pages/badges.md | 20 ++++++++++----------
_sass/_datacoop.scss | 23 ++++++++++++-----------
2 files changed, 22 insertions(+), 21 deletions(-)
diff --git a/_pages/badges.md b/_pages/badges.md
index fb45031..b6fb5e2 100644
--- a/_pages/badges.md
+++ b/_pages/badges.md
@@ -17,23 +17,23 @@ tilfælde vil dette blive særdeklareret under listen af badges ved en tjeneste.
Et badge kan have 3 forskellige statuser:
-+ Positiv
+Positiv
Tjenesten lever op til kravene til det badget dækker over.
-/ Delvis
+Delvis
Tjenesten lever delvist op til det badget dækker over. Dog i en sådan grad at
vi mener det er værd at fremhæve.
-- Negativ
+Negativ
Tjenesten lever _ikke_ op til det badget dækker over.
## Detaljer om de forskellige badges
- Stabilitet
+Stabilitet
Det første badge er som sådan ikke relateret til hvorvidt tjenesten lever op
til vores formålsparagraf. Det angiver i stedet hvorvidt tjenesten er stabil
@@ -47,7 +47,7 @@ indforstået med dette forbehold for stabiliteten.
Grafikken er Traffic Light af icon 54 fra the Noun Project.
- Sikker forbindelse
+Sikker forbindelse
Sikker forbindelse angiver at trafikken over internettet mellem dig og
tjenesten er krypteret. Du kender det som regel som en hængelås foran
@@ -57,7 +57,7 @@ kan se hvad der bliver sendt frem og tilbage mellem dig og tjenesten.
Grafikken er transfer af Gonzalo Bravo fra the Noun Project.
- Krypteret opbevaring af data
+Krypteret opbevaring af data
Tjenestens data gemmes krypteret, og er dermed ikke umiddelbart læsbare for
andre end tjenesten selv og data.coops systemadministratorer. I tilfælde af at
@@ -67,7 +67,7 @@ data lækkes (fx ved virtuelt eller fysisk indbrud), kræver det en særlig
Grafikken er safe af Maxim Kulikov fra the Noun Project.
- Zero knowledge
+Zero knowledge
Data gemmes krypteret, og tjenesten er konstrueret på en måde, så selv ikke
data.coops systemadministratorer har mulighed for at tilgå og læse brugernes
@@ -79,7 +79,7 @@ datatyven også har stjålet hovednøglen, da der ingen hovednøgle er.
Grafikken er Shrug af Andrew Doane fra the Noun Project.
- Backup
+Backup
Der tages løbende backup af tjenestens data, for at minimere skadens omfang i
tilfælde af tekniske nedbrud.
@@ -90,7 +90,7 @@ højt på vores prioritetsliste.
Grafikken er backup af Adrien Coquet fra the Noun Project.
- Logning
+Logning
Dette badge er lidt omvendt: Det positive badge tildeles tjenester der _ikke_
foretager logning.
@@ -105,7 +105,7 @@ overfører filen.
Grafikken er Dog Paws af iejank fra the Noun Project.
- Anonym adgang
+Anonym adgang
Tjenester med anonym adgang kan benyttes helt uden at man skal være registreret
ved tjenesten. De fleste tjenester kræver en form for registrering af brugerne,
diff --git a/_sass/_datacoop.scss b/_sass/_datacoop.scss
index 84b1f6e..9067293 100644
--- a/_sass/_datacoop.scss
+++ b/_sass/_datacoop.scss
@@ -1,4 +1,4 @@
-.badge {
+.badge:before {
font-family: monospace;
border: .1em solid #000;
border-radius: 1.1em;
@@ -11,45 +11,46 @@
text-indent: 10em;
background: #ccc center center;
background-size: contain;
+ content: "";
}
-.badge-positive {
+.badge-positive:before {
background-color: #4c4;
}
-.badge-partial {
+.badge-partial:before {
background-color: #fd4;
}
-.badge-negative {
+.badge-negative:before {
background-color: #f44;
}
-.badge-stable{
+.badge-stable:before {
background-image: url(/images/badges/stable.svg);
}
-.badge-secure-connection{
+.badge-secure-connection:before {
background-image: url(/images/badges/secure-connection.svg);
}
-.badge-encrypted-data-storage{
+.badge-encrypted-data-storage:before {
background-image: url(/images/badges/encrypted-data-storage.svg);
}
-.badge-zero-knowledge{
+.badge-zero-knowledge:before {
background-image: url(/images/badges/zero-knowledge.svg);
}
-.badge-backup{
+.badge-backup:before {
background-image: url(/images/badges/backup.svg);
}
-.badge-logging{
+.badge-logging:before {
background-image: url(/images/badges/logging.svg);
}
-.badge-anonymous-access {
+.badge-anonymous-access:before {
background-image: url(/images/badges/anonymous-access.svg);
}