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

           ;; [:div.content "23,142 people have made 112,861 sketches in 27,100 documents."]
           ]])))))

(defn the-how [app owner]
  (reify
    om/IDisplayName (display-name [_] "Landing How")
    om/IInitState (init-state [_] {:past-center-features #{}})
    om/IDidMount (did-mount [_]
                   (scroll/register owner #(maybe-set-state! owner [:past-center-features]
                                                             (set (filter (partial past-center? owner)
                                                                          ["1" "2" "3"])))))
    om/IWillUnmount (will-unmount [_] (scroll/dispose owner))
    om/IRenderState
    (render-state [_ {:keys [past-center-features]}]
      (let [cast! (om/get-shared owner :cast!)]
        (html
         [:div.the-how
          [:div.feature.content
           {:class (when (contains? past-center-features "1") "art-visible") :ref "1"}
           [:div.feature-story
            [:h2.feature-headline
             [:span "Make your ideas accessible anywhere, using any device."]]

     [: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 make-button [{:keys [document/id]} owner]
  (reify
