add label to blek id

public/static/main.css

@@ -86,7 +86,6 @@ hr {
 	font-size:15px;
 	font-weight:bold;
 	padding:2px 4px;
-    margin:0 6px;
 	text-decoration:none;
 	text-shadow:0px 1px 0px #ffffff;
 }

view/projects/blek_id.pug

@@ -1,9 +1,12 @@
 extends ../layout/project.pug
 block root
     - var title = 'blek! Sail'
+    include ../ui/label.pug
 
 block append content
-    h2 blek! ID
+    h2
+        | blek! ID 
+        +label('Abandoned', '#B9CEDB')
     p
         | blek! ID provides authentication functionality for all blek! Services.
         br

view/ui/label.pug

@@ -3,9 +3,12 @@ mixin label(text, base_color)
     -
         var color = base_color || '#F9F9F9';
         var dark_color = pSBC(-0.2, color);
+        var text_color = pSBC(-0.75, dark_color);
     span(
         class='ui_custom_label'
         style=";background-color:" + color +
-            ";background:linear-gradient(to bottom, " + color + " 50%, " + dark_color + " 100%)" +
-            ";border:1px solid " + pSBC(-0.2, dark_color)
+            ";background:linear-gradient(to bottom," + color + " 50%," + dark_color + " 100%)" +
+            ";border:1px solid " + pSBC(-0.2, dark_color) +
+            ";box-shadow:inset 0px 1px 0px 0px " + pSBC(0.75, color) +
+            ";color:" + text_color
     )= text

view/ui/planned_label.pug

@@ -0,0 +1,3 @@
+mixin planned_label()
+    include ./label.pug
+    +label('Planned')