From 6a2780f9b0032f08e805fd6067ead1d4a3c6bc59 Mon Sep 17 00:00:00 2001 From: Nicholai Date: Thu, 18 Dec 2025 15:15:14 -0700 Subject: [PATCH] Refactor Experience section: layout, styling, and content - Update header animation and hover effects - Replace Rack Mount layout with mapped entry list - Add tags display and improved typography - Simplify component structure and class names --- src/components/sections/Experience.astro | 163 +++++++++-------------- 1 file changed, 61 insertions(+), 102 deletions(-) diff --git a/src/components/sections/Experience.astro b/src/components/sections/Experience.astro index 1060761..3a0d0d0 100644 --- a/src/components/sections/Experience.astro +++ b/src/components/sections/Experience.astro @@ -28,125 +28,84 @@ const { sectionTitle, sectionSubtitle, sectionLabel, description, entries } = As
-
+

{sectionTitle} - {sectionSubtitle} + {sectionSubtitle}

-
-
{sectionLabel}
-

+

+

{description}

- -
- - {entries[0] && (() => { - const entry = entries[0]; - return ( -
- -
-
- - -
-
- {entry.systemId} /// {entry.status} -
-
- {entry.dates} + +
+ {entries.map((entry, index) => ( + + +
+
+

+ {entry.company} +

+

+ {entry.role} +

- -
-
-

{entry.company}

- {entry.role} - - {entry.tags && entry.tags.length > 0 && ( -
- {entry.tags.map((tag) => ( - {tag} - ))} -
- )} -
-
-

- {entry.description} -

- - {entry.achievements && entry.achievements.length > 0 && ( -
- {entry.achievements.map((achievement) => ( -
-

{achievement.label}

-

{achievement.text}

-
- ))} -
- )} - - {entry.link && ( -
- - {entry.link.text} - -
- )} -
+
- ); - })()} - - {entries.length > 1 && ( -
- {entries.slice(1).map((entry, index) => ( -
- -
- - -
-
- {entry.systemId} /// {entry.status} -
- {entry.dates} + +
+ +
+
+
Period
+
{entry.dates}
-
-
-

{entry.company}

- {entry.role} + {entry.tags && entry.tags.length > 0 && ( +
+
Stack
+
+ {entry.tags.join(', ')} +
-

- {entry.description} -

- {entry.link && ( -
- - {entry.link.text} - -
- )} - {entry.tags && entry.tags.length > 0 && ( -
- {entry.tags.map((tag) => ( - {tag} - ))} -
- )} -
+ )}
- ))} -
- )} + + +
+

+ {entry.description} +

+ + {entry.achievements && entry.achievements.length > 0 && ( +
+ {entry.achievements.map((achievement) => ( +
+
+ {achievement.label} +
+
+ {achievement.text} +
+
+ ))} +
+ )} +
+
+ + ))}