diff --git a/application/index.html b/application/index.html index 9c45715..d12009a 100644 --- a/application/index.html +++ b/application/index.html @@ -3,7 +3,7 @@ - + diff --git a/application/public/styles.css b/application/public/styles.css deleted file mode 100644 index 0b30a70..0000000 --- a/application/public/styles.css +++ /dev/null @@ -1,52 +0,0 @@ -/* --------------------- Open Props --------------------------- */ - -/* the props */ -@import "https://unpkg.com/open-props"; - -/* optional imports that use the props */ -@import "https://unpkg.com/open-props/normalize.min.css"; -@import "https://unpkg.com/open-props/buttons.min.css"; - -/* ------------------------------------------------------------ */ - -body { - font-family: sans-serif; - text-align: center; -} - -.container { - display: flex; - flex-direction: column; - justify-content: space-around; - align-items: center; -} - -.buttons { - display: flex; - justify-content: space-evenly; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - text-align: center; - margin: 0 auto; - padding: 2rem; -} - -p, -button { - margin: var(--size-6); -} - -body > picture, -button { - display: block; - margin-left: auto; - margin-right: auto; - text-align: center; - margin: 2rem; -} diff --git a/application/public/styles.scss b/application/public/styles.scss new file mode 100644 index 0000000..28ea8f6 --- /dev/null +++ b/application/public/styles.scss @@ -0,0 +1,39 @@ +$primary-color: #eb6330; +$primary-color-light: hsl(16.36, 82.38%, 55.49%, 0.8); +$secondary-color: #465651; +$accent-color: #89969f; +$primary-bg-color: #0d0b0b; +$secondary-bg-color: #151719; +$secondary-bg-color-light: hsl(204, 11%, 12%, 1); +$secondary-bg-color-lighter: hsl(204, 11%, 15%, 1); +$accent-bg-color: #181a19; +$text-color: #f3efef; + +html, +body { + height: 100vh; + margin: 0; + font-family: Helvetica Neue, Helvetica, Arial, sans-serif; +} + +body { + background-color: $primary-bg-color; + color: $text-color; + align-items: center; +} + +main { + height: 100%; + padding: 20px; + display: flex; + flex-direction: column; + margin-left: auto; + margin-right: auto; + max-width: 1000px; +} + +a { + text-decoration: none; + font-weight: bold; + color: $text-color; +} diff --git a/application/src/components/counter_btn.rs b/application/src/components/counter_btn.rs deleted file mode 100644 index 6e8dbde..0000000 --- a/application/src/components/counter_btn.rs +++ /dev/null @@ -1,16 +0,0 @@ -use leptos::*; - -/// A parameterized incrementing button -#[component] -pub fn Button(#[prop(default = 1)] increment: i32) -> impl IntoView { - let (count, set_count) = create_signal(0); - view! { - - } -} diff --git a/application/src/components/mod.rs b/application/src/components/mod.rs index d0af89d..139597f 100644 --- a/application/src/components/mod.rs +++ b/application/src/components/mod.rs @@ -1 +1,2 @@ -pub mod counter_btn; + + diff --git a/application/src/lib.rs b/application/src/lib.rs index 5e51efc..6074417 100644 --- a/application/src/lib.rs +++ b/application/src/lib.rs @@ -26,7 +26,7 @@ pub fn App() -> impl IntoView { /> // sets the document title - + <Title text="WRB Timings"/> // injects metadata in the <head> of the page <Meta charset="UTF-8" /> diff --git a/application/src/pages/home.rs b/application/src/pages/home.rs index 7022a70..7d97738 100644 --- a/application/src/pages/home.rs +++ b/application/src/pages/home.rs @@ -1,4 +1,3 @@ -use crate::components::counter_btn::Button; use leptos::*; /// Default Home Page @@ -7,17 +6,7 @@ pub fn Home() -> impl IntoView { view! { <div class="container"> - <picture> - <source srcset="https://raw.githubusercontent.com/leptos-rs/leptos/main/docs/logos/Leptos_logo_pref_dark_RGB.svg" media="(prefers-color-scheme: dark)" /> - <img src="https://raw.githubusercontent.com/leptos-rs/leptos/main/docs/logos/Leptos_logo_RGB.svg" alt="Leptos Logo" height="200" width="400"/> - </picture> - - <h1>"Welcome to Leptos"</h1> - - <div class="buttons"> - <Button /> - <Button increment=5 /> - </div> + <h1>"Welcome to WRB Timings"</h1> </div> }