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

feat(dioxus): Stable point, todo change from list to using by category string

Browse Source
This commit is contained in:
darkicewolf50 2025-04-24 20:01:02 -06:00
parent b79c109876
commit 05cb8cfc73
5 changed files with 98 additions and 110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/techs.rs
View File

@ -4,8 +4,8 @@ use dioxus::prelude::*;
const TECHS_CSS: Asset = asset!("/assets/styling/techs.css");
#[component]
pub fn TechCard(tech_props: &'static str, high_skill: bool, low_skill: bool) -> Element {
let props_tech = tech_table_lookup(tech_props, high_skill, low_skill);
pub fn TechCard(tech_props: &'static str) -> Element {
let props_tech = tech_table_lookup(tech_props);
rsx! {
a { class: "tech-card", href: "{props_tech.project_site}",
@ -26,8 +26,6 @@ pub fn TechCat(cat: &'static str, tech_vec: Vec<&'static str>) -> Element {
for tech in tech_vec {
TechCard {
tech_props: tech,
high_skill: true,
low_skill: false,
}
}
}

189
src/helper_fun.rs
View File

@ -1,9 +1,9 @@
use dioxus::prelude::*;
use std::collections::HashMap;
use std::{collections::HashMap, rc::Rc};
#[component]
pub fn get_tech_logos_from_str(used_tech: &'static str) -> Element {
let raw_data: TechDes = tech_table_lookup(used_tech, false, false);
let raw_data: TechDes = *tech_table_lookup(used_tech);
rsx! {
img { src: "{raw_data.tech_logo}", alt: "{used_tech}'s logo/icon" }
}
@ -25,208 +25,194 @@ pub struct ProjectDes {
project_des: &'static str,
}
pub fn tech_table_lookup(to_lookup: &str, high_skill: bool, low_skill: bool) -> TechDes {
let techs_tools_frameworks_lookup = techs_tools_frameworks_lookup_create();
if !high_skill && !low_skill {
return techs_tools_frameworks_lookup[to_lookup];
} else {
return TechDes {
tech_logo: "https://www.svgrepo.com/show/374056/rust.svg",
project_site: "https://www.rust-lang.org",
skill_level: 60,
};
}
}
pub fn techs_tools_frameworks_lookup_create() -> HashMap<&'static str, TechDes> {
let mut techs_tools_frameworks_lookup = HashMap::new();
{
techs_tools_frameworks_lookup.insert(
pub fn tech_table_lookup(to_lookup: &str) -> Rc<TechDes> {
let techs_tools_frameworks_lookup: Rc<HashMap<&'static str, TechDes>> = HashMap::from([
(
"Rust",
TechDes {
tech_logo: "https://www.svgrepo.com/show/374056/rust.svg",
project_site: "https://www.rust-lang.org",
skill_level: 60,
},
);
),
techs_tools_frameworks_lookup.insert(
(
"Python",
TechDes {
tech_logo: "https://www.svgrepo.com/show/452091/python.svg",
project_site: "https://www.python.org",
skill_level: 50,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"JavaScript",
TechDes {
tech_logo: "https://www.svgrepo.com/show/303206/javascript-logo.svg",
project_site: "https://www.python.org",
skill_level: 60,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"YAML",
TechDes {
tech_logo: "https://yaml.org/favicon.svg",
project_site: "https://yaml.org",
skill_level: 95,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"C",
TechDes {
tech_logo: "https://www.c-language.org/logo.svg",
project_site: "https://www.c-language.org",
skill_level: 30,
skill_level: 49,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"C++",
TechDes {
tech_logo: "https://www.svgrepo.com/show/452183/cpp.svg",
project_site: "https://cplusplus.com",
skill_level: 30,
skill_level: 49,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Github",
TechDes {
tech_logo: "https://www.svgrepo.com/show/512317/github-142.svg",
project_site: "https://github.com/darkicewolf50",
skill_level: 80,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Email",
TechDes {
tech_logo: "https://www.svgrepo.com/show/491226/email.svg",
project_site: "mailto:darkicewolf50@gmail.com",
skill_level: 100,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"LinkedIn",
TechDes {
tech_logo: "https://www.svgrepo.com/show/521725/linkedin.svg",
project_site: "https://www.linkedin.com/in/brock-tomlinson/",
skill_level: 40,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Twitch",
TechDes {
tech_logo: "https://www.svgrepo.com/show/519925/twitch.svg",
project_site: "https://www.twitch.tv/darkicewolf50",
skill_level: 60,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Youtube",
TechDes {
tech_logo: "https://www.svgrepo.com/show/521936/youtube.svg",
project_site: "https://www.youtube.com/@darkicewolf50",
skill_level: 40,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Internet",
TechDes {
tech_logo: "https://www.svgrepo.com/show/490809/internet.svg",
project_site: "https://google.com",
skill_level: 99,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"React",
TechDes {
tech_logo: "https://www.svgrepo.com/show/452092/react.svg",
project_site: "https://react.dev",
skill_level: 70,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Docker",
TechDes {
tech_logo: "https://www.svgrepo.com/show/448221/docker.svg",
project_site: "https://www.docker.com",
skill_level: 70,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"FastAPI",
TechDes {
tech_logo: "https://fastapi.tiangolo.com/img/favicon.png",
project_site: "https://fastapi.tiangolo.com",
skill_level: 80,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Actix",
TechDes {
tech_logo: "https://actix.rs/img/logo.png",
project_site: "https://actix.rs",
skill_level: 20,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"HTML5",
TechDes {
tech_logo: "https://www.svgrepo.com/show/452228/html-5.svg",
project_site: "https://google.com",
skill_level: 90,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"CSS",
TechDes {
tech_logo: "https://www.svgrepo.com/show/452185/css-3.svg",
project_site: "https://google.com",
skill_level: 65,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Git",
TechDes {
tech_logo: "https://www.svgrepo.com/show/452210/git.svg",
project_site: "https://git-scm.com",
skill_level: 55,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Github Actions",
TechDes {
tech_logo: "https://cdn.simpleicons.org/githubactions/2088FF",
project_site: "https://github.com/",
skill_level: 50,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Vs Code",
TechDes {
tech_logo: "https://www.svgrepo.com/show/452129/vs-code.svg",
project_site: "https://code.visualstudio.com",
skill_level: 60,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Gitea",
TechDes {
tech_logo: "https://about.gitea.com/gitea.png",
project_site: "https://about.gitea.com",
skill_level: 85,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"AWS",
TechDes {
tech_logo: "https://www.svgrepo.com/show/448266/aws.svg",
project_site: "https://aws.amazon.com",
skill_level: 30,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Firefox",
TechDes {
tech_logo:
@ -234,55 +220,55 @@ pub fn techs_tools_frameworks_lookup_create() -> HashMap<&'static str, TechDes>
project_site: "https://www.mozilla.org/en-CA/firefox/developer/",
skill_level: 80,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Markdown",
TechDes {
tech_logo: "https://www.svgrepo.com/show/510065/markdown.svg",
project_site: "https://www.markdownguide.org",
skill_level: 90,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Prettier",
TechDes {
tech_logo: "https://prettier.io/icon.png",
project_site: "https://prettier.io",
skill_level: 90,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"DynamoDB",
TechDes {
tech_logo: "https://www.svgrepo.com/show/473526/amazondynamodb.svg",
project_site: "https://aws.amazon.com/dynamodb/",
skill_level: 70,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Cloudflare",
TechDes {
tech_logo: "https://qualified-production.s3.us-east-1.amazonaws.com/uploads/3b522ef84c409e4457032e4b4e3b984abbc92522c6f100f4ccc55c0ccfd3062b.png",
project_site: "https://www.cloudflare.com/en-ca/",
skill_level: 65,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Netlify",
TechDes {
tech_logo: "https://qualified-production.s3.us-east-1.amazonaws.com/uploads/0f63ae7280d8d193e346973a1915bf99aea8c63e254eb062bad0bde99b43a9b7.png",
project_site: "https://www.netlify.com",
skill_level: 60,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Vercel",
TechDes {
tech_logo: "https://www.svgrepo.com/show/361653/vercel-logo.svg",
project_site: "https://vercel.com/home",
skill_level: 60,
},
);
),
(
"Dioxus",
TechDes {
@ -290,71 +276,76 @@ pub fn techs_tools_frameworks_lookup_create() -> HashMap<&'static str, TechDes>
project_site: "https://dioxuslabs.com",
skill_level: 70,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Vue",
TechDes {
tech_logo: "https://vuejs.org/logo.svg",
project_site: "https://vuejs.org",
skill_level: 1,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Mongodb",
TechDes {
tech_logo: "https://www.svgrepo.com/show/331488/mongodb.svg",
project_site: "https://www.mongodb.com",
skill_level: 10,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Sqlite",
TechDes {
tech_logo: "https://www.svgrepo.com/show/374094/sqlite.svg",
project_site: "https://www.sqlite.org",
skill_level: 10,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"PostgreSQL",
TechDes {
tech_logo: "https://www.svgrepo.com/show/303301/postgresql-logo.svg",
project_site: "https://www.postgresql.org",
skill_level: 10,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Diesel",
TechDes {
tech_logo: "https://res.cloudinary.com/dpgrgsh7g/image/upload/v1745443276/diesel_logo_ujtvia.png",
project_site: "https://diesel.rs",
skill_level: 10,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Kubernetes",
TechDes {
tech_logo: "https://kubernetes.io/images/kubernetes.png",
project_site: "https://kubernetes.io",
skill_level: 5,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Terraform",
TechDes {
tech_logo: "https://www.svgrepo.com/show/448253/terraform.svg",
project_site: "https://www.terraform.io",
skill_level: 15,
},
);
techs_tools_frameworks_lookup.insert(
),
(
"Traefik",
TechDes {
tech_logo: "https://hub.docker.com/api/media/repos_logo/v1/library%2Ftraefik",
project_site: "https://traefik.io/traefik/",
skill_level: 60,
},
);
}
techs_tools_frameworks_lookup
),
]).into();
techs_tools_frameworks_lookup[to_lookup].into()
}
// pub fn techs_tools_frameworks_lookup_create() -> HashMap<&'static str, TechDes> {
// techs_tools_frameworks_lookup
// }

7
src/views/footer.rs
View File

@ -1,6 +1,6 @@
use std::collections::HashMap;
use crate::helper_fun::{tech_table_lookup, TechDes};
use crate::helper_fun::{get_tech_logos_from_str, tech_table_lookup, TechDes};
use dioxus::prelude::*;
const ENDER_CSS: Asset = asset!("/assets/styling/ender.css");
@ -13,10 +13,7 @@ pub fn Ender() -> Element {
// used so that I dont need to copy paste the same link/info everywhere
let mut footer_info: HashMap<&str, TechDes> = HashMap::new();
for used_tech_item in footer_info_to_get {
footer_info.insert(
used_tech_item,
tech_table_lookup(used_tech_item, false, false),
);
footer_info.insert(used_tech_item, *tech_table_lookup(used_tech_item));
}
rsx! {
document::Link { rel: "stylesheet", href: ENDER_CSS }

3
src/views/home.rs
View File

@ -39,7 +39,8 @@ pub fn Home() -> Element {
div { class: "technologies",
h2 { "Technology" }
p { "Here is what I developed skills in." }
p { "Here is what I prefer to use and their self assessed skill" }
// p { "Here is what I developed skills in." }
div { class: "technologies-cat",
TechCat { cat: "Languages", tech_vec: languages }
TechCat { cat: "Backend", tech_vec: backend }

3
src/views/projects.rs
View File

@ -43,12 +43,13 @@ pub fn ProjectCards(
project_name: &'static str,
techs_used: Vec<&'static str>,
project_des: &'static str,
#[props(default = "https://picsum.photos/200")] project_img: &'static str,
) -> Element {
rsx! {
document::Link { href: PROJECT_CARDS_CSS, rel: "stylesheet" }
div { class: "project-card",
img {
src: "https://picsum.photos/200",
src: "{project_img}",
alt: "dashboard of project or the logo of the project",
}
div { class: "project-title-info",