Fix a few small things on the badge page

_pages/badges.md

@@ -33,7 +33,7 @@ Tjenesten lever _ikke_ op til det badget dækker over.
 
 ## Detaljer om de forskellige badges
 
-<h3><span class="badge badge-secure-connection"></span> Sikker forbindelse</h3>
+<h3 id="sikker-forbindelse"><span class="badge badge-secure-connection"></span> Sikker forbindelse</h3>
 
 Sikker forbindelse angiver at trafikken over internettet mellem dig og
 tjenesten er krypteret. Du kender det som regel som en hængelås foran
@@ -43,7 +43,7 @@ kan se hvad der bliver sendt frem og tilbage mellem dig og tjenesten.
 <p class="badge-credits">Grafikken er <a href="https://thenounproject.com/search/?q=transfer&i=37030"><em>transfer</em></a> af Gonzalo Bravo fra the Noun Project.</p>
 
 
-<h3><span class="badge badge-encrypted-data-storage"></span> Krypteret opbevaring af data</h3>
+<h3 id="krypteret-opbevaring-af-data"><span class="badge badge-encrypted-data-storage"></span> Krypteret opbevaring af data</h3>
 
 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
@@ -53,7 +53,7 @@ data lækkes (fx ved virtuelt eller fysisk indbrud), kræver det en særlig
 <p class="badge-credits">Grafikken er <a href="https://thenounproject.com/search/?q=safe&i=821403"><em>safe</em></a> af Maxim Kulikov fra the Noun Project.</p>
 
 
-<h3><span class="badge badge-zero-knowledge"></span> Zero knowledge</h3>
+<h3 id="zero-knowledge"><span class="badge badge-zero-knowledge"></span> Zero knowledge</h3>
 
 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
@@ -65,7 +65,7 @@ datatyven også har stjålet hovednøglen, da der ingen hovednøgle er.
 <p class="badge-credits">Grafikken er <a href="https://thenounproject.com/search/?q=shrug&i=1221199"><em>Shrug</em></a> af Andrew Doane fra the Noun Project.</p>
 
 
-<h3><span class="badge badge-backup"></span> Backup</h3>
+<h3 id="backup"><span class="badge badge-backup"></span> Backup</h3>
 
 Der tages løbende backup af tjenestens data, for at minimere skadens omfang i
 tilfælde af tekniske nedbrud.
@@ -76,7 +76,7 @@ højt på vores prioritetsliste.
 <p class="badge-credits">Grafikken er <a href="https://thenounproject.com/search/?q=backup&i=2120922"><em>backup</em></a> af Adrien Coquet fra the Noun Project.</p>
 
 
-<h3><span class="badge badge-logging"></span> Logning</h3>
+<h3 id="logging"><span class="badge badge-logging"></span> Logning</h3>
 
 Dette badge er lidt omvendt: Det positive badge tildeles tjenester der _ikke_
 foretager logning.
@@ -91,7 +91,7 @@ overfører filen.
 <p class="badge-credits">Grafikken er <a href="https://thenounproject.com/search/?q=foot%20print&i=1677273"><em>Dog Paws</em></a> af iejank fra the Noun Project.</p>
 
 
-<h3><span class="badge badge-anonymous-access"></span> Anonym adgang</h3>
+<h3 id="anonym-adgang"><span class="badge badge-anonymous-access"></span> Anonym adgang</h3>
 
 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,

_sass/_badges.scss

@@ -14,15 +14,15 @@
 }
 
 .badge-positive {
-    background: #4c4;
+    background-color: #4c4;
 }
 
 .badge-partial {
-    background: #fd4;
+    background-color: #fd4;
 }
 
 .badge-negative {
-    background: #f44;
+    background-color: #f44;
 }
 
 .badge-secure-connection{
@@ -49,7 +49,18 @@
     background-image: url(/images/badges/anonymous-access.svg);
 }
 
-.badge-credits {
+.badge-credits,
+.badge-notes {
     color: #888;
     font-size: .75em;
 }
+
+ul.badges {
+    list-style-type: none;
+    margin: 0 0 0 .5em;
+    padding: 0;
+}
+
+ul.badges li {
+    margin: .5em 0;
+}