Yew skeleton project

2 files changed, 37 insertions, 1 deletions

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>();
 }