 
 
 
-
-
-
-
+;; Other ideas
+
+;; Slurp the progscon schedule into the app from a file (or scrapped from the website for complete awesomenessness)
+
+
+
+;; Media heading with twitter profile picture
+
+;; Add media heading
+;; <div class="media">
+;; <div class="media-left">  or <div class="media-left media-middle">
+;; <a href="#">
+;; <img class="media-object" src="..." alt="...">
+;; </a>
+;; </div>
+;; <div class="media-body">
+;; <h4 class="media-heading">Media heading</h4>
+;; ...
+;; </div>
+;; </div>
+
+
+;; Sign in with Twitter button
+;; <a class="btn btn-block btn-social btn-twitter">
+;; <span class="fa fa-twitter"></span> Sign in with Twitter
+;; </a>
+
+;; Now that we’ve actually installed it, let’s go ahead and start adding the icons. Continuing with our footer, I’m going to go:
+;; <div class="navbar-text pull-right"></div>
+;; <div class="navbar-text pull-right"></div>
+;; Now I will actually add the icons:
+;; <a href="#"><i class="fa fa-facebook-square"></i></a>
+;; <a href="#"><i class="fa fa-facebook-square"></i></a>
+;; So now if we go to our preview, we’ll see the Facebook icon, but you’ll notice that it’s pretty small. So what I’m going to do is increase the size by adding “fa-2x.” Now you’ll see that it’s quite a bit bigger. Now I’m just going to add a few more:
+;; <a href="#"><i class="fa fa-twitter fa-2x"></i></a>
+;; <a href="#"><i class="fa fa-google-plus fa-2x"></i></a>
+;; <a href="#"><i class="fa fa-twitter fa-2x"></i></a>
+;; <a href="#"><i class="fa fa-google-plus fa-2x"></i></a>
+
+
+
+;; Embed video
+
+;; <!-- 16:9 aspect ratio -->
+;; <div class="embed-responsive embed-responsive-16by9">
+;; <iframe class="embed-responsive-item" src="..."></iframe>
+;; </div>
+
+;; <!-- 4:3 aspect ratio -->
+;; <div class="embed-responsive embed-responsive-4by3">
+;; <iframe class="embed-responsive-item" src="..."></iframe>
+;; </div>
 
 
 


(enable-console-print!)

(defonce app-state (atom {:text "Hello HackTheTower Chestnut!"
                      :schedule []}))

(defn talk-detail [cursor component]
  (reify
    om/IRender
    (render [this]

                        (dom/div nil (:description cursor))
                        (dom/a #js {:href (str "https://twitter.com/" (:twitter-handle cursor))} (str "@" (:twitter-handle cursor))))))))


;; Separate out the generation of the twitter handle, updating the cursor to just contain the twitter handle (saving us from extracting it in the twitter handler component)
(defn talk-detail [cursor component]
  (reify
    om/IRender
    (render [this]
      (dom/div #js {:className "panel panel-primary"}
               (dom/div #js {:className "panel-heading"} (:title cursor))
               (dom/div #js {:className "panel-body"}
                        (dom/div nil (:description cursor))
                        #_(dom/div nil
                                 (om/img #js {:src "https://twitter.com/logo.png"}))
                        (om/build twitter-handle (:twitter-handle cursor)))))))

#_(dom/div nil
           (dom/div #js {:style {:color "blue"}} (:title cursor))
           (dom/div nil (:description cursor))
           (dom/a #js {:href (str "https://twitter.com/" (:twitter-handle cursor))} (:twitter-handle cursor)))



;; Add a star button to each talk using bootstrap
;; <button type="button" class="btn btn-default btn-lg">
;; <span class="glyphicon glyphicon-star" aria-hidden="true"></span> Star
;; </button>


(defn schedule [cursor component]
  (reify
