- Full Stack Developer
+ Software Systems Engineer
Open Source Enthusiast
@@ -39,7 +39,7 @@ export default function Intro() {
- Coffee-to-code conversion isn't just a clever phrase –
+ "Turning coffee into code" isn't just a clever phrase –
it's how I approach each project: methodically, with attention to detail,
@@ -51,7 +51,7 @@ export default function Intro() {
className="text-foreground/50 hover:text-yellow-bright transition-colors duration-300"
aria-label="Scroll to next section"
>
-
+
diff --git a/src/src/components/about/outside-coding.tsx b/src/src/components/about/outside-coding.tsx
new file mode 100644
index 0000000..742eb3a
--- /dev/null
+++ b/src/src/components/about/outside-coding.tsx
@@ -0,0 +1,65 @@
+import React from 'react';
+import { Fish, Mountain, Book, Car } from 'lucide-react';
+
+export default function OutsideCoding() {
+ const interests = [
+ {
+ icon: ,
+ title: "Fishing",
+ description: "Finding peace and adventure on the water, always looking for the next great fishing spot"
+ },
+ {
+ icon: ,
+ title: "Hiking",
+ description: "Exploring trails with friends and seeking out scenic viewpoints in nature"
+ },
+ {
+ icon: ,
+ title: "Reading",
+ description: "Deep diving into novels & technical books that expand my horizons & captivate my mind"
+ },
+ {
+ icon: ,
+ title: "Project Cars",
+ description: "Working on automotive projects, modifying & restoring sporty sedans"
+ }
+ ];
+
+ return (
+
+
+
+ Outside of Programming
+
+
+
+ {interests.map((interest) => (
+
+
+ {interest.icon}
+
+
+ {interest.title}
+
+
+ {interest.description}
+
+
+ ))}
+
+
+
+ When I'm not writing code, you'll find me
+ out on the water,
+ hiking trails,
+ reading books,
+ or modifying my current ride.
+
+
+
+ );
+}
diff --git a/src/src/components/about/timeline.tsx b/src/src/components/about/timeline.tsx
new file mode 100644
index 0000000..92c4910
--- /dev/null
+++ b/src/src/components/about/timeline.tsx
@@ -0,0 +1,81 @@
+import React from "react";
+import { Check, Code, GitBranch, Star } from "lucide-react";
+
+export default function Timeline() {
+ const timelineItems = [
+ {
+ year: "2024",
+ title: "Present",
+ description: "The wisdom of past ventures now flows through my work, whether crafting elegant CRUD applications or embarking on bold projects that expand my limits.",
+ technologies: ["Rust", "Typescript", "Go", "Postgres"],
+ icon:
+ },
+ {
+ year: "2022",
+ title: "Diving Deeper",
+ description: "The worlds of systems programming and scalable infrastructure collided as I explored low-level C++ graphics programming and containerization with Docker.",
+ technologies: ["C++", "Cmake", "Docker", "Docker Compose"],
+ icon:
+ },
+ {
+ year: "2020",
+ title: "Exploring the Stack",
+ description: "Starting with pure HTML and CSS, I explored the foundations of web development, gradually venturing into JavaScript and React to bring my static pages to life.",
+ technologies: ["Javascript", "Tailwind", "React", "Express"],
+ icon:
+ },
+ {
+ year: "2018",
+ title: "Starting the Journey",
+ description: "An elective Python class in 8th grade transformed my keen interest in programming into a relentless obsession, one that drove me to constantly explore new depths.",
+ technologies: ["Python", "Discord.py", "Asyncio", "Sqlite"],
+ icon:
+ }
+ ];
+
+ return (
+
+ ) : (
+