89 lines
3.7 KiB
Rust

use crate::components::{Experience, TechCat};
use crate::views::{Contact, Projects};
use crate::Route;
use dioxus::prelude::*;
const HOME_CSS: Asset = asset!("/assets/styling/home.css");
#[component]
pub fn Home() -> Element {
let languages = vec![
"Rust",
"Python",
"YAML",
"HTML5",
"CSS",
"JavaScript",
"Markdown",
];
let backend = vec!["Actix", "FastAPI", "Dioxus", "Diesel"];
let frontend = vec!["React", "Dioxus", "Vue"];
let databases = vec!["Sqlite", "PostgreSQL", "Mongodb", "DynamoDB"];
let tools = vec![
"Vs Code",
"Git",
"Prettier",
"Firefox",
"Github Actions",
"Traefik",
"Docker",
"Kubernetes",
"Terraform",
];
let platforms = vec!["AWS", "Cloudflare", "Vercel", "Netlify", "Gitea", "Github"];
rsx!(
document::Link { rel: "stylesheet", href: HOME_CSS }
div {
div { id: "home-intro",
h1 { "Hi I'm Brock" }
p {
"a fourth year Software Engineering Student specializing in full-stack development with a strong focus on backend technologies.
I am developing the language of how to design, develop, and create programs that are to industry standards and reasonably efficent.
I bring the lessons learned from each project I have completed,
learning from the mistakes I have made and bringing improved versions forward into the next project."
}
p {
"As of writing this I intend to bring the knowledge learned from my time at university in Software Engineering onto a Baja SAE car,
where we can collect data remotely and graph data for instantaneous and future analysis,
during vechile operation."
}
p {
"I grew up in a small ski town where, I started learning about programming, from of course Minecraft,
where I thought the application of this was so futuristic and downright cool that I knew I wanted to persure it further.
While living there I spend a majority of my time outside of school swimming competitively, where I ranked top 10 in BC.
Along with swimming I spend a lot of time volunteering with fundraising events and coaching the local Special Olympics swim team."
}
p {
"I advore problem solving and building cool stuff, I'm happy to jump in and get started! "
Link { to: Route::ContactMe {}, "Let's create something great together!" }
}
}
div { class: "technologies",
h2 { "Technology" }
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 }
TechCat { cat: "Frontend", tech_vec: frontend }
TechCat { cat: "Databases", tech_vec: databases }
TechCat { cat: "Platforms", tech_vec: platforms }
TechCat { cat: "Tools", tech_vec: tools }
}
}
Contact {}
Projects {}
div { id: "experience",
h2 { "Experience" }
div {
Experience { professional_jobs: true }
Experience { professional_jobs: false }
}
}
}
)
}
// https://yaml.org/favicon.svg