Add some minimal styling
This commit is contained in:
parent
73c14a8d0a
commit
5ae05ca42a
7 changed files with 92 additions and 9 deletions
|
|
@ -1,6 +1,5 @@
|
|||
(ns heyarne.all-my-friends.views
|
||||
(:require [reagent.core :as r]
|
||||
[reagent.dom :as dom]
|
||||
[heyarne.all-my-friends.facemesh :refer [webcam-facemesh]]))
|
||||
|
||||
;; minimalistic re-frame-like event handling
|
||||
|
|
@ -26,8 +25,8 @@
|
|||
[: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 {:on-click #(dispatch [:welcome/continue])} "Weiter"]])
|
||||
[: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."]
|
||||
[:button {:on-click #(dispatch [:welcome/continue])} "Cool cool, weiter bitte"]])
|
||||
|
||||
(defn video-snapshot [video-elem]
|
||||
(let [canvas (js/document.createElement "canvas")
|
||||
|
|
@ -43,7 +42,7 @@ Seit der globalen Covid19-Pandemie sind wir alle dazu gezwungen, auf physischen
|
|||
:predictions nil})]
|
||||
(fn [{:keys [on-faces-detected halt?]}]
|
||||
[:div.container
|
||||
[:p "Tippe auf den Button um mir das untere Bild zu schicken."]
|
||||
[:p "Tippe auf den Button um ein Bild zu machen."]
|
||||
[webcam-facemesh {:on-faces-detected (fn [ctx video predictions]
|
||||
(swap! result assoc
|
||||
:video video
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue