diff --git a/assets/styling/ender.css b/assets/styling/ender.css index 7f448c4..53151ea 100644 --- a/assets/styling/ender.css +++ b/assets/styling/ender.css @@ -21,12 +21,6 @@ footer img { filter: invert() hue-rotate(180deg); } -footer img:hover { - cursor: pointer; - filter: brightness(0) saturate(100%) invert(65%) sepia(13%) saturate(733%) - hue-rotate(187deg) brightness(95%) contrast(90%); -} - footer a { display: flex; flex-direction: column; @@ -34,3 +28,10 @@ footer a { text-decoration: none; color: inherit; } + +footer a:hover { + color: #91a4d2; + cursor: pointer; + filter: brightness(0) saturate(100%) invert(65%) sepia(13%) saturate(733%) + hue-rotate(187deg) brightness(95%) contrast(90%); +} diff --git a/assets/styling/home.css b/assets/styling/home.css index 5447014..6645cdc 100644 --- a/assets/styling/home.css +++ b/assets/styling/home.css @@ -2,7 +2,7 @@ display: flex; flex-direction: column; width: 90%; - margin-top: 2svh; + margin: 2svh auto; background-color: var(--card-background-color); border-radius: var(--card-border-radius); } diff --git a/assets/styling/projectCards.css b/assets/styling/projectCards.css index 74f53a4..08c6dad 100644 --- a/assets/styling/projectCards.css +++ b/assets/styling/projectCards.css @@ -63,11 +63,20 @@ filter: invert() hue-rotate(180deg); } +.project-title-info #gitea img { + filter: grayscale(100%) invert(100%) brightness(2.5); +} + .project-title-info img:hover { filter: brightness(0) saturate(100%) invert(65%) sepia(13%) saturate(733%) hue-rotate(187deg) brightness(95%) contrast(90%); } +.project-title-info #gitea img:hover { + filter: grayscale(100%) invert(165%) sepia(15%) saturate(733%) + hue-rotate(185deg) brightness(1.3) contrast(90%) saturate(100%); +} + .project-title-info div { display: flex; gap: 1svw; diff --git a/src/views/projects.rs b/src/views/projects.rs index 7099b7a..cb21ee5 100644 --- a/src/views/projects.rs +++ b/src/views/projects.rs @@ -14,10 +14,10 @@ pub fn Projects(#[props(default = true)] display_title: bool) -> Element { div { class: "project-section", ProjectCards { project_name: "Portfolio Site Version 1.1.0", - website_prop: "https://darkicewolf50.pages.dev", - github_prop: "https://gitea.bajacloud.duckdns.org/darkicewolf50/personal_site", + website_link: "https://darkicewolf50.pages.dev", + gitea_link: "https://gitea.bajacloud.duckdns.org/darkicewolf50/personal_site", project_img: "https://res.cloudinary.com/dpgrgsh7g/image/upload/v1745630861/Portfolio_site_k4mhmj.png", - techs_used: vec!["Rust", "CSS", "Dioxus", "Github Actions", "Git", "Github"], + techs_used: vec!["Rust", "CSS", "Dioxus", "Git", "Gitea"], project_des: "This project was a great test of my newly learned Rust. This minor update added functionality for the contact me, the ground work for the blogs part of the site, as well as many minor UI consistencies to ensure that all of the buttons and links felt like buttons and links. @@ -28,10 +28,10 @@ pub fn Projects(#[props(default = true)] display_title: bool) -> Element { } ProjectCards { project_name: "Portfolio Site", - website_prop: "https://darkicewolf50.github.io", - github_prop: "https://github.com/darkicewolf50/darkicewolf50.github.io", + website_link: "https://darkicewolf50.github.io", + github_link: "https://github.com/darkicewolf50/darkicewolf50.github.io", project_img: "https://res.cloudinary.com/dpgrgsh7g/image/upload/v1745630861/Portfolio_site_k4mhmj.png", - techs_used: vec!["Rust", "CSS", "Dioxus", "Github Actions", "Git", "Github"], + techs_used: vec!["Rust", "CSS", "Dioxus", "Git", "Github"], project_des: "This project was a great test of my newly learned Rust. It was certainly interesting to go through all of the stages of front end web developement, while the orignal and new found scope is not currently achieved, it will be on a later pass through. I am very happy with how it turned out in compairison to my origanl site map, and wireframes. @@ -49,7 +49,7 @@ pub fn Projects(#[props(default = true)] display_title: bool) -> Element { } ProjectCards { project_name: "UCalgary Baja Website", - website_prop: "https://uofcbaja.pages.dev", + website_link: "https://uofcbaja.pages.dev", project_img: "https://res.cloudinary.com/dpgrgsh7g/image/upload/v1745633714/ucalgary-baja-site-April.png", techs_used: vec![ "HTML5", @@ -78,8 +78,9 @@ const PROJECT_CARDS_CSS: Asset = asset!("/assets/styling/projectCards.css"); #[component] pub fn ProjectCards( - website_prop: Option<&'static str>, - github_prop: Option<&'static str>, + website_link: Option<&'static str>, + github_link: Option<&'static str>, + gitea_link: Option<&'static str>, project_name: &'static str, techs_used: Vec<&'static str>, project_des: &'static str, @@ -95,12 +96,17 @@ pub fn ProjectCards( div { class: "project-title-info", h3 { "{project_name}" } div { - if let Some(github_site) = github_prop { + if let Some(github_site) = github_link { a { href: "{github_site}", get_tech_logos_from_str { used_tech: "Github" } } } - if let Some(site) = website_prop { + if let Some(gitea_site) = gitea_link { + a { href: "{gitea_site}", id: "gitea", + get_tech_logos_from_str { used_tech: "Gitea" } + } + } + if let Some(site) = website_link { a { href: "{site}", get_tech_logos_from_str { used_tech: "Internet" } }