Add styling for badges

_sass/_badges.scss

@@ -0,0 +1,55 @@
+.badge {
+    font-family: monospace;
+    border: .1em solid #000;
+    border-radius: 1.1em;
+    width: 2em;
+    height: 2em;
+    margin-bottom: -.6em;
+    margin-right: .5em;
+    overflow: hidden;
+    display: inline-block;
+    text-indent: 10em;
+    background: #ccc center center;
+    background-size: contain;
+}
+
+.badge-positive {
+    background: #4c4;
+}
+
+.badge-partial {
+    background: #fd4;
+}
+
+.badge-negative {
+    background: #f44;
+}
+
+.badge-secure-connection{
+    background-image: url(/images/badges/secure-connection.svg);
+}
+
+.badge-encrypted-data-storage{
+    background-image: url(/images/badges/encrypted-data-storage.svg);
+}
+
+.badge-zero-knowledge{
+    background-image: url(/images/badges/zero-knowledge.svg);
+}
+
+.badge-backup{
+    background-image: url(/images/badges/backup.svg);
+}
+
+.badge-logging{
+    background-image: url(/images/badges/logging.svg);
+}
+
+.badge-anonymous-access {
+    background-image: url(/images/badges/anonymous-access.svg);
+}
+
+.badge-credits {
+    color: #888;
+    font-size: .75em;
+}

assets/css/style.scss

@@ -300,3 +300,4 @@ table th
 // ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
 @import "highlights";
 @import "svg-icons";
+@import "badges";