From 1c2d88434021f25c43c2503cfce72ef5336c288e Mon Sep 17 00:00:00 2001
From: Kjetil Orbekk <kj@orbekk.com>
Date: Sat, 3 Sep 2022 18:52:40 -0400
Subject: Yew skeleton project

---
 webapp/src/default.css | 17 +++++++++++++++++
 webapp/src/main.rs     | 21 ++++++++++++++++++++-
 2 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 webapp/src/default.css

(limited to 'webapp/src')

diff --git a/webapp/src/default.css b/webapp/src/default.css
new file mode 100644
index 0000000..11d1193
--- /dev/null
+++ b/webapp/src/default.css
@@ -0,0 +1,17 @@
+@charset "utf-8";
+
+.card {
+    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
+    width: 5em;
+    height: 5em;
+    border: 1px solid #000;
+    transition: 0.1s;
+}
+
+.card:after {
+    content: "8♦";
+}
+
+.card:hover {
+    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.5);
+}
diff --git a/webapp/src/main.rs b/webapp/src/main.rs
index e7a11a9..baeeff9 100644
--- a/webapp/src/main.rs
+++ b/webapp/src/main.rs
@@ -1,3 +1,22 @@
+use yew::prelude::*;
+
+#[function_component(App)]
+fn app() -> Html {
+    html! {
+        <>
+            <h1>{ "Hello, World" }</h1>
+            <Card/>
+        </>
+    }
+}
+
+#[function_component(Card)]
+fn card() -> Html {
+    html! {
+        <div class="card" draggable="true" />
+    }
+}
+
 fn main() {
-    println!("Hello, world!");
+    yew::start_app::<App>();
 }
-- 
cgit v1.2.3