Move to reagent

src/heyarne/all_my_friends/views.cljs

@@ -0,0 +1,21 @@
+(ns heyarne.all-my-friends.views
+  (:require [reagent.core :as r]
+            [reagent.dom :as dom]
+            [heyarne.all-my-friends.facemesh :refer [webcam-facemesh]]))
+
+(defn welcome-message [{:keys [hidden?]}]
+  [:section.welcome-message
+   {:hidden false}
+   [:h1 "Hi Freund!"]
+   [:p "Ich möchte dir kurz erklären, was dich hier erwartet:
+Seit der globalen Covid19-Pandemie sind wir alle dazu gezwungen, auf physischen Kontakt weitgehend zu verzichten. Ein Großteil der Zeit, die ich mit euch verbringe, hat sich ins Digitale verlagert."]
+   [:p "Das fühlt sich sicher bald komplett normal an -- vorher möchte ich aber gerne irgendwas mit dem komischen Gefühl machen, das das hinterlässt."]
+   [:p "Ich würde mich freuen, wenn du mir dabei hilfst. Folge dazu einfach den Anweisungen. Das Ergebnis wird hoffentlich eine schöne Sammlung von Webcambildern und 3D-Modellen eurer Köpfe" [:sup "1"] "."]
+   [:button "Weiter"]])
+
+(defn app [{:keys [state on-faces-detected]}]
+  (let [status (:status @state)
+        viewing-welcome-message? (= :welcome-message status)]
+    [:div#app
+     [welcome-message {:hidden? viewing-welcome-message?}]
+     [webcam-facemesh {:on-faces-detected on-faces-detected}]]))