index.html in robeaux-0.0.3 vs index.html in robeaux-0.0.4

- old
+ new

@@ -4,13 +4,23 @@
     <meta charset="utf-8">
     <title>Robeaux</title>
     <link rel="stylesheet" href="/stylesheets/bootstrap.css">
     <link rel="stylesheet" href="/stylesheets/font-awesome.css">
     <link rel="stylesheet" href="/stylesheets/style.css">
+
+    <span class="ng-hide" ng-controller="ThemesCtrl">
+      <link ng-if="!themes.current().custom" rel="stylesheet" ng-href="{{themes.current().url}}">
+      <style ng-if="themes.current().custom" ng-bind-template="{{themes.current().css}}"></style>
+    </span>
   </head>
   <body>
     <nav class="navbar navbar-default" role="navigation">
+      <div class="theme-selector" ng-controller="ThemesCtrl">
+        <select class="nav navbar-nav" ng-selected="themes.setActiveTheme()" ng-model="themes.activeTheme" ng-options="name for name in themes.list()">
+        </select>
+      </div>
+
       <div class="container">
         <div class="navbar-header">
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
             <span class="sr-only">Toggle navigation</span>
             <span class="icon-bar"></span>
@@ -19,13 +29,15 @@
           </button>
           <a class="navbar-brand" href="#">Robeaux</a>
         </div>
 
         <div class="collapse navbar-collapse">
-          <ul class="nav navbar-nav" ng-app="link">
-            <li class="active"><a href="#">Robots</a></li>
+          <ul class="nav navbar-nav" ng-controller="NavigationCtrl">
+            <li ng-class="{active: active('robots')}"><a href="#/robots">Robots</a></li>
+            <li ng-class="{active: active('themes')}"><a href="#/themes">Themes</a></li>
           </ul>
         </div>
+
       </div>
     </nav>
 
     <div ng-view></div>
 