+ breadcrumbs;

assets/style/breadcrumbs.scss

@@ -0,0 +1,23 @@
+nav.breadcrumbs{
+  width: 80%;
+  margin: 0 auto;
+  padding: .35em 0 0;
+  color: #bbb;
+
+  a {
+    color: #9990e0;
+  }
+
+  ul{
+    list-style: none;
+
+    li {
+      display: inline-block;
+
+      &:not(:first-child):before{
+        content: '⟶';
+        margin-left: .4em;
+      }
+    }
+  }
+}

client/app.js

@@ -79,6 +79,7 @@ app.run(function($location, $rootScope, $http, config) {
 require("./api/api")(app);
 require("./services/io")(app);
 require("./ui/menu")(app);
+require("./ui/breadcrumbs")(app);
 require("./ui/timeline")(app);
 require("./filters/strip")(app);
 require("./filters/remove-hashtags")(app);

client/ui/breadcrumbs.js

@@ -0,0 +1,11 @@
+module.exports = function(app) {
+    app.directive('breadcrumbs', function () {
+        return {
+            restrict: 'E',
+            templateUrl: '/views/breadcrumbs.html',
+            scope: {
+                crumbs: '='
+            }
+        };
+    });
+};

templates/views/breadcrumbs.html

@@ -0,0 +1,8 @@
+<nav class="breadcrumbs">
+    <ul>
+        <li ng-repeat="i in crumbs">
+            <a ng-show="i.url" href="{{i.url}}">{{i.name}}</a>
+            <span ng-hide="i.url">{{i.name}}</span>
+        </li>
+    </ul>
+</nav>