            [:div.feature-media artwork-mobile]]
           [:div.feature-divider]
           [:div.feature.content
-           {:class (when (contains? past-center-features "2") "art-visible") :ref "2"}
+           {:class (when (contains? active-features "2") "art-visible") :ref "2"}
            [:div.feature-story
             [:h2.feature-headline
              [:span "Make prototypes interactive & refine your user experience."]]

     [:a.navigation-link {:href ""      :target "_self" :role "button" :title "Pricing"} "Pricing"]
     [:a.navigation-link {:href "/blog" :target "_self" :role "button" :title "Blog"} "Blog"]
     (common/google-login :small)]]))

(defn past-center? [owner ref]
  (let [node (om/get-node owner ref)
        vh (.-height (goog.dom/getViewportSize))]
    (< (.-top (.getBoundingClientRect node)) (/ vh 2))))

(defn maybe-set-state! [owner korks value]
  (when (not= (om/get-state owner korks) value)
    (om/set-state! owner korks value)))

(defn make-button [{:keys [document/id]} owner]
  (reify

           [:div.feature-media.reverse artwork-interact]]
          [:div.feature-divider]
          [:div.feature.content
           {:class (when (contains? active-features "3") "art-visible") :ref "3"}
           [:div.feature-story
            [:h2.feature-headline
             [:span "Make team collaboration more productive & engaging."]]
