 
 (defonce app-state (atom {:text "Welocome to tic-tac-toe!"
                           :board (new-board 3)}))
+(defn blank [i j]
+      [:rect {:width 0.95
+              :height 0.95
+              :x i
+              :y j
+              :fill (if (zero? (get-in @app-state [:board i j]))
+                        "green" "yellow")
+              :on-click
+              (fn rect-click [e]
+                (prn "You clicked me" i j)
+                (prn (swap! app-state update-in [:board i j] inc )))}])
+
+(defn circle [i j]
+  [:circle {:r 0.45
+    :cx (+ 0.5 i) :cy (+ 0.5 j)}])
+
+(defn cross [i j]
+  [:g
+    {:stroke "black" :stroke-width 0.2 :stroke-linecap "round"
+    :transform (str "translate(" (+ 0.5 i) "," (+ 0.5 j) ") " "scale(0.33)")}
+    [:line {:x1 -1 :y1 -1 :x2 1 :y2 1}]
+    [:line {:x1 1 :y1 -1 :x2 -1 :y2 1}]])
 
 (defn tic-tac-toe []
   [:center

      {:view-box "0 0 3 3" :width 500 :height 500}
      (for [i (range (count (:board @app-state)))
            j (range (count (:board @app-state)))]
      [:rect {:width 0.9
              :height 0.9
              :x i
              :y j
              :fill "green"
              :on-click
              (fn rect-click [e]
                (prn "You clicked me" i j)
                (prn (swap! app-state update-in [:board i j] inc ))
                )}])
      ]])
(reagent/render-component [tic-tac-toe]
                          (. js/document (getElementById "app")))


  ;; optionally touch your app-state to force rerendering depending on
  ;; your application
  (swap! app-state assoc-in [:text] "Hello")
  (prn (:board @app-state))
)
