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