Introduce the stability badge

_pages/badges.md

@@ -33,6 +33,20 @@ Tjenesten lever _ikke_ op til det badget dækker over.
 
 ## Detaljer om de forskellige badges
 
+<h3 id="stabilitet"><span class="badge badge-stable"></span> Stabilitet</h3>
+
+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
+nok til at vi vil anbefale almindelige mennesker at bruge den. Vi tilbyder
+løbende nye tjenester, og der vil være en periode i starten af en tjenestes
+levetid hvor vi anser den som værende "ustabil", indtil den har vist deres værd
+med en mindre skare af brugere der er med på at tjenesten kan være ustabil.
+Alle er dog stadig velkomne til at benytte sig af tjenesten, så længe de er
+indforstået med dette forbehold for stabiliteten.
+
+<p class="badge-credits">Grafikken er <a href="https://thenounproject.com/term/traffic-light/1925528/"><em>Traffic Light</em></a> af icon 54 fra the Noun Project.</p>
+
+
 <h3 id="sikker-forbindelse"><span class="badge badge-secure-connection"></span> Sikker forbindelse</h3>
 
 Sikker forbindelse angiver at trafikken over internettet mellem dig og

_pages/tjenester.md

@@ -21,6 +21,12 @@ en uddybning af [hvad de forskellige badges dækker over](/tjenester/badges/).
     <p>Gem dine filer, din kalender og dine kontakter i skyen og tilgå alt fra alle dine enheder.</p>
     <h4>Badges</h4>
     <ul class="badges">
+        <li>
+            <span class="badge badge-negative badge-stable">Negativ:</span>
+            <a href="/tjenester/badges/#stabilitet">
+                Tjenesten er <em>ikke</em> stabil endnu
+            </a>
+        </li>
         <li>
             <span class="badge badge-positive badge-secure-connection">Positiv:</span>
             <a href="/tjenester/badges/#sikker-forbindelse">
@@ -74,6 +80,12 @@ en uddybning af [hvad de forskellige badges dækker over](/tjenester/badges/).
     <p>Skriver du kode eller anden tekst som du gerne vil holde under versionsstyring, kan du gemme det her.</p>
     <h4>Badges</h4>
     <ul class="badges">
+        <li>
+            <span class="badge badge-negative badge-stable">Negativ:</span>
+            <a href="/tjenester/badges/#stabilitet">
+                Tjenesten er <em>ikke</em> stabil endnu
+            </a>
+        </li>
         <li>
             <span class="badge badge-positive badge-secure-connection">Positiv:</span>
             <a href="/tjenester/badges/#sikker-forbindelse">
@@ -124,6 +136,12 @@ en uddybning af [hvad de forskellige badges dækker over](/tjenester/badges/).
     <p>Hjælper dig med at huske stærke, unikke kodeord til alle de sites og apps du benytter dig af.</p>
     <h4>Badges</h4>
     <ul class="badges">
+        <li>
+            <span class="badge badge-negative badge-stable">Negativ:</span>
+            <a href="/tjenester/badges/#stabilitet">
+                Tjenesten er <em>ikke</em> stabil endnu
+            </a>
+        </li>
         <li>
             <span class="badge badge-positive badge-secure-connection">Positiv:</span>
             <a href="/tjenester/badges/#sikker-forbindelse">

_sass/_datacoop.scss

@@ -25,6 +25,10 @@
     background-color: #f44;
 }
 
+.badge-stable{
+    background-image: url(/images/badges/stable.svg);
+}
+
 .badge-secure-connection{
     background-image: url(/images/badges/secure-connection.svg);
 }

images/badges/stable.svg

@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   version="1.1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 100 100"
+   xml:space="preserve"
+   id="svg8"
+   sodipodi:docname="stable.svg"
+   width="100"
+   height="100"
+   inkscape:version="0.92.3 (2405546, 2018-03-11)"><metadata
+     id="metadata14"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title /></cc:Work></rdf:RDF></metadata><defs
+     id="defs12" /><sodipodi:namedview
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1"
+     objecttolerance="10"
+     gridtolerance="10"
+     guidetolerance="10"
+     inkscape:pageopacity="0"
+     inkscape:pageshadow="2"
+     inkscape:window-width="1920"
+     inkscape:window-height="1016"
+     id="namedview10"
+     showgrid="false"
+     inkscape:zoom="2.3041776"
+     inkscape:cx="-34.192742"
+     inkscape:cy="10"
+     inkscape:window-x="3840"
+     inkscape:window-y="27"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg8" /><path
+     d="M 85,42 H 70 v -5 c 8.285,0 15,-6.715 15,-15 H 70 c 0,-2.76 -2.24,-5 -5,-5 H 35 c -2.76,0 -5,2.24 -5,5 H 15 c 0,8.285 6.715,15 15,15 v 5 H 15 c 0,8.285 6.715,15 15,15 v 5 H 15 c 0,8.285 6.715,15 15,15 V 87 H 70 V 77 c 8.285,0 15,-6.715 15,-15 H 70 v -5 c 8.285,0 15,-6.715 15,-15 z M 50,77 c -4.14,0 -7.5,-3.36 -7.5,-7.5 0,-4.14 3.36,-7.5 7.5,-7.5 4.14,0 7.5,3.36 7.5,7.5 0,4.14 -3.36,7.5 -7.5,7.5 z m 0,-20 c -4.14,0 -7.5,-3.36 -7.5,-7.5 0,-4.14 3.36,-7.5 7.5,-7.5 4.14,0 7.5,3.36 7.5,7.5 0,4.14 -3.36,7.5 -7.5,7.5 z m 0,-20 c -4.14,0 -7.5,-3.36 -7.5,-7.5 0,-4.14 3.36,-7.5 7.5,-7.5 4.14,0 7.5,3.36 7.5,7.5 0,4.14 -3.36,7.5 -7.5,7.5 z"
+     id="path2"
+     inkscape:connector-curvature="0"
+     style="stroke-width:5" /></svg>