 
 @app-state
 
-#_(swap! app-state update :schedule conj {:title "Opening Keynote"
-                                        :description "Something very inspirational"
-                                        :twitter-handle "jr0cket" })
-
-(swap! app-state update :schedule conj {:title "A Glass of CIDER"
-                                        :description "Unleashing the power of Clojure with Emacs"
-                                        :twitter-handle "batisov" })
-
-#_(reset! app-state {:text "Reseting Title"
+
+;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
+;; Example talk schedule data
+
+#_(swap! app-state
+         update :schedule
+         conj {:title "Opening Keynote"
+               :description "Words can be very inspirational"
+               :twitter-handle "jr0cket" })
+
+
+#_(swap! app-state
+         update :schedule
+         conj {:title "A Glass of CIDER"
+               :description "Unleashing the power of Clojure with Emacs"
+               :twitter-handle "batisov" })
+
+
+#_(def trisha-gee
+  {:title "Becoming Fully Buzzword Compliant"
+   :bio
+     "I’m a developer / technical advocate / educator, based in Spain and working remotely for JetBrains.
+      I love the combination of solving technical problems and working out the best way to teach other developers techniques that will make their lives easier.
+
+      I’m a leader of the Sevilla MongoDB and Java User Groups, and a key member of the London Java Community.
+      In 2014 I became a Java Champion and I’m a 2015 MongoDB Master."
+   :description
+     "It’s all about Containers, Serverless and Reactive Programming right now!
+      ProgSCon London will explore these trends with leading industry experts.
+      Several talks will also feature Blockchain, Microservices and Big Data.
+
+      You’re here at ProgSCon to hear all about the latest trends in technology,
+      to learn about them and decide which ones to apply and figure out how.
+      But it’s a tall order, learning to be a fully buzzword compliant developer, architect or lead,
+      especially when What’s Hot changes on practically a daily basis.
+
+      During this talk, Trisha will give an irreverent overview of the current technical landscape
+      and present a survival guide for those who want to stay ahead in this turbulent industry."
+   :twitter-handle "trisha_gee"})
+
+#_(def trisha-gee-image "http://2017.progscon.co.uk/wp-content/uploads/2016/11/TrishaGee-150x150.jpg")
+
+#_(swap! app-state update :schedule conj trisha-gee)
+
+
+;; other speakers to include
+;; http://2017.progscon.co.uk/cr3ativspeaker/jan-machacek/
+;; http://2017.progscon.co.uk/cr3ativspeaker/ramkumar-aiyengar/
+;; http://2017.progscon.co.uk/cr3ativspeaker/steve-poole/
+
+
+;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
+;; Reset data
+
+#_(reset! app-state {:text "ProgsCon Awesomenessness"
                    :schedule []})
 
 

  :description " "
  :twitter-handle ""}]

(defn root-component [app owner]
  (reify
    om/IRender
    (render [_]
      (dom/div nil
               (dom/h1 nil (:text app))
               (om/build schedule app)))))

(om/root
 root-component




;; 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>



