From a959f54173553f30c6e2e3c8cbc15891052419e6 Mon Sep 17 00:00:00 2001
From: Yelsin Sepulveda <yelsinsepulveda@gmail.com>
Date: Tue, 20 Jan 2026 14:54:34 -0500
Subject: [PATCH 1/2] refactor resume page

Signed-off-by: Yelsin Sepulveda <yelsinsepulveda@gmail.com>
---
 src/components/Menu.astro |  2 +-
 src/layouts/Resume.astro  | 25 ++++++++++-
 src/markdown/resume.md    | 87 ---------------------------------------
 src/pages/Resume.astro    | 14 ++++++-
 4 files changed, 36 insertions(+), 92 deletions(-)
 delete mode 100644 src/markdown/resume.md

diff --git a/src/components/Menu.astro b/src/components/Menu.astro
index f85cb4f..6b573ef 100644
--- a/src/components/Menu.astro
+++ b/src/components/Menu.astro
@@ -1,6 +1,6 @@
 ---
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
-import { faHouse, faUser, faBlog, faEnvelope, faCode, faFileLines } from '@fortawesome/free-solid-svg-icons'
+import { faBlog, faCode, faFileLines } from '@fortawesome/free-solid-svg-icons'
 ---
 <ul class="flex flex-col gap-4">
     <li>
diff --git a/src/layouts/Resume.astro b/src/layouts/Resume.astro
index 27fb1e9..44cc263 100644
--- a/src/layouts/Resume.astro
+++ b/src/layouts/Resume.astro
@@ -35,8 +35,29 @@ const props = Astro.props;
                 <div class="flex justify-center w-full text-5xl font-semibold gap-2 bg-destructive-foreground">
                     <slot name="title" />
                 </div>
-            	<div class="flex flex-col w-3/5 pt-8 mb-50 max-w-350" >
-                    <slot name="resume" />
+				<div class="flex flex-rows w-11/12 pt-8 gap-16">
+                    <div class="" >
+                        <span class="" >
+                            <slot name="header" />
+                        </span>
+						<span class="" >
+                            <slot name="experience" />
+                        </span>
+                    </div>
+                    <div class="" >
+						<span class="" >
+                            <slot name="socials" />
+                        </span>
+                        <span class="" >
+                            <slot name="skills" />
+                        </span>
+                        <span class="" >
+                            <slot name="projects" />
+                        </span>
+                        <span class="" >
+                            <slot name="certs" />
+                        </span>
+                    </div>
                 </div>
                 <div class="flex justify-center w-full bg-destructive-foreground text-lg p-5">
                     <slot name="footer"/>
diff --git a/src/markdown/resume.md b/src/markdown/resume.md
deleted file mode 100644
index 37555c9..0000000
--- a/src/markdown/resume.md
+++ /dev/null
@@ -1,87 +0,0 @@
----
-title: Resume
----
-
-
-<div class="text-center">
-
-# Yelsin Tomas Sepulveda
-
-### **Software Engineer | Cloud DevOps**  
-
-</div>
-
-<i class="fa-solid fa-envelope"></i>
-<a href="mailto:YelsinSepulveda@gmail.com">YelsinSepulveda@gmail.com</a> ·
-<i class="fa-brands fa-github"></i> GitHub ·
-<i class="fa-brands fa-gitlab"></i> GitLab ·
-<i class="fa-brands fa-linkedin"></i>
-<a href="https://linkedin.com/in/yelsin-sepulveda-lara">LinkedIn</a>
-
-## Experience
-
-### KDE — GSoC’25 Contributor
-**June 2025 – Present · Remote**
-
-- Submitted proposal and was accepted to develop gaming controller support in Plasma Desktop through **KWin**, addressing a long-standing system suspension issue and adding basic system navigation.
-- Implemented the solution using **C++**, **Qt Framework**, **CMake**, **KDE Frameworks**, and the **Linux Kernel Input Subsystem API**.
-- Collaborate closely with KDE/KWin maintainers and mentors throughout development lifecycles, participate in code reviews, technical discussions on Matrix channels, and publish public blog posts.
-
----
-
-### Amazon Web Services — SDE DevOps, Innovation Engineering
-**Sep 2023 – June 2024 · Remote**
-
-- Developed and refactored multi-stage CI/CD pipelines, reducing pipeline execution time by **40%** (~30 min → ~18 min) and improving infrastructure maintainability using **CloudFormation**, **CDK**, **CodePipeline**, **TypeScript**, **ECS**, **EKS**, and **Docker**.
-- Built **15+ reusable CDK L3 constructs**, encapsulating resources such as VPN, S3, EC2, ECS, RDS, and networking for *Marshall* (internal web platform), significantly reducing configuration complexity and drift.
-
----
-
-### Amazon Web Services — Solutions Architect (Intern → Associate)
-**Jan 2021 – Sep 2023 · Arlington, VA**
-
-- Created User Acceptance Test documentation, automated tests, and reporting for the **AWS Secure Environment Accelerator**, validating expected security controls using **Python**, `unittest`, and **Boto3**.
-- Developed deep technical expertise across core AWS services including **EC2**, **Lambda**, **S3**, **RDS**, **VPC**, **CloudFormation**, **IAM**, and **CloudWatch**, following the AWS Well-Architected Framework.
-- Architected AWS environments for public sector and enterprise customers, advising on least-privilege IAM, encryption, backups, networking, and the Shared Responsibility Model.
-- Supported executive demos and client workshops, translating complex architectures into actionable business insights.
-
----
-
-### AthenaHealth — NE1 Intern, Platform Services
-**June 2020 – May 2021 · Watertown, MA**
-
-- Developed new infrastructure for **Okta authentication resources**, converting imperative JavaScript scripts into a declarative **Terraform**-based system.
-- Created a CI/CD pipeline using **Jenkins** and **Docker**, automating code fetch, Puppeteer smoke tests, and deployment to AWS EC2.
-- Worked within a Scrum team following Agile workflows, including daily standups, Jira ticketing, bi-weekly sprints, and retrospectives.
-
----
-
-## Personal Projects
-
-### Open Source Contributor — KDE (2025)
-- Contributions to **Angelfish**, **KWin**, and **Plasma Desktop**
-  *Technologies:* C++, Qt, CMake
-
-### Retrodex Miyoo — Pokédex App (2024)
-- Pokédex application for **Onion-OS** on gaming handhelds using the `miyoomini-toolchain`
-  *Technologies:* C++, SDL, CMake
-
----
-
-## Skills
-
-- **Languages:** C, C++, Go, Java, Python, TypeScript, JavaScript
-- **Cloud & Infrastructure:** AWS (ECS, EKS, Lambda, CDK, CloudFormation), Docker, Kubernetes, Terraform, Grafana, Prometheus
-- **Tools:** React, Node.js, Qt, CMake, Jenkins, Git, Linux
-
----
-
-## Certifications
-
-- AWS Certified Cloud Practitioner — J3W7057DJERE1WSZ
-- AWS Certified Solutions Architect – Associate — MMWL2GE2WEBEQH58
-- AWS Certified Developer – Associate — MEGK0X01XNREQCWW
-
----
-
-**Languages:** Native bilingual — English & Spanish
diff --git a/src/pages/Resume.astro b/src/pages/Resume.astro
index 3c9b401..75dc459 100644
--- a/src/pages/Resume.astro
+++ b/src/pages/Resume.astro
@@ -3,7 +3,12 @@ import '../styles/global.css';
 
 // Component Imports
 import ResumeLayout from "../layouts/Resume.astro"
-import * as resume from "../markdown/resume.md"
+import {Content as Header} from '../components/resume/Header.md';
+import {Content as Experience} from '../components/resume/Professional_Experience.md';
+import {Content as Projects} from '../components/resume/Personal_Projects.md';
+import {Content as Skills} from '../components/resume/Skills.md';
+import {Content as Certs} from '../components/resume/Certifications.md';
+import Socials from '../components/resume/Socials.astro';
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { faAt } from '@fortawesome/free-solid-svg-icons'
@@ -15,7 +20,12 @@ import {faSquareGitlab, faSquareGithub, faSquareLinkedin} from '@fortawesome/fre
 
 <ResumeLayout slot="main" >
     <p slot="title">Resume</p>
-    <div set:html={await resume.compiledContent()} slot="resume"/>
+    <Header slot="header" />
+    <Socials slot="socials" />
+    <Experience slot="experience" />
+    <Projects slot="projects" />
+    <Skills slot="skills" />
+    <Certs slot="certs" />
     <p slot="footer" class="flex items-center gap-2">
         Made wih ❤️ and <img class="w-8" src={`https://go-skill-icons.vercel.app/api/icons?i=astro`} />
     </p>

From aed32f31a8df93bc1de58c605b93873bc3e64408 Mon Sep 17 00:00:00 2001
From: Yelsin Sepulveda <yelsinsepulveda@gmail.com>
Date: Tue, 20 Jan 2026 14:58:40 -0500
Subject: [PATCH 2/2] add missing files

Signed-off-by: Yelsin Sepulveda <yelsinsepulveda@gmail.com>
---
 src/components/resume/Certifications.md       |  8 ++++
 src/components/resume/Header.md               |  6 +++
 src/components/resume/Personal_Projects.md    | 12 ++++++
 .../resume/Professional_Experience.md         | 38 +++++++++++++++++++
 src/components/resume/Skills.md               | 10 +++++
 src/components/resume/Socials.astro           | 38 +++++++++++++++++++
 6 files changed, 112 insertions(+)
 create mode 100644 src/components/resume/Certifications.md
 create mode 100644 src/components/resume/Header.md
 create mode 100644 src/components/resume/Personal_Projects.md
 create mode 100644 src/components/resume/Professional_Experience.md
 create mode 100644 src/components/resume/Skills.md
 create mode 100644 src/components/resume/Socials.astro

diff --git a/src/components/resume/Certifications.md b/src/components/resume/Certifications.md
new file mode 100644
index 0000000..36a9a97
--- /dev/null
+++ b/src/components/resume/Certifications.md
@@ -0,0 +1,8 @@
+---
+---
+
+## Certifications
+
+- AWS Certified Cloud Practitioner — J3W7057DJERE1WSZ
+- AWS Certified Solutions Architect: Associate — MMWL2GE2WEBEQH58
+- AWS Certified Developer: Associate — MEGK0X01XNREQCWW
diff --git a/src/components/resume/Header.md b/src/components/resume/Header.md
new file mode 100644
index 0000000..dd23dcf
--- /dev/null
+++ b/src/components/resume/Header.md
@@ -0,0 +1,6 @@
+---
+---
+
+# Yelsin Tomas Sepulveda
+
+### **Software Engineer | Cloud DevOps**  
diff --git a/src/components/resume/Personal_Projects.md b/src/components/resume/Personal_Projects.md
new file mode 100644
index 0000000..52c29d3
--- /dev/null
+++ b/src/components/resume/Personal_Projects.md
@@ -0,0 +1,12 @@
+---
+---
+
+## Personal Projects
+
+### Open Source Contributor — KDE (2025)
+- Contributions to **Angelfish**, **KWin**, and **Plasma Desktop**
+  *Technologies:* C++, Qt, CMake
+
+### Retrodex Miyoo — Pokédex App (2024)
+- Pokédex application for **Onion-OS** on gaming handhelds using the `miyoomini-toolchain`
+  *Technologies:* C++, SDL, CMake
diff --git a/src/components/resume/Professional_Experience.md b/src/components/resume/Professional_Experience.md
new file mode 100644
index 0000000..f42b9c7
--- /dev/null
+++ b/src/components/resume/Professional_Experience.md
@@ -0,0 +1,38 @@
+---
+---
+
+## Experience
+
+### KDE — GSoC’25 Contributor
+**June 2025 – Present · Remote**
+
+- Submitted proposal and was accepted to develop gaming controller support in Plasma Desktop through **KWin**, addressing a long-standing system suspension issue and adding basic system navigation.
+- Implemented the solution using **C++**, **Qt Framework**, **CMake**, **KDE Frameworks**, and the **Linux Kernel Input Subsystem API**.
+- Collaborate closely with KDE/KWin maintainers and mentors throughout development lifecycles, participate in code reviews, technical discussions on Matrix channels, and publish public blog posts.
+
+---
+
+### Amazon Web Services — SDE DevOps, Innovation Engineering
+**Sep 2023 – June 2024 · Remote**
+
+- Developed and refactored multi-stage CI/CD pipelines, reducing pipeline execution time by **40%** (~30 min → ~18 min) and improving infrastructure maintainability using **CloudFormation**, **CDK**, **CodePipeline**, **TypeScript**, **ECS**, **EKS**, and **Docker**.
+- Built **15+ reusable CDK L3 constructs**, encapsulating resources such as VPN, S3, EC2, ECS, RDS, and networking for *Marshall* (internal web platform), significantly reducing configuration complexity and drift.
+
+---
+
+### Amazon Web Services — Solutions Architect (Intern → Associate)
+**Jan 2021 – Sep 2023 · Arlington, VA**
+
+- Created User Acceptance Test documentation, automated tests, and reporting for the **AWS Secure Environment Accelerator**, validating expected security controls using **Python**, `unittest`, and **Boto3**.
+- Developed deep technical expertise across core AWS services including **EC2**, **Lambda**, **S3**, **RDS**, **VPC**, **CloudFormation**, **IAM**, and **CloudWatch**, following the AWS Well-Architected Framework.
+- Architected AWS environments for public sector and enterprise customers, advising on least-privilege IAM, encryption, backups, networking, and the Shared Responsibility Model.
+- Supported executive demos and client workshops, translating complex architectures into actionable business insights.
+
+---
+
+### AthenaHealth — NE1 Intern, Platform Services
+**June 2020 – May 2021 · Watertown, MA**
+
+- Developed new infrastructure for **Okta authentication resources**, converting imperative JavaScript scripts into a declarative **Terraform**-based system.
+- Created a CI/CD pipeline using **Jenkins** and **Docker**, automating code fetch, Puppeteer smoke tests, and deployment to AWS EC2.
+- Worked within a Scrum team following Agile workflows, including daily standups, Jira ticketing, bi-weekly sprints, and retrospectives.
diff --git a/src/components/resume/Skills.md b/src/components/resume/Skills.md
new file mode 100644
index 0000000..40f1ad3
--- /dev/null
+++ b/src/components/resume/Skills.md
@@ -0,0 +1,10 @@
+---
+---
+
+## Skills
+
+### Languages <img src="https://go-skill-icons.vercel.app/api/icons?i=c,cpp,go,java,python,ts,js" height="18" />
+
+### Tools <img src="https://go-skill-icons.vercel.app/api/icons?i=react,nodejs,qt,cmake,jenkins,git,linux" height="18" />
+
+### Cloud & Infrastructure <img src="https://go-skill-icons.vercel.app/api/icons?i=aws,docker,k8s,terraform,grafana,prometheus" height="18" />
diff --git a/src/components/resume/Socials.astro b/src/components/resume/Socials.astro
new file mode 100644
index 0000000..74b5b52
--- /dev/null
+++ b/src/components/resume/Socials.astro
@@ -0,0 +1,38 @@
+---
+// import '@fortawesome/fontawesome-svg-core/styles.css';
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
+import { 
+    faSquareLinkedin, 
+    faSquareGithub, 
+    faSquareGitlab 
+} from '@fortawesome/free-brands-svg-icons'
+import { Label } from '@/components/ui/label'
+---
+
+<ul class="p-0 no-bullets" >
+    <li class="flex flex-rows gap-4">
+        <FontAwesomeIcon className="text-[#34d399]" icon={faSquareLinkedin}  />
+        <a class="" href="https://linkedin.com/in/yelsin-sepulveda-lara" target="_blank">
+            <Label > LinkedIn </Label>
+        </a>
+    </li>
+    <li class="flex flex-rows gap-4">
+        <FontAwesomeIcon className="text-[#34d399]" icon={faSquareGithub}  />
+        <a class="" href="https://github.com/yorisoft" target="_blank">
+                <Label > GitHub </Label>
+        </a>
+    </li>
+    <li class="flex flex-rows gap-4">
+        <FontAwesomeIcon className="text-[#34d399]" icon={faSquareGitlab}  />
+        <a class="" href="https://invent.kde/yorisoft" target="_blank">
+                <Label > GitLab </Label>
+        </a>
+    </li>
+    <li class="flex flex-rows gap-4">
+        <FontAwesomeIcon className="text-[#34d399]" icon={faEnvelope}  />
+        <a class="" href="" target="_blank">
+                <Label > yelsinsepulveda@gmail.com </Label>
+        </a>
+    </li>
+</ul>