starting tags

app/css/app.css

@@ -177,4 +177,60 @@ float:right;
 
 #footer, .mui-appbar {
     background-color: #62849C;
-}
+}
+
+a .tag{
+  float:left;
+  margin-right:8px;
+  padding:2px 7px 3px 19px;
+  font:700 .7em "lucida grande", helvetica, arial, sans-serif;
+  color:#3d5295;
+  text-decoration:none;
+  text-shadow:0 1px 0 rgba(255,255,255,.5);
+  border-radius:0 .4em .4em 0;
+  background:
+    -moz-linear-gradient(
+      -45deg,
+      transparent 50%,
+      #d0daf7 50%
+    ),
+    -moz-linear-gradient(
+      45deg,
+      transparent 50%,
+      #d0daf7 50%
+    ),
+    -moz-linear-gradient(
+      #d0daf7,
+      #d0daf7
+    );
+  background:
+    -webkit-gradient(
+      linear,
+      0 0, 100% 100%,
+      color-stop(.5,transparent),
+      color-stop(.5,#d0daf7)
+    ),
+    -webkit-gradient(
+      linear,
+      0 100%, 100% 0,
+      color-stop(.5,transparent),
+      color-stop(.5,#d0daf7)
+    ),
+    -webkit-gradient(
+      linear,
+      0 0, 100% 0,
+      from(#d0daf7),
+      to(#d0daf7)
+    );
+  background-repeat:no-repeat;
+  background-position:0 0, 0 100%, 10px 0;
+  background-size:10px 53%, 10px 50%, 100% 100%;
+  -moz-padding-start:14px;
+  -webkit-mask-image:-webkit-gradient(
+    radial,
+    11 50%, 2.9, 11 50%, 3,
+    from(transparent),
+    to(rgba(0,0,0,1))
+  )}
+a .tag:hover {
+  opacity:.8}

app/partials/view.ejs

@@ -2,6 +2,9 @@
     <div class="mui-panel">
         <div class="mui--text-headline"><%= data.title %></div>
         <div style="float:right">
+            <span class="tags">
+                <a class="#">Tag</a> <a class="#">Node</a>
+            </span>
             <span id="redo" class="mui--text-accent mui--text-button" style="cursor:pointer;">Redo <span class="lnr lnr-redo"></span></span>
             <span class="mui--divider-left">&nbsp;<%= link_to('Link', data.url) %>&nbsp;<span class="lnr lnr-link"></span> </span>
         </div>