diff --git a/typers/README.md b/typers/README.md new file mode 100644 index 0000000..d2725e5 --- /dev/null +++ b/typers/README.md @@ -0,0 +1,23 @@ +# TypeRS + +[Live App](https://etc.karx.xyz/rgl/typers/) + +## Running Locally +1. Install dependencies + + First, install `rust` from [the Rust website](https://www.rust-lang.org/). Then, install `trunk`: + ```bash + cargo install --locked trunk + ``` + This project requires `rustc` version `1.56.0` because it uses the 2021 edition of Rust! +2. Build project + ```bash + cd /path/to/typers + trunk serve + ``` +3. Open in browser + + [Check the supported browser list](https://rustwasm.github.io/docs/wasm-bindgen/reference/browser-support.html) and open https://localhost:8080 in one of the supported browsers. + + +Created using [Sycamore](https://crates.io/crates/sycamore) and Rust with WebAssembly diff --git a/typers/src/main.rs b/typers/src/main.rs index 740fdab..2abbce9 100644 --- a/typers/src/main.rs +++ b/typers/src/main.rs @@ -257,6 +257,9 @@ fn main() { AppMode::Restart => template! { RestartView(cloned!((mode, stats) => Props { mode, stats })) }, }) } + div(class="footer") { + "Powered by Rust 1.56 and WASM" + } } }); } diff --git a/typers/style.css b/typers/style.css index 4605625..ae99f4a 100644 --- a/typers/style.css +++ b/typers/style.css @@ -36,4 +36,13 @@ .card + .card { margin-left: .75rem; +} + +.footer { + position: fixed; + left: 0; + bottom: 0; + width: 100%; + text-align: center; + margin-bottom: 10px; } \ No newline at end of file