   [:div.col.col-xs-12.col-md-12.bootcards-list {:id "main-page"}
    [:h1 "main-page"]
    [widget-box]])
+
+(defroute widget-route "/:id" [id]
+  (.log js/console  "widget-route" id) 
+  (let [widget-id (read-string id)] 
+    (reagent/render-component [widget-view widget-id] (gdom/getElement "content"))))
+
+(let [h (History.)]
+  (goog.events/listen h goog.history.EventType.NAVIGATE #(secretary/dispatch! (.-token %)))
+  (doto h
+    (.setEnabled true)))
 
 (reagent/render-component [main-page] (gdom/getElement "content"))
 

(ns secret-shame.core
  (:require-macros [cljs.core.async.macros :refer [go alt!]])
  (:require [goog.events :as events]
            [goog.dom :as gdom]
            [cljs.core.async :refer [put! <! >! chan timeout]]
            [reagent.core :refer [atom] :as reagent]
            ;; [om.core :as om :include-macros true]                  
            ;; [om.dom :as dom :include-macros true]
            [cljs-http.client :as http]))

(enable-console-print!)

     [:h3 "widget-list"]
     [:ul.list-group
         (for [item  @state]
           ^{:key (str "widget" (rand-int 100))} [widget-item item])]])

(defn widget-box []
  [:div.widget-box.panel.panel-default
