diff --git a/resources/public/css/yyy-static.css b/resources/public/css/yyy-static.css
index a61993e..4b59f3b 100644
--- a/resources/public/css/yyy-static.css
+++ b/resources/public/css/yyy-static.css
@@ -23,6 +23,14 @@
  * ## html elements generally in alphabetic order
  */
 
+a {
+  color: silver;
+}
+
+a:hover, a:active {
+  color: white;
+}
+
 body {
   font-family: "Archivo Narrow", "Helvetica", "Sans", sans-serif;
   background-color: rgb( 50, 109, 177);
@@ -430,7 +438,7 @@ th {
   }
 
   #nav menu li {
-    padding: 0.5em;
+    padding: 0.5em 2em 0.5em 0.5em;
     margin: 0.5 em;
     font-size: 150%;
   }
@@ -511,7 +519,7 @@ th {
   }
 
   #nav menu li {
-    padding: 0.5em;
+    padding: 0.5em 2em 0.5em 0.5em;
     margin: 0.5 em;
     font-size: 150%;
   }
diff --git a/resources/templates/home.html b/resources/templates/home.html
index 37db8b6..e282017 100644
--- a/resources/templates/home.html
+++ b/resources/templates/home.html
@@ -8,22 +8,6 @@
     <title>You Yes Yet?</title>
   </head>
   <body>
-    <header>
-      <div id="nav">
-        <img id="nav-icon" src="img/threelines.png" alt="Menu"/>
-        <menu id="nav-menu" class="nav">
-          <li class=""><a href="index.html">Home</a></li>
-          <li class=""><a href="library.html">Library</a></li>
-          <li class=""><a href="register.html">Register</a></li>
-          <li class=""><a href="login.html">Login</a></li>
-          <li class=""><a href="about.html">About</a></li>
-        </menu>
-      </div>
-
-      <h1>
-        You yes yet?
-      </h1>
-    </header>
 
     <div id="app">
       <div class="container-fluid">
diff --git a/src/cljs/youyesyet/core.cljs b/src/cljs/youyesyet/core.cljs
index 5976bd3..ffb21f3 100644
--- a/src/cljs/youyesyet/core.cljs
+++ b/src/cljs/youyesyet/core.cljs
@@ -12,6 +12,7 @@
             [youyesyet.views.map :as maps])
   (:import goog.History))
 
+
 (defn nav-link [uri title page collapsed?]
   (let [selected-page (rf/subscribe [:page])]
     [:li.nav-item
@@ -20,28 +21,31 @@
       {:href uri
        :on-click #(reset! collapsed? true)} title]]))
 
+
 (defn navbar []
   (r/with-let [collapsed? (r/atom true)]
-    [:nav.navbar.navbar-light.bg-faded
-     [:button.navbar-toggler.hidden-sm-up
-      {:on-click #(swap! collapsed? not)} "☰"]
-     [:div.collapse.navbar-toggleable-xs
-      (when-not @collapsed? {:class "in"})
-      [:a.navbar-brand {:href "#/"} "You yes yet?"]
-      [:ul.nav.navbar-nav
-       [nav-link "#/" "Home" :home collapsed?]
-       [nav-link "#/map" "Map" :home collapsed?]
-       [nav-link "#/about" "About" :about collapsed?]]]]))
+    [:div {:id "nav"}
+     [:img {:id "nav-icon"
+            :src "img/threelines.png"
+            :on-click #(swap! collapsed? not)}]
+     [:menu.nav (merge {:id "nav-menu"} (when @collapsed? {:class "fred"}))
+      (nav-link "#/" "Home" :home collapsed?)
+      (nav-link "#/library" "Library" :library collapsed?)
+      (nav-link "#/register" "Register" :register collapsed?)
+      (nav-link "#/login" "Login" :login collapsed?)
+      (nav-link "#/about" "About" :about collapsed?)]]))
 
 
 (defn back-link []
-  [:div.back-link-container {:id ":div.back-link-container"}
+  [:div.back-link-container {:id "back-link-container"}
    [:a {:href "javascript:history.back()" :id "back-link"} "Back"]])
 
+
 (defn big-link [text target]
   [:div.big-link-container
    [:a.big-link {:href target} text]])
 
+
 (defn about-page []
   [:div.container {:id "main-container"}
    (back-link)
@@ -50,6 +54,7 @@
     [:div.col-md-12
      "this is the story of youyesyet... work in progress"]]])
 
+
 (defn home-page []
   [:div.container {:id "main-container"}
    (back-link)
@@ -75,7 +80,9 @@
 
 (defn page []
   [:div
+  [:header
    [navbar]
+    [:h1 "You yes yet?"]]
    [(pages @(rf/subscribe [:page]))]])
 
 ;; -------------------------
@@ -88,6 +95,10 @@
 (secretary/defroute "/about" []
   (rf/dispatch [:set-active-page :about]))
 
+
+(secretary/defroute "/map" []
+  (rf/dispatch [:set-active-page :map]))
+
 ;; -------------------------
 ;; History
 ;; must be called after routes have been defined
