From fdea3d2f15da0524e9c192bec14f1fbf6e62610d Mon Sep 17 00:00:00 2001 From: darkicewolf50 Date: Fri, 25 Apr 2025 20:18:47 -0600 Subject: [PATCH] feat(dioxusRefresh): version 1 of the site is finished, TODO more projects and additional pages, and backend --- Cargo.lock | 2 +- Cargo.toml | 2 +- assets/styling/projectCards.css | 8 +++-- src/views/projects.rs | 53 +++++++++++++++++++++++---------- 4 files changed, 46 insertions(+), 19 deletions(-) diff --git a/Cargo.lock b/Cargo.lock index 9c68fe2..98c2622 100644 --- a/Cargo.lock +++ b/Cargo.lock @@ -3040,7 +3040,7 @@ checksum = "e3148f5046208a5d56bcfc03053e3ca6334e51da8dfb19b6cdc8b306fae3283e" [[package]] name = "personal_site" -version = "0.1.0" +version = "1.0.0" dependencies = [ "dioxus", ] diff --git a/Cargo.toml b/Cargo.toml index 637c672..74e75de 100644 --- a/Cargo.toml +++ b/Cargo.toml @@ -1,6 +1,6 @@ [package] name = "personal_site" -version = "0.1.0" +version = "1.0.0" authors = ["darkicewolf50 "] edition = "2021" diff --git a/assets/styling/projectCards.css b/assets/styling/projectCards.css index 1ee81da..c13cfb9 100644 --- a/assets/styling/projectCards.css +++ b/assets/styling/projectCards.css @@ -18,20 +18,24 @@ } .project-card img { - max-width: 100%; + max-width: 96%; + max-height: 200px; justify-self: center; + + margin: 0svh 1svw; padding-top: 1svh; object-fit: contain; color: transparent; display: flex; - aspect-ratio: 3/2; } .project-title-info { display: flex; flex-direction: row; + height: 50px; + border-bottom: var(--underlineTitle); border-radius: var(--underlineTitleBorderRadius); margin: 0px 2svw; diff --git a/src/views/projects.rs b/src/views/projects.rs index 9f73346..8ba3839 100644 --- a/src/views/projects.rs +++ b/src/views/projects.rs @@ -10,25 +10,48 @@ pub fn Projects() -> Element { } div { class: "project-section", ProjectCards { - project_name: "Project Name", - website_prop: "https://google.com", - github_prop: "https://google.com", - techs_used: vec!["Rust", "Rust", "Rust", "Rust", "Rust", "Rust", "Rust"], - project_des: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet risus tristique nisi euismod elementum. Duis et est sed neque pulvinar sodales sit amet non purus. Nam ut ultrices enim. Vestibulum blandit sapien dui. Aliquam sit amet ex quis lectus consectetur tempor at non arcu. Curabitur placerat justo sed nulla lobortis molestie. Sed eget justo sit amet justo lobortis tempus. Phasellus laoreet leo est, in lacinia ante aliquet ut. Etiam ultricies fermentum dolor id pretium. Sed dictum nisl id felis pulvinar varius.", + project_name: "Portfolio Site", + website_prop: "https://darkicewolf50.github.io", + github_prop: "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"], + 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. + Considering this phase one was accomplished in 3 working days I believe it is an excellent show of my skill.", } ProjectCards { - project_name: "Project Name 2", - website_prop: "https://google.com", - github_prop: "https://google.com", - techs_used: vec!["Rust", "Rust", "Rust", "Rust", "Rust", "Rust", "Rust"], - project_des: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet risus tristique nisi euismod elementum. Duis et est sed neque pulvinar sodales sit amet non purus. Nam ut ultrices enim. Vestibulum blandit sapien dui. Aliquam sit amet ex quis lectus consectetur tempor at non arcu. Curabitur placerat justo sed nulla lobortis molestie. Sed eget justo sit amet justo lobortis tempus. Phasellus laoreet leo est, in lacinia ante aliquet ut. Etiam ultricies fermentum dolor id pretium. Sed dictum nisl id felis pulvinar varius.", + project_name: "UCalgary Baja Backend", + project_img: "https://www.svgrepo.com/show/448221/docker.svg", + techs_used: vec!["Python", "FastAPI", "Github Actions", "Docker", "Traefik", "Git", "Github"], + project_des: "This is going to be extremely cost saving for the non-profit club UCalgary Baja. + Using automated uploads and linting to check the Python and FastAPI code was excellent for learning how to self-host a web server. + This was then upgraded later with the addition of treafik so that it could be SSL certified, this is also known as supporting HTTPS transmissions. + Ultimately it will serve as a great stepping stone for both myself an anyone else in UCalgary Baja Software subteam. + This will lead into using Actixs in the migration Soon™ to be.", } ProjectCards { - project_name: "Project Name 3", - website_prop: "https://google.com", - github_prop: "https://google.com", - techs_used: vec!["Rust", "Rust", "Rust", "Rust", "Rust", "Rust", "Rust"], - project_des: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sit amet risus tristique nisi euismod elementum. Duis et est sed neque pulvinar sodales sit amet non purus. Nam ut ultrices enim. Vestibulum blandit sapien dui. Aliquam sit amet ex quis lectus consectetur tempor at non arcu. Curabitur placerat justo sed nulla lobortis molestie. Sed eget justo sit amet justo lobortis tempus. Phasellus laoreet leo est, in lacinia ante aliquet ut. Etiam ultricies fermentum dolor id pretium. Sed dictum nisl id felis pulvinar varius.", + project_name: "UCalgary Baja Website", + website_prop: "https://uofcbaja.pages.dev", + project_img: "https://res.cloudinary.com/dpgrgsh7g/image/upload/v1745633714/ucalgary-baja-site-April.png", + techs_used: vec![ + "HTML5", + "CSS", + "JavaScript", + "Markdown", + "YAML", + "React", + "Git", + "Github", + "Cloudflare", + ], + project_des: "The flexibility that we achieved using React, + rather than a locked down platform or framework has allows all the Software members of UCalgary Baja to learn infinitely more. + This isn't to say that it is faster or have additional perks of using 'non-code website builders'. + This is provided massive opportunities to learn teach and save on cost compaired to the website builders. + Overall I would say this will be worth it in the long run and opened my eyes to different website hosting providers, + with their associated perks and costs. + When we change it, it will most likely we re-written in Vue as there is a good non-depreciated way to initalize the framework.", } } }