      [:a {:href "#/portfolio"}
       [:span "Portfolio"]]]
     [:li
-     [:a {:href "#"}
+     [:a {:href "#/contact"}
       [:span "Contact"]]]]]])
 
 
 ;; View
-
 (defn portfolio-app [props]
-  [:div (navbar)
-   [:hr]
-   (current-page)
-   [:hr]
-   [:footer.footer (footer)]])
+ [:div.container
+  [:div (navbar)]
+  [:hr]
+  (current-page)
+  [:hr]
+  [:footer.footer (footer)]])
 
 ;; -------------------------
 ;; Initialize app

(defroute "/portfolio" []
      (swap! app-state assoc :page :portfolio))

(hook-browser-navigation!)

(defmulti current-page #(@app-state :page))

     [:p.subtitle "Catchy subtitle"]
     [:a.cta {:href "#"} "GO"]]]]))

(defn current-year [] (.format (java.text.SimpleDateFormat. "yyyy") (new java.util.Date)))
; (str (current-year) " asdasd")

(defn footer []
 [:div {:style {:background-color "#20202D"}}
      "2017"  "/" [:a {:href "https://github.com"} "Tyler Roberts"]
      "/"
      [:a  {:href "https://github.com"} "Reid Quisenberry"]])


(defn port-data []
 [{:title "My Blog" :url "https"}
  {:title "My Site" :url "https"}])

(map #([:title]) port-data)

(defmethod current-page :contact [])
  ; (map #([:li :title] port-data)))
  ; [:table
  ;  (for [i (range 10)]
  ;    [:tr (for [j (range 3)]
  ;           [:td (str "Row " (+ 1 i) ", Col " (+ 1 j))])])]))

; (defn lister [items]
;   [:ul
;    (for [item items]
;      ^{:key item} [:li "Item " item])])
;
; (defn lister-user []
;   [:div
;    "Here is a list:"
;    [lister (range 3)]])
;

(defn navbar []
 [:div#menu
