From 3025dd424f2ae9b4f75684f80cb9ddbb81a0e781 Mon Sep 17 00:00:00 2001 From: Trivernis Date: Mon, 18 Apr 2022 13:08:23 +0200 Subject: [PATCH] Remove navbar Signed-off-by: Trivernis --- src/app.rs | 63 +++--------------------------------- src/assets/discord-logo.png | Bin 0 -> 3863 bytes src/assets/github-logo.png | Bin 0 -> 4044 bytes src/pages/home.rs | 8 +++++ src/styles/main.scss | 3 +- src/styles/pages/home.scss | 15 +++++++++ 6 files changed, 29 insertions(+), 60 deletions(-) create mode 100644 src/assets/discord-logo.png create mode 100644 src/assets/github-logo.png diff --git a/src/app.rs b/src/app.rs index 59287cd..210be27 100644 --- a/src/app.rs +++ b/src/app.rs @@ -1,18 +1,9 @@ use crate::pages::{About, Home}; use yew::prelude::*; use yew_router::{prelude::*, route::Route, switch::Permissive, Switch}; -use yew_styles::{ - navbar::{ - navbar_component::{Fixed, Navbar}, - navbar_container::NavbarContainer, - navbar_item::NavbarItem, - }, - styles::{Palette, Style}, -}; pub struct App { - navbar_items: Vec, - link: ComponentLink, + _link: ComponentLink, } #[derive(Switch, Debug, Clone)] @@ -25,31 +16,17 @@ pub enum AppRouter { PageNotFound(Permissive), } -pub enum Msg { - ChangeNavbarItem(usize), -} +pub enum Msg {} impl Component for App { type Message = Msg; type Properties = (); - fn create(_: Self::Properties, link: ComponentLink) -> Self { - App { - navbar_items: vec![true, false], - link, - } + fn create(_: Self::Properties, _link: ComponentLink) -> Self { + App { _link } } - fn update(&mut self, msg: Self::Message) -> ShouldRender { - match msg { - Msg::ChangeNavbarItem(index) => { - for (i, _) in self.navbar_items.clone().into_iter().enumerate() { - self.navbar_items[i] = false; - } - - self.navbar_items[index] = true; - } - } + fn update(&mut self, _msg: Self::Message) -> ShouldRender { true } @@ -60,36 +37,6 @@ impl Component for App { fn view(&self) -> Html { html! {
- } - > - - - route=AppRouter::RootPath>{"Home"}> - - {"GitHub"} - - - {"Discord"} - - - route=AppRouter::AboutPath>{"About this Website"}> - - render = Router::render(|switch: AppRouter | { match switch { diff --git a/src/assets/discord-logo.png b/src/assets/discord-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..820ac08618b6f775b1cdfbd785a4cf1428f76473 GIT binary patch literal 3863 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 ZsK8ky_?39l4gAjkwLQ)WTW#Z?@NW_mBhUZ< literal 0 HcmV?d00001 diff --git a/src/pages/home.rs b/src/pages/home.rs index 9c97f20..5e68295 100644 --- a/src/pages/home.rs +++ b/src/pages/home.rs @@ -25,6 +25,14 @@ impl Component for Home { fn view(&self) -> Html { html! { + + + + + + + +

{"Welcome to my website"}

 diff --git a/src/styles/main.scss b/src/styles/main.scss index 9748b38..b1688b8 100644 --- a/src/styles/main.scss +++ b/src/styles/main.scss @@ -27,7 +27,6 @@ body { animation: 1s ease-out 0s 1 appear; } - .content { - margin: 10% 15% 5em; + margin: 5% 15% 5em; } \ No newline at end of file diff --git a/src/styles/pages/home.scss b/src/styles/pages/home.scss index 7298aba..df4fcf4 100644 --- a/src/styles/pages/home.scss +++ b/src/styles/pages/home.scss @@ -27,4 +27,19 @@ margin: auto; display: flex; } +} + +.home-icons { + display: flex; + align-items: center; + justify-content: center; + width: 100%; + + .icon { + padding: 15px; + img { + height: 50px; + width: auto; + } + } } \ No newline at end of file