From 1c2d88434021f25c43c2503cfce72ef5336c288e Mon Sep 17 00:00:00 2001 From: Kjetil Orbekk Date: Sat, 3 Sep 2022 18:52:40 -0400 Subject: Yew skeleton project --- webapp/Cargo.toml | 3 +-- webapp/Trunk.toml | 3 +++ webapp/index.html | 7 +++++++ webapp/src/default.css | 17 +++++++++++++++++ webapp/src/main.rs | 21 ++++++++++++++++++++- 5 files changed, 48 insertions(+), 3 deletions(-) create mode 100644 webapp/Trunk.toml create mode 100644 webapp/index.html create mode 100644 webapp/src/default.css (limited to 'webapp') diff --git a/webapp/Cargo.toml b/webapp/Cargo.toml index 0c4d9de..7478aea 100644 --- a/webapp/Cargo.toml +++ b/webapp/Cargo.toml @@ -3,6 +3,5 @@ name = "webapp" version = "0.1.0" edition = "2021" -# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html - [dependencies] +yew = "0.19" diff --git a/webapp/Trunk.toml b/webapp/Trunk.toml new file mode 100644 index 0000000..842cc2f --- /dev/null +++ b/webapp/Trunk.toml @@ -0,0 +1,3 @@ +[build] +target = "index.html" +dist = "dist" diff --git a/webapp/index.html b/webapp/index.html new file mode 100644 index 0000000..54e7990 --- /dev/null +++ b/webapp/index.html @@ -0,0 +1,7 @@ + + + + + + + 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! { + <> +

{ "Hello, World" }

+ + + } +} + +#[function_component(Card)] +fn card() -> Html { + html! { +

+ } +} + fn main() { - println!("Hello, world!"); + yew::start_app::(); } -- cgit v1.2.3