From 1374fe4b40d153c259b0852f035ad47e42d610e5 Mon Sep 17 00:00:00 2001 From: Artem Date: Sun, 1 Mar 2026 18:39:29 -0500 Subject: [PATCH 1/2] style: reduce border thickness and shadow opacity in dropdown and section components --- components/systemDropdown.tsx | 4 ++-- components/systemSectionMain.tsx | 6 +++--- 2 files changed, 5 insertions(+), 5 deletions(-) diff --git a/components/systemDropdown.tsx b/components/systemDropdown.tsx index 99352ee..af99e8d 100644 --- a/components/systemDropdown.tsx +++ b/components/systemDropdown.tsx @@ -21,8 +21,8 @@ export default function SystemDropdown(props: ISystemDropdownProps) { return (
setIsOpen(!isOpen)} diff --git a/components/systemSectionMain.tsx b/components/systemSectionMain.tsx index f5266b2..acfcd4b 100644 --- a/components/systemSectionMain.tsx +++ b/components/systemSectionMain.tsx @@ -55,11 +55,11 @@ export default function SystemSectionMain(props: ISystemSectionMainProps) { return (
setSelectedCategory(category)} From 95ee635ff3d6b403ddd14794e732cbecaea3ba45 Mon Sep 17 00:00:00 2001 From: Artem Date: Sun, 1 Mar 2026 20:04:15 -0500 Subject: [PATCH 2/2] feat: enhance system architecture details and improve dropdown styling --- _content/systems.md | 17 +++++++++----- components/systemDropdown.tsx | 22 ++++++++---------- components/systemSectionMain.tsx | 39 +++++++++++++++++--------------- components/utils/types.ts | 6 +++++ pages/index.tsx | 1 + 5 files changed, 49 insertions(+), 36 deletions(-) diff --git a/_content/systems.md b/_content/systems.md index 24dc929..da69746 100644 --- a/_content/systems.md +++ b/_content/systems.md @@ -2,10 +2,15 @@ title: "Architecting Systems That Actually Run Your Business" sentence: I design the architecture and lead the team. I'm in from the first whiteboard session through production. What ships has to work under load, under scrutiny, and over time. I've sat in enough executive briefings and engineering reviews to align the business from top to bottom. description: A selection of real projects I led. The details are confidential, but I can walk you through the technical decisions in a conversation. Feel free to reach out! +capabilities: + - term: "Ownership" + description: "I find where the breakdown is — strategy, process, or code — and fix it." + - term: "Scale" + description: "I build for where the business is going, not where it is." + - term: "Security" + description: "I design security from an attacker's point of view." + - term: "Automation" + description: "I build systems that replace entire manual workflows, not just individual tasks." + - term: "Alignment" + description: "I make sure what engineering builds is what the business asked for." --- - -**Ownership** – I find where the breakdown is — strategy, process, or code — and fix it. -**Scale** – I build for where the business is going, not where it is. -**Security** – I design security from an attacker's point of view. -**Automation** – I build systems that replace entire manual workflows, not just individual tasks. -**Alignment** – I make sure what engineering builds is what the business asked for. diff --git a/components/systemDropdown.tsx b/components/systemDropdown.tsx index af99e8d..0bccb27 100644 --- a/components/systemDropdown.tsx +++ b/components/systemDropdown.tsx @@ -21,37 +21,35 @@ export default function SystemDropdown(props: ISystemDropdownProps) { return (
setIsOpen(!isOpen)} ref={descriptionRef} > -
+
-

+

{system.details.title}

-

+

{system.details.impact}

-
-

- {system.details.impact} -

-
+
+
{system.details.techs.map((skill) => ( ))} diff --git a/components/systemSectionMain.tsx b/components/systemSectionMain.tsx index acfcd4b..c22e5e1 100644 --- a/components/systemSectionMain.tsx +++ b/components/systemSectionMain.tsx @@ -29,42 +29,45 @@ export default function SystemSectionMain(props: ISystemSectionMainProps) { return (
-
-

+
+

{blurb.title}

-
+
{blurb.sencence}
-
- - {blurb.body} - +
+ {blurb.capabilities.map((cap) => ( +
+

{cap.term}

+

{cap.description}

+
+ ))}
-
-

+ +

+

{blurb.description}

-
-
+
+
{categories.map((category) => { const Icon = category_lookup[category].icon; return (
setSelectedCategory(category)} > - + {category_lookup[category].name} @@ -77,9 +80,9 @@ export default function SystemSectionMain(props: ISystemSectionMainProps) { key={category} className={`${ selectedCategory === category ? "" : "hidden" - } mt-8`} + } mt-6`} > -
+
{systems .sort((a, b) => a.details.priority - b.details.priority) .filter((system) => system.details.category === category) diff --git a/components/utils/types.ts b/components/utils/types.ts index 19b1ff6..8651aeb 100644 --- a/components/utils/types.ts +++ b/components/utils/types.ts @@ -38,9 +38,15 @@ export interface ISystemLink { body: string; } +export interface ISystemCapability { + term: string; + description: string; +} + export interface ISystemBlurb { title: string; sencence: string; description: string; + capabilities: ISystemCapability[]; body: string; } diff --git a/pages/index.tsx b/pages/index.tsx index 431aba7..a1521a4 100644 --- a/pages/index.tsx +++ b/pages/index.tsx @@ -61,6 +61,7 @@ export async function getStaticProps() { title: systemBlurbData.data.title, sencence: systemBlurbData.data.sentence, description: systemBlurbData.data.description, + capabilities: systemBlurbData.data.capabilities ?? [], body: systemBlurbData.content, };