darkicewolf50/personal_site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(home): css layout for home finished

Browse Source
This commit is contained in:
darkicewolf50 2025-05-15 14:20:04 -06:00
parent 14b4648b57
commit ff6b56d8c6
4 changed files with 34 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/styling/ender.css
View File

@ -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%);
}

2
assets/styling/home.css
View File

@ -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);
}

9
assets/styling/projectCards.css
View File

@ -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;

28
src/views/projects.rs
View File

@ -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" }
}