Merge pull request #3 from wheregmis/migrating_dx_motion

Typo fix

Author: wheregmis

.github/workflows/gh_pages.yml

@@ -22,7 +22,7 @@ jobs:
         run: cargo binstall -y [email protected] --locked
       - uses: actions/checkout@v2
       - name: Build
-        run:  dx build --release --platform web
+        run:  dx bundle --release --platform web
       - name: Deploy 🚀
         uses: JamesIves/[email protected]
         with:

src/components/project_grid.rs

@@ -6,8 +6,6 @@ use dioxus_motion::{
 use easer::functions::Easing;
 use std::time::Duration;
 
-use crate::{HTML_RSX_PIC, MOTION_PIC};
-
 #[component]
 pub fn ProjectGrid() -> Element {
     rsx! {
@@ -24,14 +22,14 @@ pub fn ProjectGrid() -> Element {
                 ProjectCard {
                     title: "Dioxus Motion 🚀",
                     description: "A lightweight, cross-platform animation library for Dioxus, designed to bring smooth, flexible animations to your Rust web, desktop, and mobile applications.",
-                    image: MOTION_PIC.to_string(),
+                    image: "https://devpro-aceternity.vercel.app/_next/image?url=%2Fimages%2Fprojects%2Falgochurn.png&w=3840&q=75",
                     tech_stack: vec!["Rust", "Dioxus", "Tailwind"],
                     link: "https://crates.io/crates/dioxus-motion",
                 }
                 ProjectCard {
                     title: "HTML to RSX Converter",
                     description: "Convert HTML to Dioxus RSX with a single click. A simple yet powerful tool built with Rust and Dioxus.",
-                    image: HTML_RSX_PIC.to_string(),
+                    image: "https://devpro-aceternity.vercel.app/_next/image?url=%2Fimages%2Fprojects%2Falgochurn.png&w=3840&q=75",
                     tech_stack: vec!["Rust", "Dioxus", "Tailwind"],
                     link: "https://wheregmis.github.io/dioxus_html_rsx/",
                 }

src/components/testimonials.rs

@@ -1,6 +1,9 @@
 use dioxus::hooks::*;
 use dioxus::prelude::*;
-use dioxus_motion::{enhanced_motion::use_motion, prelude::*};
+use dioxus_motion::{
+    enhanced_motion::{use_motion, AnimationSequence, EnhancedAnimationManager},
+    prelude::*,
+};
 use easer::functions::Easing;
 use std::time::Duration;
 
@@ -23,14 +26,15 @@ pub fn Testimonials() -> Element {
             role: "I Myself".into(),
             company: "My Own World".into(),
             avatar: PROFILE_PIC.to_string(),
-            quote: "I am fucking awesome and i know it, Before someput put testimonials i need to judge myself".into(),
+            quote: "I am fucking awesome and i know it, and i dont need someone else to judge me"
+                .into(),
         },
         TestimonialProps {
             name: "Kshitiz Bhattarai".into(),
             role: "My Friend".into(),
             company: "My Badass COmpany".into(),
             avatar: "https://api.uifaces.co/our-content/donated/xZ4wg2Xj.jpg".into(),
-            quote: "Sabin is the coolest dev i ever know".into(),
+            quote: "Sabin is the coolest dev i have ever known".into(),
         },
     ];
 

src/components/work_experience.rs

@@ -26,29 +26,20 @@ pub fn WorkExperience() -> Element {
     let companies = [
         (
             "TROES Corp",
-            "May, 2023 - Present",
+            "2021 - Present",
             "Software Engineer",
-            "Developed high-performance battery management systems and remote monitoring solutions, achieving 40% improvement in data processing efficiency. Built robust battery controllers using Rust, with real-time monitoring through InfluxDB and Grafana. Designed scalable web platforms using Django and Vue.js for seamless IoT energy management.",
+            "Led development of battery management systems and remote monitoring solutions, resulting in 40% efficiency improvement in data processing.",
             vec![
                 "Rust", "Python", "AWS", "Redis", "Vue", "Tailwind", "Docker", "Grafana", "InfluxDB",
             ]
         ),
         (
             "Lambton College",
-            "Aug, 2022 - April, 2023",
+            "2021 - Present",
             "Research Assistant",
-            "Focused on developing remote monitoring systems for battery energy storage using Flutter, Vue.js, and Django. Designed and implemented web and mobile applications to track system performance, enabling real-time data access and improving overall monitoring efficiency.",
+            "Led development of battery management systems and remote monitoring solutions, resulting in 40% efficiency improvement in data processing.",
             vec![
-                "Python", "AWS", "Vue", "Tailwind", "Docker", "InfluxDB",
-            ]
-        ),
-        (
-            "Seva Development",
-            "Oct, 2021 - Jan, 2022",
-            "Contract Based Software Engineer",
-            "Developed a data migration engine as a Software Engineer, enabling seamless data transfer between diverse sources and destinations, including MySQL, Oracle, PostgreSQL, and Salesforce. Optimized the migration process for accuracy and efficiency, ensuring reliable data handling across multiple platforms.",
-            vec![
-                "Python", "AWS Lambda","PostgreSQL",
+                "Rust", "Python", "AWS", "Redis", "Vue", "Tailwind", "Docker", "Grafana", "InfluxDB",
             ]
         ),
     ];
@@ -164,7 +155,7 @@ pub fn WorkExperience() -> Element {
                 // Timeline line container
                 div {
                     id: "timeline-line",
-                    class: "relative h-[calc(100%)] bg-gray-800",
+                    class: "relative h-[calc(100%-2rem)] bg-gray-800",
                     // Moving dot
                     div {
                         id: "timeline-dot",
@@ -173,7 +164,7 @@ pub fn WorkExperience() -> Element {
                         onmounted: move |_| {
                             dot_transform
                                 .animate_to(
-                                    Transform::new(0.0, 280.0, 1.0, 0.0),
+                                    Transform::new(0.0, 200.0, 1.0, 0.0),
                                     AnimationConfig::new(
                                             AnimationMode::Spring(Spring {
                                                 stiffness: 100.0,

src/views/blog.rs

@@ -5,7 +5,6 @@ use dioxus_motion::{
     prelude::*,
 };
 use document::eval;
-use easer::functions::Easing;
 // Add this import
 use serde::Deserialize;
 
@@ -95,14 +94,6 @@ pub fn BlogPreview() -> Element {
                                         .with_delay(Duration::from_millis(1300)),
                                 );
                             card_transform.animate_sequence(card_sequence);
-
-                            card_opacity.animate_to(
-                                1.0,
-                                AnimationConfig::new(AnimationMode::Tween(Tween {
-                                    duration: Duration::from_millis(600),
-                                    easing: easer::functions::Sine::ease_in_out,
-                                })),
-                            );
                         };
                         rsx! {
                             Link { to: Route::Blog { id: post.id },
@@ -179,17 +170,17 @@ pub fn Blog(id: i32) -> Element {
         eval(
             r#"
         hljs.highlightAll();
-
+        
         // Add copy function
         window.copyCode = function(button) {
             const pre = button.parentElement.querySelector('pre');
             const code = pre.textContent;
-
+            
             navigator.clipboard.writeText(code).then(() => {
                 const originalText = button.textContent;
                 button.textContent = 'Copied!';
                 button.style.backgroundColor = 'rgba(46, 160, 67, 0.4)';
-
+                
                 setTimeout(() => {
                     button.textContent = originalText;
                     button.style.backgroundColor = 'rgba(255, 255, 255, 0.1)';
@@ -198,7 +189,7 @@ pub fn Blog(id: i32) -> Element {
                 console.error('Failed to copy:', err);
                 button.textContent = 'Error!';
                 button.style.backgroundColor = 'rgba(248, 81, 73, 0.4)';
-
+                
                 setTimeout(() => {
                     button.textContent = 'Copy';
                     button.style.backgroundColor = 'rgba(255, 255, 255, 0.1)';
@@ -215,7 +206,7 @@ pub fn Blog(id: i32) -> Element {
             copyButton.className = 'copy-button';
             copyButton.textContent = 'Copy';
             copyButton.onclick = function() { copyCode(this); };
-
+            
             pre.parentNode.insertBefore(wrapper, pre);
             wrapper.appendChild(pre);
             wrapper.appendChild(copyButton);