From 418396ee5100eda8f6bc036ea35dbbe44db2f91a Mon Sep 17 00:00:00 2001
From: Matt Kosarek <matt.kosarek@canonical.com>
Date: Wed, 8 Jul 2026 08:29:04 -0400
Subject: feature: update styling

---
 src/components/CIcon.astro            |  18 +++
 src/components/CSharpIcon.astro       |  18 +++
 src/components/CSharpModernIcon.astro |  12 ++
 src/components/CppIcon.astro          |  32 ++++
 src/components/GitIcon.astro          |  12 ++
 src/components/JavaIcon.astro         |  24 +++
 src/components/JavaScriptIcon.astro   |  15 ++
 src/components/LuaIcon.astro          |  11 ++
 src/components/PythonIcon.astro       |  24 +++
 src/components/ReactIcon.astro        |  16 ++
 src/components/RustIcon.astro         |  15 ++
 src/components/TechIcon.astro         |  11 ++
 src/components/TypeScriptIcon.astro   |  13 ++
 src/layouts/BaseLayout.astro          |   5 +
 src/pages/resume.astro                | 266 +++++-----------------------------
 src/styles/index.css                  |  29 +++-
 src/styles/resume.css                 |  34 ++++-
 17 files changed, 314 insertions(+), 241 deletions(-)
 create mode 100644 src/components/CIcon.astro
 create mode 100644 src/components/CSharpIcon.astro
 create mode 100644 src/components/CSharpModernIcon.astro
 create mode 100644 src/components/CppIcon.astro
 create mode 100644 src/components/GitIcon.astro
 create mode 100644 src/components/JavaIcon.astro
 create mode 100644 src/components/JavaScriptIcon.astro
 create mode 100644 src/components/LuaIcon.astro
 create mode 100644 src/components/PythonIcon.astro
 create mode 100644 src/components/ReactIcon.astro
 create mode 100644 src/components/RustIcon.astro
 create mode 100644 src/components/TechIcon.astro
 create mode 100644 src/components/TypeScriptIcon.astro

(limited to 'src')

diff --git a/src/components/CIcon.astro b/src/components/CIcon.astro
new file mode 100644
index 0000000..e58f77e
--- /dev/null
+++ b/src/components/CIcon.astro
@@ -0,0 +1,18 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="C">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
+    ><path
+      fill="#659AD3"
+      d="M115.4 30.7l-48.3-27.8c-.8-.5-1.9-.7-3.1-.7-1.2 0-2.3.3-3.1.7l-48 27.9c-1.7 1-2.9 3.5-2.9 5.4v55.7c0 1.1.2 2.4 1 3.5l106.8-62c-.6-1.2-1.5-2.1-2.4-2.7z"
+    ></path><path
+      fill="#03599C"
+      d="M10.7 95.3c.5.8 1.2 1.5 1.9 1.9l48.2 27.9c.8.5 1.9.7 3.1.7 1.2 0 2.3-.3 3.1-.7l48-27.9c1.7-1 2.9-3.5 2.9-5.4v-55.7c0-.9-.1-1.9-.6-2.8l-106.6 62z"
+    ></path><path
+      fill="#fff"
+      d="M85.3 76.1c-4.2 7.4-12.2 12.4-21.3 12.4-13.5 0-24.5-11-24.5-24.5s11-24.5 24.5-24.5c9.1 0 17.1 5 21.3 12.5l13-7.5c-6.8-11.9-19.6-20-34.3-20-21.8 0-39.5 17.7-39.5 39.5s17.7 39.5 39.5 39.5c14.6 0 27.4-8 34.2-19.8l-12.9-7.6z"
+    ></path></svg
+  >
+</TechIcon>
diff --git a/src/components/CSharpIcon.astro b/src/components/CSharpIcon.astro
new file mode 100644
index 0000000..f2c461a
--- /dev/null
+++ b/src/components/CSharpIcon.astro
@@ -0,0 +1,18 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="C#">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
+    ><path
+      fill="#9B4F96"
+      d="M115.4 30.7l-48.3-27.8c-.8-.5-1.9-.7-3.1-.7-1.2 0-2.3.3-3.1.7l-48 27.9c-1.7 1-2.9 3.5-2.9 5.4v55.7c0 1.1.2 2.4 1 3.5l106.8-62c-.6-1.2-1.5-2.1-2.4-2.7z"
+    ></path><path
+      fill="#68217A"
+      d="M10.7 95.3c.5.8 1.2 1.5 1.9 1.9l48.2 27.9c.8.5 1.9.7 3.1.7 1.2 0 2.3-.3 3.1-.7l48-27.9c1.7-1 2.9-3.5 2.9-5.4v-55.7c0-.9-.1-1.9-.6-2.8l-106.6 62z"
+    ></path><path
+      fill="#fff"
+      d="M85.3 76.1c-4.2 7.4-12.2 12.4-21.3 12.4-13.5 0-24.5-11-24.5-24.5s11-24.5 24.5-24.5c9.1 0 17.1 5 21.3 12.5l13-7.5c-6.8-11.9-19.6-20-34.3-20-21.8 0-39.5 17.7-39.5 39.5s17.7 39.5 39.5 39.5c14.6 0 27.4-8 34.2-19.8l-12.9-7.6zM97 66.2l.9-4.3h-4.2v-4.7h5.1l1.2-6.2h4.9l-1.2 6.1h3.8l1.2-6.1h4.8l-1.2 6.1h2.4v4.7h-3.3l-.9 4.3h4.2v4.7h-5.1l-1.2 6h-4.9l1.2-6h-3.8l-1.2 6h-4.8l1.2-6h-2.4v-4.7h3.3zm4.8 0h3.8l.9-4.3h-3.8l-.9 4.3z"
+    ></path></svg
+  >
+</TechIcon>
diff --git a/src/components/CSharpModernIcon.astro b/src/components/CSharpModernIcon.astro
new file mode 100644
index 0000000..276c24e
--- /dev/null
+++ b/src/components/CSharpModernIcon.astro
@@ -0,0 +1,12 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="C#">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
+    ><path
+      fill="#68217a"
+      d="M95 2.3l30.5 12.3v98.7L94.8 125.7 45.8 77l-31 24.1L2.5 94.9V33.1l12.3-5.9 31 24.3ZM14.8 45.7V83.2l18.5-19Zm48.1 18.5L94.8 89.3V39Z"
+    ></path></svg
+  >
+</TechIcon>
diff --git a/src/components/CppIcon.astro b/src/components/CppIcon.astro
new file mode 100644
index 0000000..d3fdde8
--- /dev/null
+++ b/src/components/CppIcon.astro
@@ -0,0 +1,32 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="C++">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="2222"
+    height="2500"
+    preserveAspectRatio="xMinYMin meet"
+    viewBox="0 0 256 288"
+    ><path
+      fill="#5C8DBC"
+      d="M255.569 84.72c-.002-4.83-1.035-9.098-3.124-12.761-2.052-3.602-5.125-6.621-9.247-9.008-34.025-19.619-68.083-39.178-102.097-58.817-9.17-5.294-18.061-5.101-27.163.269C100.395 12.39 32.59 51.237 12.385 62.94 4.064 67.757.015 75.129.013 84.711 0 124.166.013 163.62 0 203.076c.002 4.724.991 8.909 2.988 12.517 2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.269 34.015-19.64 68.075-39.198 102.105-58.817 4.217-2.44 7.333-5.544 9.386-9.252 1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345"
+    ></path><path
+      fill="#1A4674"
+      d="M128.182 143.509L2.988 215.593c2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.269 34.015-19.64 68.075-39.198 102.105-58.817 4.217-2.44 7.333-5.544 9.386-9.252l-124.413-72.074"
+    ></path><path
+      fill="#1A4674"
+      d="M91.101 164.861c7.285 12.718 20.98 21.296 36.69 21.296 15.807 0 29.58-8.687 36.828-21.541l-36.437-21.107-37.081 21.352"
+    ></path><path
+      fill="#1B598E"
+      d="M255.569 84.72c-.002-4.83-1.035-9.098-3.124-12.761l-124.263 71.55 124.413 72.074c1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345"
+    ></path><path
+      fill="#FFF"
+      d="M248.728 148.661h-9.722v9.724h-9.724v-9.724h-9.721v-9.721h9.721v-9.722h9.724v9.722h9.722v9.721M213.253 148.661h-9.721v9.724h-9.722v-9.724h-9.722v-9.721h9.722v-9.722h9.722v9.722h9.721v9.721"
+    ></path><path
+      fill="#FFF"
+      d="M164.619 164.616c-7.248 12.854-21.021 21.541-36.828 21.541-15.71 0-29.405-8.578-36.69-21.296a42.062 42.062 0 0 1-5.574-20.968c0-23.341 18.923-42.263 42.264-42.263 15.609 0 29.232 8.471 36.553 21.059l36.941-21.272c-14.683-25.346-42.096-42.398-73.494-42.398-46.876 0-84.875 38-84.875 84.874 0 15.378 4.091 29.799 11.241 42.238 14.646 25.48 42.137 42.637 73.634 42.637 31.555 0 59.089-17.226 73.714-42.781l-36.886-21.371"
+    ></path></svg
+  >
+</TechIcon>
diff --git a/src/components/GitIcon.astro b/src/components/GitIcon.astro
new file mode 100644
index 0000000..48d56be
--- /dev/null
+++ b/src/components/GitIcon.astro
@@ -0,0 +1,12 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="Git">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
+    ><path
+      fill="#F34F29"
+      d="M124.742 58.378l-55.117-55.114c-3.172-3.174-8.32-3.174-11.497 0l-11.443 11.446 14.518 14.518c3.375-1.139 7.243-.375 9.932 2.314 2.703 2.706 3.462 6.607 2.293 9.993l13.992 13.994c3.385-1.167 7.292-.413 9.994 2.295 3.78 3.777 3.78 9.9 0 13.679-3.78 3.78-9.901 3.78-13.683 0-2.842-2.844-3.545-7.019-2.105-10.521l-13.048-13.049-.002 34.341c.922.455 1.791 1.063 2.559 1.828 3.779 3.777 3.779 9.898 0 13.683-3.779 3.777-9.904 3.777-13.679 0-3.778-3.784-4.088-9.905-.311-13.683.934-.933 1.855-1.638 2.855-2.11v-34.659c-1-.472-1.92-1.172-2.856-2.111-2.861-2.86-3.396-7.06-1.928-10.576l-14.233-14.313-37.754 37.79c-3.175 3.177-3.155 8.325.02 11.5l55.126 55.114c3.173 3.174 8.325 3.174 11.503 0l54.86-54.858c3.175-3.176 3.178-8.327.004-11.501z"
+    ></path></svg
+  >
+</TechIcon>
diff --git a/src/components/JavaIcon.astro b/src/components/JavaIcon.astro
new file mode 100644
index 0000000..9cd7617
--- /dev/null
+++ b/src/components/JavaIcon.astro
@@ -0,0 +1,24 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="Java">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
+    ><path
+      fill="#0074BD"
+      d="M47.617 98.12s-4.767 2.774 3.397 3.71c9.892 1.13 14.947.968 25.845-1.092 0 0 2.871 1.795 6.873 3.351-24.439 10.47-55.308-.607-36.115-5.969zM44.629 84.455s-5.348 3.959 2.823 4.805c10.567 1.091 18.91 1.18 33.354-1.6 0 0 1.993 2.025 5.132 3.131-29.542 8.64-62.446.68-41.309-6.336z"
+    ></path><path
+      fill="#EA2D2E"
+      d="M69.802 61.271c6.025 6.935-1.58 13.17-1.58 13.17s15.289-7.891 8.269-17.777c-6.559-9.215-11.587-13.792 15.635-29.58 0 .001-42.731 10.67-22.324 34.187z"
+    ></path><path
+      fill="#0074BD"
+      d="M102.123 108.229s3.529 2.91-3.888 5.159c-14.102 4.272-58.706 5.56-71.094.171-4.451-1.938 3.899-4.625 6.526-5.192 2.739-.593 4.303-.485 4.303-.485-4.953-3.487-32.013 6.85-13.743 9.815 49.821 8.076 90.817-3.637 77.896-9.468zM49.912 70.294s-22.686 5.389-8.033 7.348c6.188.828 18.518.638 30.011-.326 9.39-.789 18.813-2.474 18.813-2.474s-3.308 1.419-5.704 3.053c-23.042 6.061-67.544 3.238-54.731-2.958 10.832-5.239 19.644-4.643 19.644-4.643zM90.609 93.041c23.421-12.167 12.591-23.86 5.032-22.285-1.848.385-2.677.72-2.677.72s.688-1.079 2-1.543c14.953-5.255 26.451 15.503-4.823 23.725 0-.002.359-.327.468-.617z"
+    ></path><path
+      fill="#EA2D2E"
+      d="M76.491 1.587s12.968 12.976-12.303 32.923c-20.266 16.006-4.621 25.13-.007 35.559-11.831-10.673-20.509-20.07-14.688-28.815 8.548-12.834 32.229-19.059 26.998-39.667z"
+    ></path><path
+      fill="#0074BD"
+      d="M52.214 126.021c22.476 1.437 57-.8 57.817-11.436 0 0-1.571 4.032-18.577 7.231-19.186 3.612-42.854 3.191-56.887.874 0 .001 2.875 2.381 17.647 3.331z"
+    ></path></svg
+  >
+</TechIcon>
diff --git a/src/components/JavaScriptIcon.astro b/src/components/JavaScriptIcon.astro
new file mode 100644
index 0000000..2894edd
--- /dev/null
+++ b/src/components/JavaScriptIcon.astro
@@ -0,0 +1,15 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="JavaScript">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    aria-label="JavaScript"
+    viewBox="0 0 512 512"
+    ><rect width="512" height="512" fill="#f7df1e" rx="15%"
+    ></rect><path
+      d="m324,370c10,17 24,29 47,29 20,0 33,-10 33,-24 0,-16 -13,-22 -35,-32l-12,-5c-35,-15 -58,-33 -58,-72 0,-36 27,-64 70,-64 31,0 53,11 68,39l-37,24c-8,-15 -17,-21 -31,-21 -14,0 -23,9 -23,21 0,14 9,20 30,29l12,5c41,18 64,35 64,76 0,43 -34,67 -80,67 -45,0 -74,-21 -88,-49zm-170,4c8,13 14,25 31,25 16,0 26,-6 26,-30V203h48v164c0,50 -29,72 -72,72 -39,0 -61,-20 -72,-44z"
+    ></path></svg
+  >
+</TechIcon>
diff --git a/src/components/LuaIcon.astro b/src/components/LuaIcon.astro
new file mode 100644
index 0000000..f804930
--- /dev/null
+++ b/src/components/LuaIcon.astro
@@ -0,0 +1,11 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="Lua">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 24"
+    ><path
+      d="m15.266 12.001 4.2-7.249 2.03 7.253-2.03 7.25-4.2-7.25zm-2.047 1.177 4.201 7.254-7.316-1.876-5.285-5.378zm4.2-9.608-4.2 7.253h-8.4l5.285-5.378 7.314-1.875zm6 5.963-2.566-9.533-9.564 2.555-1.416 2.489-2.873-.021-7 6.978 7 6.977 2.871-.022 1.418 2.489 9.564 2.554 2.56-9.531-1.453-2.468z"
+    ></path></svg
+  >
+</TechIcon>
diff --git a/src/components/PythonIcon.astro b/src/components/PythonIcon.astro
new file mode 100644
index 0000000..4fb769c
--- /dev/null
+++ b/src/components/PythonIcon.astro
@@ -0,0 +1,24 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="Python">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    enable-background="new 0 0 24 24"
+    viewBox="0 0 24 24"
+    ><path
+      fill="#F9C105"
+      d="M10.83 5.59c.08-.03.19-.04.26 0 .02.01.04.03.03.05v.02h.01c-.02.06-.12.05-.17.07S10.87 5.8 10.82 5.8c-.05 0-.13-.02-.14-.07C10.67 5.66 10.77 5.59 10.83 5.59zM11.85 5.73c-.05-.02-.15-.01-.16-.07V5.64c-.01-.02.01-.04.02-.05.08-.04.19-.03.27 0 .06 0 .16.07.15.14-.01.05-.09.06-.14.06S11.9 5.75 11.85 5.73zM10.09 7.18c.3.2.69.47 1.18.47s1.07-.27 1.42-.47c.19-.13.45-.33.65-.47.16-.13.15-.26.29-.26.13.01.03.13-.15.33-.19.13-.47.33-.7.47-.44.2-.96.53-1.51.53-.54 0-.98-.27-1.29-.47C9.82 7.18 9.7 7.05 9.6 6.98 9.44 6.85 9.46 6.65 9.53 6.65c.11.01.13.13.2.2C9.83 6.91 9.95 7.05 10.09 7.18z"
+    ></path><path
+      d="M12.13,5.73c-0.01,0.05-0.09,0.06-0.14,0.06s-0.09-0.04-0.14-0.06c-0.05-0.02-0.15-0.01-0.16-0.07V5.64c-0.01-0.02,0.01-0.04,0.02-0.05c0.08-0.04,0.19-0.03,0.27,0C12.04,5.59,12.14,5.66,12.13,5.73z"
+    ></path><path
+      d="M16.63,10.98v0.92h-0.55c0.26,0.48,0.67,1.31,0.93,2.34c0.05,0.18,0.09,0.37,0.13,0.57c0.15-0.01,0.33,0.02,0.52,0.06c0.08-0.21,0.13-0.42,0.16-0.63C18.01,12.85,17.13,11.49,16.63,10.98z M16.63,10.98v0.92h-0.55c0.26,0.48,0.67,1.31,0.93,2.34c0.05,0.18,0.09,0.37,0.13,0.57c0.15-0.01,0.33,0.02,0.52,0.06c0.08-0.21,0.13-0.42,0.16-0.63C18.01,12.85,17.13,11.49,16.63,10.98z M21.28,18.95v-0.09l-0.01-0.01c-0.17-0.2-0.25-0.53-0.34-0.92c-0.08-0.4-0.18-0.79-0.5-1.05c-0.06-0.05-0.12-0.06-0.19-0.13c-0.06-0.04-0.12-0.06-0.19-0.07c0.28-0.82,0.31-1.65,0.17-2.44c-0.07-0.43-0.19-0.85-0.35-1.25c-0.54-1.41-1.48-2.64-2.2-3.48c-0.37-0.47-0.75-0.94-1.04-1.44c-0.33-0.57-0.55-1.18-0.54-1.93c0.02-1.39,0.11-3.56-0.87-4.91C14.7,0.5,13.85,0,12.51,0c-0.16,0-0.32,0.01-0.49,0.02c-1.27,0.1-2.06,0.56-2.55,1.21C8.32,2.75,8.86,5.27,8.82,6.32c-0.08,1.09-0.3,1.95-1.06,3.02c-0.31,0.36-0.67,0.8-1.02,1.3c-0.67,0.94-1.34,2.06-1.73,3.22c-0.25,0.75-0.39,1.52-0.32,2.26c0.01,0.07,0.02,0.15,0.03,0.23c-0.04,0.03-0.08,0.07-0.11,0.13c-0.27,0.27-0.46,0.6-0.67,0.84c-0.21,0.2-0.49,0.27-0.81,0.4c-0.32,0.14-0.67,0.27-0.87,0.68c-0.1,0.19-0.14,0.4-0.14,0.6s0.03,0.41,0.06,0.54c0.06,0.4,0.12,0.73,0.04,0.97C1.97,21.19,1.94,21.66,2.11,22c0.18,0.33,0.54,0.46,0.95,0.6c0.82,0.2,1.93,0.13,2.81,0.6c0.93,0.46,1.89,0.67,2.64,0.47c0.54-0.12,0.99-0.47,1.23-0.95c0.05,0,0.09,0,0.14-0.01c0.56-0.03,1.18-0.26,2.14-0.32c0.27-0.02,0.56,0.01,0.88,0.05c0.51,0.08,1.09,0.19,1.73,0.15c0.02,0.13,0.06,0.19,0.11,0.33h0.01c0.39,0.78,1.12,1.13,1.9,1.07c0.78-0.06,1.61-0.53,2.29-1.3c0.63-0.77,1.7-1.09,2.4-1.51c0.35-0.19,0.64-0.46,0.66-0.85C22.02,19.93,21.8,19.52,21.28,18.95z M13.5,4.64c-0.04-0.13-0.1-0.2-0.18-0.33c-0.09-0.07-0.17-0.14-0.27-0.14h-0.02c-0.09,0-0.18,0.03-0.26,0.14c-0.1,0.09-0.17,0.2-0.21,0.33c-0.05,0.13-0.08,0.26-0.09,0.4v0.02c0,0.09,0.01,0.18,0.02,0.27c-0.2-0.07-0.44-0.14-0.61-0.21c-0.01-0.06-0.02-0.13-0.02-0.19V4.91c-0.01-0.27,0.04-0.53,0.15-0.77c0.08-0.22,0.23-0.41,0.43-0.54c0.18-0.13,0.39-0.2,0.6-0.2h0.02c0.21,0,0.4,0.07,0.59,0.2c0.19,0.14,0.33,0.33,0.44,0.54c0.11,0.25,0.16,0.45,0.17,0.72c0-0.02,0.01-0.04,0.01-0.06v0.1c-0.01,0-0.01-0.01-0.01-0.02c0,0.23-0.06,0.47-0.15,0.69c-0.05,0.12-0.12,0.24-0.22,0.33c-0.03-0.02-0.06-0.03-0.09-0.04c-0.1-0.05-0.2-0.07-0.29-0.13c-0.07-0.03-0.14-0.06-0.22-0.07c0.05-0.06,0.15-0.13,0.19-0.2c0.05-0.13,0.08-0.26,0.09-0.4V5.04C13.57,4.91,13.55,4.77,13.5,4.64z M9.34,4.2C9.39,4,9.49,3.82,9.63,3.66c0.13-0.13,0.26-0.2,0.42-0.2h0.03c0.15,0,0.28,0.05,0.41,0.14c0.15,0.13,0.27,0.29,0.35,0.46c0.09,0.2,0.14,0.4,0.15,0.67C11,4.8,11,4.85,11,4.9c0,0.04,0,0.07-0.01,0.1v0.08c-0.03,0.01-0.06,0.02-0.08,0.02c-0.16,0.06-0.28,0.14-0.4,0.2c0.01-0.08,0.01-0.17,0-0.26V5.02c-0.01-0.13-0.04-0.2-0.08-0.33c-0.03-0.1-0.09-0.19-0.17-0.27c-0.05-0.04-0.12-0.07-0.19-0.06h-0.02c-0.07,0-0.13,0.04-0.18,0.13C9.8,4.57,9.76,4.66,9.74,4.76C9.72,4.87,9.71,4.98,9.72,5.09v0.02c0.01,0.13,0.04,0.2,0.08,0.33c0.05,0.13,0.1,0.2,0.17,0.27C9.98,5.72,9.99,5.73,10,5.73C9.93,5.79,9.89,5.8,9.83,5.87C9.79,5.9,9.74,5.93,9.69,5.94C9.59,5.81,9.5,5.68,9.42,5.53C9.32,5.32,9.27,5.1,9.26,4.87C9.24,4.64,9.27,4.41,9.34,4.2z M9.45,6.31c0.22-0.14,0.38-0.28,0.49-0.34c0.1-0.07,0.14-0.1,0.17-0.13h0.01c0.17-0.21,0.44-0.47,0.84-0.61c0.14-0.03,0.3-0.06,0.48-0.06c0.33,0,0.74,0.06,1.22,0.4c0.3,0.2,0.53,0.27,1.07,0.47c0.26,0.13,0.41,0.26,0.49,0.4V6.3c0.07,0.15,0.07,0.32,0.01,0.47c-0.12,0.32-0.52,0.65-1.07,0.85c-0.28,0.13-0.51,0.33-0.79,0.46c-0.28,0.14-0.59,0.3-1.02,0.27c-0.16,0.01-0.31-0.01-0.45-0.07c-0.12-0.06-0.23-0.12-0.33-0.19c-0.2-0.14-0.37-0.34-0.62-0.47C9.54,7.37,9.32,7.1,9.25,6.91C9.18,6.64,9.25,6.44,9.45,6.31z M9.61,21.97c-0.06,0.74-0.49,1.14-1.14,1.29c-0.66,0.13-1.54,0-2.43-0.46c-0.97-0.54-2.14-0.47-2.88-0.61c-0.38-0.06-0.62-0.2-0.74-0.4c-0.11-0.2-0.11-0.6,0.13-1.23c0.12-0.34,0.03-0.76-0.03-1.12c-0.05-0.4-0.08-0.71,0.05-0.94c0.16-0.34,0.4-0.4,0.69-0.54c0.3-0.13,0.65-0.2,0.93-0.46v-0.01c0.26-0.27,0.45-0.6,0.68-0.84c0.19-0.2,0.38-0.33,0.67-0.33h0.01c0.05,0,0.1,0,0.16,0.01c0.38,0.06,0.71,0.34,1.03,0.75l0.92,1.67h0.01c0.24,0.53,0.76,1.07,1.2,1.64c0.44,0.6,0.78,1.13,0.74,1.57V21.97z M12.9,21.33c-0.99,0.23-2.04,0.16-3.02-0.38c-0.12-0.06-0.24-0.13-0.35-0.21c-0.11-0.19-0.25-0.37-0.41-0.53c-0.07-0.12-0.17-0.24-0.28-0.33c0.19,0,0.35-0.03,0.48-0.07c0.14-0.07,0.26-0.19,0.31-0.33c0.11-0.27,0-0.7-0.35-1.17c-0.35-0.46-0.94-0.99-1.8-1.52c-0.33-0.21-0.58-0.43-0.77-0.67c-0.19-0.23-0.32-0.47-0.4-0.72c-0.16-0.54-0.14-1.09-0.01-1.65c0.15-0.66,0.45-1.3,0.74-1.85c0.2-0.35,0.39-0.66,0.55-0.91c0.1-0.07,0.03,0.12-0.39,0.91c-0.01,0.02-0.02,0.04-0.03,0.06c-0.4,0.75-1.15,2.5-0.12,3.86c0.04-0.99,0.26-1.97,0.65-2.88c0.13-0.3,0.3-0.65,0.48-1.04c0.59-1.25,1.31-2.87,1.38-4.23c0.05,0.04,0.22,0.14,0.29,0.2c0.22,0.14,0.39,0.34,0.6,0.47c0.21,0.2,0.48,0.33,0.89,0.33c0.04,0.01,0.07,0.01,0.11,0.01c0.41,0,0.74-0.13,1.01-0.27c0.29-0.13,0.52-0.33,0.74-0.4h0.01c0.47-0.13,0.84-0.4,1.06-0.7c0.36,1.42,1.21,3.48,1.75,4.48c0.02,0.03,0.04,0.07,0.06,0.11c0.26,0.48,0.67,1.31,0.93,2.34c0.05,0.18,0.09,0.37,0.13,0.57c0.15-0.01,0.33,0.02,0.52,0.06c0.08-0.21,0.13-0.42,0.16-0.63c0.19-1.39-0.69-2.75-1.19-3.26c-0.03-0.02-0.06-0.05-0.08-0.07c-0.22-0.2-0.23-0.34-0.12-0.34c0.07,0.06,0.13,0.12,0.2,0.19c0.56,0.58,1.21,1.51,1.46,2.57c0.08,0.29,0.12,0.6,0.12,0.91c0,0.25-0.03,0.51-0.09,0.76c0.06,0.03,0.13,0.06,0.2,0.07c1.05,0.53,1.43,0.93,1.25,1.53v-0.04h-0.2c0.15-0.47-0.18-0.83-1.08-1.22c-0.92-0.4-1.66-0.34-1.79,0.46c-0.01,0.04-0.01,0.07-0.02,0.14c-0.07,0.02-0.14,0.05-0.21,0.06c-0.43,0.27-0.67,0.67-0.8,1.19c-0.13,0.53-0.17,1.15-0.21,1.87c-0.02,0.33-0.17,0.84-0.32,1.35C14.33,20.84,13.64,21.17,12.9,21.33z M21.2,20.82c-0.63,0.4-1.76,0.71-2.48,1.57c-0.63,0.74-1.39,1.14-2.06,1.19c-0.67,0.05-1.25-0.2-1.59-0.9h-0.01c-0.21-0.4-0.12-1.03,0.06-1.69c0.18-0.67,0.43-1.35,0.47-1.9c0.03-0.71,0.07-1.33,0.19-1.81c0.13-0.47,0.32-0.8,0.65-0.99l0.05-0.02c0.03,0.6,0.34,1.24,0.89,1.38c0.59,0.13,1.45-0.34,1.81-0.77l0.21-0.01c0.32-0.01,0.59,0.01,0.86,0.27c0.21,0.2,0.31,0.53,0.4,0.88c0.09,0.4,0.16,0.78,0.41,1.06c0.5,0.53,0.66,0.91,0.65,1.14C21.69,20.49,21.52,20.62,21.2,20.82z M16.63,10.98v0.92h-0.55c0.26,0.48,0.67,1.31,0.93,2.34c0.05,0.18,0.09,0.37,0.13,0.57c0.15-0.01,0.33,0.02,0.52,0.06c0.08-0.21,0.13-0.42,0.16-0.63C18.01,12.85,17.13,11.49,16.63,10.98z"
+    ></path><path
+      fill="#F9C105"
+      d="M14.22 6.3v.14c-.08-.14-.23-.27-.49-.4-.54-.2-.77-.27-1.07-.47-.48-.34-.89-.4-1.22-.4-.18 0-.34.03-.48.06-.4.14-.67.4-.84.61h-.01c-.03.03-.07.06-.17.13-.11.06-.27.2-.49.34-.2.13-.27.33-.2.6.07.19.29.46.7.71.25.13.42.33.62.47.1.07.21.13.33.19.14.06.29.08.45.07.43.03.74-.13 1.02-.27.28-.13.51-.33.79-.46.55-.2.95-.53 1.07-.85C14.29 6.62 14.29 6.45 14.22 6.3zM11.69 5.64c-.01-.02.01-.04.02-.05.08-.04.19-.03.27 0 .06 0 .16.07.15.14-.01.05-.09.06-.14.06s-.09-.04-.14-.06c-.05-.02-.15-.01-.16-.07V5.64zM10.83 5.59c.08-.03.19-.04.26 0 .02.01.04.03.03.05v.02h.01c-.02.06-.12.05-.17.07S10.87 5.8 10.82 5.8c-.05 0-.13-.02-.14-.07C10.67 5.66 10.77 5.59 10.83 5.59zM13.48 6.78c-.19.13-.47.33-.7.47-.44.2-.96.53-1.51.53-.54 0-.98-.27-1.29-.47C9.82 7.18 9.7 7.05 9.6 6.98 9.44 6.85 9.46 6.65 9.53 6.65c.11.01.13.13.2.2.1.06.22.2.36.33.3.2.69.47 1.18.47s1.07-.27 1.42-.47c.19-.13.45-.33.65-.47.16-.13.15-.26.29-.26C13.76 6.46 13.66 6.58 13.48 6.78zM21.71 20.22c-.02.27-.19.4-.51.6-.63.4-1.76.71-2.48 1.57-.63.74-1.39 1.14-2.06 1.19-.67.05-1.25-.2-1.59-.9h-.01c-.21-.4-.12-1.03.06-1.69.18-.67.43-1.35.47-1.9.03-.71.07-1.33.19-1.81.13-.47.32-.8.65-.99l.05-.02c.03.6.34 1.24.89 1.38.59.13 1.45-.34 1.81-.77l.21-.01c.32-.01.59.01.86.27.21.2.31.53.4.88.09.4.16.78.41 1.06C21.56 19.61 21.72 19.99 21.71 20.22zM9.61 21.96v.01c-.06.74-.49 1.14-1.14 1.29-.66.13-1.54 0-2.43-.46-.97-.54-2.14-.47-2.88-.61-.38-.06-.62-.2-.74-.4-.11-.2-.11-.6.13-1.23.12-.34.03-.76-.03-1.12-.05-.4-.08-.71.05-.94.16-.34.4-.4.69-.54.3-.13.65-.2.93-.46v-.01c.26-.27.45-.6.68-.84.19-.2.38-.33.67-.33h.01c.05 0 .1 0 .16.01.38.06.71.34 1.03.75l.92 1.67h.01c.24.53.76 1.07 1.2 1.64C9.31 20.99 9.65 21.52 9.61 21.96z"
+    ></path><path
+      d="M11.13 5.66c-.02.06-.12.05-.17.07S10.87 5.8 10.82 5.8c-.05 0-.13-.02-.14-.07-.01-.07.09-.14.15-.14.08-.03.19-.04.26 0 .02.01.04.03.03.05v.02H11.13zM13.48 6.78c-.19.13-.47.33-.7.47-.44.2-.96.53-1.51.53-.54 0-.98-.27-1.29-.47C9.82 7.18 9.7 7.05 9.6 6.98 9.44 6.85 9.46 6.65 9.53 6.65c.11.01.13.13.2.2.1.06.22.2.36.33.3.2.69.47 1.18.47s1.07-.27 1.42-.47c.19-.13.45-.33.65-.47.16-.13.15-.26.29-.26C13.76 6.46 13.66 6.58 13.48 6.78z"
+    ></path></svg
+  >
+</TechIcon>
diff --git a/src/components/ReactIcon.astro b/src/components/ReactIcon.astro
new file mode 100644
index 0000000..d93177e
--- /dev/null
+++ b/src/components/ReactIcon.astro
@@ -0,0 +1,16 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="React">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    enable-background="new 0 0 128 128"
+    viewBox="0 0 128 128"
+    ><g fill="#61DAFB"
+      ><circle cx="64" cy="64" r="11.4"></circle><path
+        d="M107.3 45.2c-2.2-.8-4.5-1.6-6.9-2.3.6-2.4 1.1-4.8 1.5-7.1 2.1-13.2-.2-22.5-6.6-26.1-1.9-1.1-4-1.6-6.4-1.6-7 0-15.9 5.2-24.9 13.9-9-8.7-17.9-13.9-24.9-13.9-2.4 0-4.5.5-6.4 1.6-6.4 3.7-8.7 13-6.6 26.1.4 2.3.9 4.7 1.5 7.1-2.4.7-4.7 1.4-6.9 2.3-12.5 4.8-19.3 11.4-19.3 18.8s6.9 14 19.3 18.8c2.2.8 4.5 1.6 6.9 2.3-.6 2.4-1.1 4.8-1.5 7.1-2.1 13.2.2 22.5 6.6 26.1 1.9 1.1 4 1.6 6.4 1.6 7.1 0 16-5.2 24.9-13.9 9 8.7 17.9 13.9 24.9 13.9 2.4 0 4.5-.5 6.4-1.6 6.4-3.7 8.7-13 6.6-26.1-.4-2.3-.9-4.7-1.5-7.1 2.4-.7 4.7-1.4 6.9-2.3 12.5-4.8 19.3-11.4 19.3-18.8s-6.8-14-19.3-18.8zm-14.8-30.5c4.1 2.4 5.5 9.8 3.8 20.3-.3 2.1-.8 4.3-1.4 6.6-5.2-1.2-10.7-2-16.5-2.5-3.4-4.8-6.9-9.1-10.4-13 7.4-7.3 14.9-12.3 21-12.3 1.3 0 2.5.3 3.5.9zm-11.2 59.3c-1.8 3.2-3.9 6.4-6.1 9.6-3.7.3-7.4.4-11.2.4-3.9 0-7.6-.1-11.2-.4-2.2-3.2-4.2-6.4-6-9.6-1.9-3.3-3.7-6.7-5.3-10 1.6-3.3 3.4-6.7 5.3-10 1.8-3.2 3.9-6.4 6.1-9.6 3.7-.3 7.4-.4 11.2-.4 3.9 0 7.6.1 11.2.4 2.2 3.2 4.2 6.4 6 9.6 1.9 3.3 3.7 6.7 5.3 10-1.7 3.3-3.4 6.6-5.3 10zm8.3-3.3c1.5 3.5 2.7 6.9 3.8 10.3-3.4.8-7 1.4-10.8 1.9 1.2-1.9 2.5-3.9 3.6-6 1.2-2.1 2.3-4.2 3.4-6.2zm-25.6 27.1c-2.4-2.6-4.7-5.4-6.9-8.3 2.3.1 4.6.2 6.9.2 2.3 0 4.6-.1 6.9-.2-2.2 2.9-4.5 5.7-6.9 8.3zm-18.6-15c-3.8-.5-7.4-1.1-10.8-1.9 1.1-3.3 2.3-6.8 3.8-10.3 1.1 2 2.2 4.1 3.4 6.1 1.2 2.2 2.4 4.1 3.6 6.1zm-7-25.5c-1.5-3.5-2.7-6.9-3.8-10.3 3.4-.8 7-1.4 10.8-1.9-1.2 1.9-2.5 3.9-3.6 6-1.2 2.1-2.3 4.2-3.4 6.2zm25.6-27.1c2.4 2.6 4.7 5.4 6.9 8.3-2.3-.1-4.6-.2-6.9-.2-2.3 0-4.6.1-6.9.2 2.2-2.9 4.5-5.7 6.9-8.3zm22.2 21l-3.6-6c3.8.5 7.4 1.1 10.8 1.9-1.1 3.3-2.3 6.8-3.8 10.3-1.1-2.1-2.2-4.2-3.4-6.2zm-54.5-16.2c-1.7-10.5-.3-17.9 3.8-20.3 1-.6 2.2-.9 3.5-.9 6 0 13.5 4.9 21 12.3-3.5 3.8-7 8.2-10.4 13-5.8.5-11.3 1.4-16.5 2.5-.6-2.3-1-4.5-1.4-6.6zm-24.7 29c0-4.7 5.7-9.7 15.7-13.4 2-.8 4.2-1.5 6.4-2.1 1.6 5 3.6 10.3 6 15.6-2.4 5.3-4.5 10.5-6 15.5-13.8-4-22.1-10-22.1-15.6zm28.5 49.3c-4.1-2.4-5.5-9.8-3.8-20.3.3-2.1.8-4.3 1.4-6.6 5.2 1.2 10.7 2 16.5 2.5 3.4 4.8 6.9 9.1 10.4 13-7.4 7.3-14.9 12.3-21 12.3-1.3 0-2.5-.3-3.5-.9zm60.8-20.3c1.7 10.5.3 17.9-3.8 20.3-1 .6-2.2.9-3.5.9-6 0-13.5-4.9-21-12.3 3.5-3.8 7-8.2 10.4-13 5.8-.5 11.3-1.4 16.5-2.5.6 2.3 1 4.5 1.4 6.6zm9-15.6c-2 .8-4.2 1.5-6.4 2.1-1.6-5-3.6-10.3-6-15.6 2.4-5.3 4.5-10.5 6-15.5 13.8 4 22.1 10 22.1 15.6 0 4.7-5.8 9.7-15.7 13.4z"
+      ></path></g
+    ></svg
+  >
+</TechIcon>
diff --git a/src/components/RustIcon.astro b/src/components/RustIcon.astro
new file mode 100644
index 0000000..6f73ea8
--- /dev/null
+++ b/src/components/RustIcon.astro
@@ -0,0 +1,15 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="Rust">
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    viewBox="0 0 24 24"
+    preserveAspectRatio="xMinYMin meet"
+    fill="currentColor"
+    ><title>Rust</title><path
+      d="M23.8346 11.7033l-1.0073-.6236a13.7268 13.7268 0 00-.0283-.2936l.8656-.8069a.3483.3483 0 00-.1154-.578l-1.1066-.414a8.4958 8.4958 0 00-.087-.2856l.6904-.9587a.3462.3462 0 00-.2257-.5446l-1.1663-.1894a9.3574 9.3574 0 00-.1407-.2622l.49-1.0761a.3437.3437 0 00-.0274-.3361.3486.3486 0 00-.3006-.154l-1.1845.0416a6.7444 6.7444 0 00-.1873-.2268l.2723-1.153a.3472.3472 0 00-.417-.4172l-1.1532.2724a14.0183 14.0183 0 00-.2278-.1873l.0415-1.1845a.3442.3442 0 00-.49-.328l-1.076.491c-.0872-.0476-.1742-.0952-.2623-.1407l-.1903-1.1673A.3483.3483 0 0016.256.955l-.9597.6905a8.4867 8.4867 0 00-.2855-.086l-.414-1.1066a.3483.3483 0 00-.5781-.1154l-.8069.8666a9.2936 9.2936 0 00-.2936-.0284L12.2946.1683a.3462.3462 0 00-.5892 0l-.6236 1.0073a13.7383 13.7383 0 00-.2936.0284L9.9803.3374a.3462.3462 0 00-.578.1154l-.4141 1.1065c-.0962.0274-.1903.0567-.2855.086L7.744.955a.3483.3483 0 00-.5447.2258L7.009 2.348a9.3574 9.3574 0 00-.2622.1407l-1.0762-.491a.3462.3462 0 00-.49.328l.0416 1.1845a7.9826 7.9826 0 00-.2278.1873L3.8413 3.425a.3472.3472 0 00-.4171.4171l.2713 1.1531c-.0628.075-.1255.1509-.1863.2268l-1.1845-.0415a.3462.3462 0 00-.328.49l.491 1.0761a9.167 9.167 0 00-.1407.2622l-1.1662.1894a.3483.3483 0 00-.2258.5446l.6904.9587a13.303 13.303 0 00-.087.2855l-1.1065.414a.3483.3483 0 00-.1155.5781l.8656.807a9.2936 9.2936 0 00-.0283.2935l-1.0073.6236a.3442.3442 0 000 .5892l1.0073.6236c.008.0982.0182.1964.0283.2936l-.8656.8079a.3462.3462 0 00.1155.578l1.1065.4141c.0273.0962.0567.1914.087.2855l-.6904.9587a.3452.3452 0 00.2268.5447l1.1662.1893c.0456.088.0922.1751.1408.2622l-.491 1.0762a.3462.3462 0 00.328.49l1.1834-.0415c.0618.0769.1235.1528.1873.2277l-.2713 1.1541a.3462.3462 0 00.4171.4161l1.153-.2713c.075.0638.151.1255.2279.1863l-.0415 1.1845a.3442.3442 0 00.49.327l1.0761-.49c.087.0486.1741.0951.2622.1407l.1903 1.1662a.3483.3483 0 00.5447.2268l.9587-.6904a9.299 9.299 0 00.2855.087l.414 1.1066a.3452.3452 0 00.5781.1154l.8079-.8656c.0972.0111.1954.0203.2936.0294l.6236 1.0073a.3472.3472 0 00.5892 0l.6236-1.0073c.0982-.0091.1964-.0183.2936-.0294l.8069.8656a.3483.3483 0 00.578-.1154l.4141-1.1066a8.4626 8.4626 0 00.2855-.087l.9587.6904a.3452.3452 0 00.5447-.2268l.1903-1.1662c.088-.0456.1751-.0931.2622-.1407l1.0762.49a.3472.3472 0 00.49-.327l-.0415-1.1845a6.7267 6.7267 0 00.2267-.1863l1.1531.2713a.3472.3472 0 00.4171-.416l-.2713-1.1542c.0628-.0749.1255-.1508.1863-.2278l1.1845.0415a.3442.3442 0 00.328-.49l-.49-1.076c.0475-.0872.0951-.1742.1407-.2623l1.1662-.1893a.3483.3483 0 00.2258-.5447l-.6904-.9587.087-.2855 1.1066-.414a.3462.3462 0 00.1154-.5781l-.8656-.8079c.0101-.0972.0202-.1954.0283-.2936l1.0073-.6236a.3442.3442 0 000-.5892zm-6.7413 8.3551a.7138.7138 0 01.2986-1.396.714.714 0 11-.2997 1.396zm-.3422-2.3142a.649.649 0 00-.7715.5l-.3573 1.6685c-1.1035.501-2.3285.7795-3.6193.7795a8.7368 8.7368 0 01-3.6951-.814l-.3574-1.6684a.648.648 0 00-.7714-.499l-1.473.3158a8.7216 8.7216 0 01-.7613-.898h7.1676c.081 0 .1356-.0141.1356-.088v-2.536c0-.074-.0536-.0881-.1356-.0881h-2.0966v-1.6077h2.2677c.2065 0 1.1065.0587 1.394 1.2088.0901.3533.2875 1.5044.4232 1.8729.1346.413.6833 1.2381 1.2685 1.2381h3.5716a.7492.7492 0 00.1296-.0131 8.7874 8.7874 0 01-.8119.9526zM6.8369 20.024a.714.714 0 11-.2997-1.396.714.714 0 01.2997 1.396zM4.1177 8.9972a.7137.7137 0 11-1.304.5791.7137.7137 0 011.304-.579zm-.8352 1.9813l1.5347-.6824a.65.65 0 00.33-.8585l-.3158-.7147h1.2432v5.6025H3.5669a8.7753 8.7753 0 01-.2834-3.348zm6.7343-.5437V8.7836h2.9601c.153 0 1.0792.1772 1.0792.8697 0 .575-.7107.7815-1.2948.7815zm10.7574 1.4862c0 .2187-.008.4363-.0243.651h-.9c-.09 0-.1265.0586-.1265.1477v.413c0 .973-.5487 1.1846-1.0296 1.2382-.4576.0517-.9648-.1913-1.0275-.4717-.2704-1.5186-.7198-1.8436-1.4305-2.4034.8817-.5599 1.799-1.386 1.799-2.4915 0-1.1936-.819-1.9458-1.3769-2.3153-.7825-.5163-1.6491-.6195-1.883-.6195H5.4682a8.7651 8.7651 0 014.907-2.7699l1.0974 1.151a.648.648 0 00.9182.0213l1.227-1.1743a8.7753 8.7753 0 016.0044 4.2762l-.8403 1.8982a.652.652 0 00.33.8585l1.6178.7188c.0283.2875.0425.577.0425.8717zm-9.3006-9.5993a.7128.7128 0 11.984 1.0316.7137.7137 0 01-.984-1.0316zm8.3389 6.71a.7107.7107 0 01.9395-.3625.7137.7137 0 11-.9405.3635z"
+    ></path></svg
+  >
+</TechIcon>
diff --git a/src/components/TechIcon.astro b/src/components/TechIcon.astro
new file mode 100644
index 0000000..8563cf4
--- /dev/null
+++ b/src/components/TechIcon.astro
@@ -0,0 +1,11 @@
+---
+interface Props {
+  name: string;
+}
+
+const { name } = Astro.props;
+---
+
+<span class="tech-icon" data-tech={name}>
+  <slot />
+</span>
diff --git a/src/components/TypeScriptIcon.astro b/src/components/TypeScriptIcon.astro
new file mode 100644
index 0000000..465d880
--- /dev/null
+++ b/src/components/TypeScriptIcon.astro
@@ -0,0 +1,13 @@
+---
+import TechIcon from './TechIcon.astro';
+---
+
+<TechIcon name="TypeScript">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
+    ><rect width="99.67" height="73.67" x="22.67" y="47" fill="#fff"
+    ></rect><path
+      fill="#007acc"
+      d="M1.5,63.91v62.5h125V1.41H1.5Zm100.73-5a15.56,15.56,0,0,1,7.82,4.5,20.58,20.58,0,0,1,3,4c0,.16-5.4,3.81-8.69,5.85-.12.08-.6-.44-1.13-1.23a7.09,7.09,0,0,0-5.87-3.53c-3.79-.26-6.23,1.73-6.21,5a4.58,4.58,0,0,0,.54,2.34c.83,1.73,2.38,2.76,7.24,4.86,8.95,3.85,12.78,6.39,15.16,10,2.66,4,3.25,10.46,1.45,15.24-2,5.2-6.9,8.73-13.83,9.9a38.32,38.32,0,0,1-9.52-.1,23,23,0,0,1-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9.34,9.34,0,0,1,1.15-.73L82,101l3.59-2.08.75,1.11a16.78,16.78,0,0,0,4.74,4.54c4,2.1,9.46,1.81,12.16-.62a5.43,5.43,0,0,0,.69-6.92c-1-1.39-3-2.56-8.59-5-6.45-2.78-9.23-4.5-11.77-7.24a16.48,16.48,0,0,1-3.43-6.25,25,25,0,0,1-.22-8c1.33-6.23,6-10.58,12.82-11.87A31.66,31.66,0,0,1,102.23,58.93ZM72.89,64.15l0,5.12H56.66V115.5H45.15V69.26H28.88v-5A49.19,49.19,0,0,1,29,59.09C29.08,59,39,59,51,59L72.83,59Z"
+      data-name="original"></path></svg
+  >
+</TechIcon>
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index a2f0f77..61bc2dc 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -112,6 +112,11 @@ const {
         hamburger.addEventListener('click', openMenu);
         close.addEventListener('click', closeMenu);
         overlay.addEventListener('click', closeMenu);
+
+        // Close menu when a theme button is picked
+        nav.querySelectorAll('[id^="theme_button"]').forEach(function(themeBtn) {
+          themeBtn.addEventListener('click', closeMenu);
+        });
       })();
     </script>
   </body>
diff --git a/src/pages/resume.astro b/src/pages/resume.astro
index 9bd668b..b326657 100644
--- a/src/pages/resume.astro
+++ b/src/pages/resume.astro
@@ -1,5 +1,17 @@
 ---
 import BaseLayout from '../layouts/BaseLayout.astro';
+import CppIcon from '../components/CppIcon.astro';
+import RustIcon from '../components/RustIcon.astro';
+import JavaScriptIcon from '../components/JavaScriptIcon.astro';
+import TypeScriptIcon from '../components/TypeScriptIcon.astro';
+import ReactIcon from '../components/ReactIcon.astro';
+import CIcon from '../components/CIcon.astro';
+import PythonIcon from '../components/PythonIcon.astro';
+import GitIcon from '../components/GitIcon.astro';
+import CSharpIcon from '../components/CSharpIcon.astro';
+import CSharpModernIcon from '../components/CSharpModernIcon.astro';
+import JavaIcon from '../components/JavaIcon.astro';
+import LuaIcon from '../components/LuaIcon.astro';
 import '../styles/resume.css';
 import '../styles/resume.mobile.css';
 ---
@@ -24,32 +36,8 @@ import '../styles/resume.mobile.css';
             </div>
           </div>
           <div class="experience-tech">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="2222"
-              height="2500"
-              preserveAspectRatio="xMinYMin meet"
-              viewBox="0 0 256 288"
-              ><path
-                fill="#5C8DBC"
-                d="M255.569 84.72c-.002-4.83-1.035-9.098-3.124-12.761-2.052-3.602-5.125-6.621-9.247-9.008-34.025-19.619-68.083-39.178-102.097-58.817-9.17-5.294-18.061-5.101-27.163.269C100.395 12.39 32.59 51.237 12.385 62.94 4.064 67.757.015 75.129.013 84.711 0 124.166.013 163.62 0 203.076c.002 4.724.991 8.909 2.988 12.517 2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.269 34.015-19.64 68.075-39.198 102.105-58.817 4.217-2.44 7.333-5.544 9.386-9.252 1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345"
-              ></path><path
-                fill="#1A4674"
-                d="M128.182 143.509L2.988 215.593c2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.269 34.015-19.64 68.075-39.198 102.105-58.817 4.217-2.44 7.333-5.544 9.386-9.252l-124.413-72.074"
-              ></path><path
-                fill="#1A4674"
-                d="M91.101 164.861c7.285 12.718 20.98 21.296 36.69 21.296 15.807 0 29.58-8.687 36.828-21.541l-36.437-21.107-37.081 21.352"
-              ></path><path
-                fill="#1B598E"
-                d="M255.569 84.72c-.002-4.83-1.035-9.098-3.124-12.761l-124.263 71.55 124.413 72.074c1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345"
-              ></path><path
-                fill="#FFF"
-                d="M248.728 148.661h-9.722v9.724h-9.724v-9.724h-9.721v-9.721h9.721v-9.722h9.724v9.722h9.722v9.721M213.253 148.661h-9.721v9.724h-9.722v-9.724h-9.722v-9.721h9.722v-9.722h9.722v9.722h9.721v9.721"
-              ></path><path
-                fill="#FFF"
-                d="M164.619 164.616c-7.248 12.854-21.021 21.541-36.828 21.541-15.71 0-29.405-8.578-36.69-21.296a42.062 42.062 0 0 1-5.574-20.968c0-23.341 18.923-42.263 42.264-42.263 15.609 0 29.232 8.471 36.553 21.059l36.941-21.272c-14.683-25.346-42.096-42.398-73.494-42.398-46.876 0-84.875 38-84.875 84.874 0 15.378 4.091 29.799 11.241 42.238 14.646 25.48 42.137 42.637 73.634 42.637 31.555 0 59.089-17.226 73.714-42.781l-36.886-21.371"
-              ></path></svg
-            >
+            <CppIcon />
+            <RustIcon />
           </div>
           <ul>
             <li>
@@ -78,68 +66,12 @@ import '../styles/resume.mobile.css';
             </div>
           </div>
           <div class="experience-tech">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              aria-label="JavaScript"
-              viewBox="0 0 512 512"
-              ><rect width="512" height="512" fill="#f7df1e" rx="15%"
-              ></rect><path
-                d="m324,370c10,17 24,29 47,29 20,0 33,-10 33,-24 0,-16 -13,-22 -35,-32l-12,-5c-35,-15 -58,-33 -58,-72 0,-36 27,-64 70,-64 31,0 53,11 68,39l-37,24c-8,-15 -17,-21 -31,-21 -14,0 -23,9 -23,21 0,14 9,20 30,29l12,5c41,18 64,35 64,76 0,43 -34,67 -80,67 -45,0 -74,-21 -88,-49zm-170,4c8,13 14,25 31,25 16,0 26,-6 26,-30V203h48v164c0,50 -29,72 -72,72 -39,0 -61,-20 -72,-44z"
-              ></path></svg
-            >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
-              ><rect width="99.67" height="73.67" x="22.67" y="47" fill="#fff"
-              ></rect><path
-                fill="#007acc"
-                d="M1.5,63.91v62.5h125V1.41H1.5Zm100.73-5a15.56,15.56,0,0,1,7.82,4.5,20.58,20.58,0,0,1,3,4c0,.16-5.4,3.81-8.69,5.85-.12.08-.6-.44-1.13-1.23a7.09,7.09,0,0,0-5.87-3.53c-3.79-.26-6.23,1.73-6.21,5a4.58,4.58,0,0,0,.54,2.34c.83,1.73,2.38,2.76,7.24,4.86,8.95,3.85,12.78,6.39,15.16,10,2.66,4,3.25,10.46,1.45,15.24-2,5.2-6.9,8.73-13.83,9.9a38.32,38.32,0,0,1-9.52-.1,23,23,0,0,1-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9.34,9.34,0,0,1,1.15-.73L82,101l3.59-2.08.75,1.11a16.78,16.78,0,0,0,4.74,4.54c4,2.1,9.46,1.81,12.16-.62a5.43,5.43,0,0,0,.69-6.92c-1-1.39-3-2.56-8.59-5-6.45-2.78-9.23-4.5-11.77-7.24a16.48,16.48,0,0,1-3.43-6.25,25,25,0,0,1-.22-8c1.33-6.23,6-10.58,12.82-11.87A31.66,31.66,0,0,1,102.23,58.93ZM72.89,64.15l0,5.12H56.66V115.5H45.15V69.26H28.88v-5A49.19,49.19,0,0,1,29,59.09C29.08,59,39,59,51,59L72.83,59Z"
-                data-name="original"></path></svg
-            >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              enable-background="new 0 0 128 128"
-              viewBox="0 0 128 128"
-              ><g fill="#61DAFB"
-                ><circle cx="64" cy="64" r="11.4"></circle><path
-                  d="M107.3 45.2c-2.2-.8-4.5-1.6-6.9-2.3.6-2.4 1.1-4.8 1.5-7.1 2.1-13.2-.2-22.5-6.6-26.1-1.9-1.1-4-1.6-6.4-1.6-7 0-15.9 5.2-24.9 13.9-9-8.7-17.9-13.9-24.9-13.9-2.4 0-4.5.5-6.4 1.6-6.4 3.7-8.7 13-6.6 26.1.4 2.3.9 4.7 1.5 7.1-2.4.7-4.7 1.4-6.9 2.3-12.5 4.8-19.3 11.4-19.3 18.8s6.9 14 19.3 18.8c2.2.8 4.5 1.6 6.9 2.3-.6 2.4-1.1 4.8-1.5 7.1-2.1 13.2.2 22.5 6.6 26.1 1.9 1.1 4 1.6 6.4 1.6 7.1 0 16-5.2 24.9-13.9 9 8.7 17.9 13.9 24.9 13.9 2.4 0 4.5-.5 6.4-1.6 6.4-3.7 8.7-13 6.6-26.1-.4-2.3-.9-4.7-1.5-7.1 2.4-.7 4.7-1.4 6.9-2.3 12.5-4.8 19.3-11.4 19.3-18.8s-6.8-14-19.3-18.8zm-14.8-30.5c4.1 2.4 5.5 9.8 3.8 20.3-.3 2.1-.8 4.3-1.4 6.6-5.2-1.2-10.7-2-16.5-2.5-3.4-4.8-6.9-9.1-10.4-13 7.4-7.3 14.9-12.3 21-12.3 1.3 0 2.5.3 3.5.9zm-11.2 59.3c-1.8 3.2-3.9 6.4-6.1 9.6-3.7.3-7.4.4-11.2.4-3.9 0-7.6-.1-11.2-.4-2.2-3.2-4.2-6.4-6-9.6-1.9-3.3-3.7-6.7-5.3-10 1.6-3.3 3.4-6.7 5.3-10 1.8-3.2 3.9-6.4 6.1-9.6 3.7-.3 7.4-.4 11.2-.4 3.9 0 7.6.1 11.2.4 2.2 3.2 4.2 6.4 6 9.6 1.9 3.3 3.7 6.7 5.3 10-1.7 3.3-3.4 6.6-5.3 10zm8.3-3.3c1.5 3.5 2.7 6.9 3.8 10.3-3.4.8-7 1.4-10.8 1.9 1.2-1.9 2.5-3.9 3.6-6 1.2-2.1 2.3-4.2 3.4-6.2zm-25.6 27.1c-2.4-2.6-4.7-5.4-6.9-8.3 2.3.1 4.6.2 6.9.2 2.3 0 4.6-.1 6.9-.2-2.2 2.9-4.5 5.7-6.9 8.3zm-18.6-15c-3.8-.5-7.4-1.1-10.8-1.9 1.1-3.3 2.3-6.8 3.8-10.3 1.1 2 2.2 4.1 3.4 6.1 1.2 2.2 2.4 4.1 3.6 6.1zm-7-25.5c-1.5-3.5-2.7-6.9-3.8-10.3 3.4-.8 7-1.4 10.8-1.9-1.2 1.9-2.5 3.9-3.6 6-1.2 2.1-2.3 4.2-3.4 6.2zm25.6-27.1c2.4 2.6 4.7 5.4 6.9 8.3-2.3-.1-4.6-.2-6.9-.2-2.3 0-4.6.1-6.9.2 2.2-2.9 4.5-5.7 6.9-8.3zm22.2 21l-3.6-6c3.8.5 7.4 1.1 10.8 1.9-1.1 3.3-2.3 6.8-3.8 10.3-1.1-2.1-2.2-4.2-3.4-6.2zm-54.5-16.2c-1.7-10.5-.3-17.9 3.8-20.3 1-.6 2.2-.9 3.5-.9 6 0 13.5 4.9 21 12.3-3.5 3.8-7 8.2-10.4 13-5.8.5-11.3 1.4-16.5 2.5-.6-2.3-1-4.5-1.4-6.6zm-24.7 29c0-4.7 5.7-9.7 15.7-13.4 2-.8 4.2-1.5 6.4-2.1 1.6 5 3.6 10.3 6 15.6-2.4 5.3-4.5 10.5-6 15.5-13.8-4-22.1-10-22.1-15.6zm28.5 49.3c-4.1-2.4-5.5-9.8-3.8-20.3.3-2.1.8-4.3 1.4-6.6 5.2 1.2 10.7 2 16.5 2.5 3.4 4.8 6.9 9.1 10.4 13-7.4 7.3-14.9 12.3-21 12.3-1.3 0-2.5-.3-3.5-.9zm60.8-20.3c1.7 10.5.3 17.9-3.8 20.3-1 .6-2.2.9-3.5.9-6 0-13.5-4.9-21-12.3 3.5-3.8 7-8.2 10.4-13 5.8-.5 11.3-1.4 16.5-2.5.6 2.3 1 4.5 1.4 6.6zm9-15.6c-2 .8-4.2 1.5-6.4 2.1-1.6-5-3.6-10.3-6-15.6 2.4-5.3 4.5-10.5 6-15.5 13.8 4 22.1 10 22.1 15.6 0 4.7-5.8 9.7-15.7 13.4z"
-                ></path></g
-              ></svg
-            >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
-              ><path
-                fill="#659AD3"
-                d="M115.4 30.7l-48.3-27.8c-.8-.5-1.9-.7-3.1-.7-1.2 0-2.3.3-3.1.7l-48 27.9c-1.7 1-2.9 3.5-2.9 5.4v55.7c0 1.1.2 2.4 1 3.5l106.8-62c-.6-1.2-1.5-2.1-2.4-2.7z"
-              ></path><path
-                fill="#03599C"
-                d="M10.7 95.3c.5.8 1.2 1.5 1.9 1.9l48.2 27.9c.8.5 1.9.7 3.1.7 1.2 0 2.3-.3 3.1-.7l48-27.9c1.7-1 2.9-3.5 2.9-5.4v-55.7c0-.9-.1-1.9-.6-2.8l-106.6 62z"
-              ></path><path
-                fill="#fff"
-                d="M85.3 76.1c-4.2 7.4-12.2 12.4-21.3 12.4-13.5 0-24.5-11-24.5-24.5s11-24.5 24.5-24.5c9.1 0 17.1 5 21.3 12.5l13-7.5c-6.8-11.9-19.6-20-34.3-20-21.8 0-39.5 17.7-39.5 39.5s17.7 39.5 39.5 39.5c14.6 0 27.4-8 34.2-19.8l-12.9-7.6z"
-              ></path></svg
-            >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              enable-background="new 0 0 24 24"
-              viewBox="0 0 24 24"
-              ><path
-                fill="#F9C105"
-                d="M10.83 5.59c.08-.03.19-.04.26 0 .02.01.04.03.03.05v.02h.01c-.02.06-.12.05-.17.07S10.87 5.8 10.82 5.8c-.05 0-.13-.02-.14-.07C10.67 5.66 10.77 5.59 10.83 5.59zM11.85 5.73c-.05-.02-.15-.01-.16-.07V5.64c-.01-.02.01-.04.02-.05.08-.04.19-.03.27 0 .06 0 .16.07.15.14-.01.05-.09.06-.14.06S11.9 5.75 11.85 5.73zM10.09 7.18c.3.2.69.47 1.18.47s1.07-.27 1.42-.47c.19-.13.45-.33.65-.47.16-.13.15-.26.29-.26.13.01.03.13-.15.33-.19.13-.47.33-.7.47-.44.2-.96.53-1.51.53-.54 0-.98-.27-1.29-.47C9.82 7.18 9.7 7.05 9.6 6.98 9.44 6.85 9.46 6.65 9.53 6.65c.11.01.13.13.2.2C9.83 6.91 9.95 7.05 10.09 7.18z"
-              ></path><path
-                d="M12.13,5.73c-0.01,0.05-0.09,0.06-0.14,0.06s-0.09-0.04-0.14-0.06c-0.05-0.02-0.15-0.01-0.16-0.07V5.64c-0.01-0.02,0.01-0.04,0.02-0.05c0.08-0.04,0.19-0.03,0.27,0C12.04,5.59,12.14,5.66,12.13,5.73z"
-              ></path><path
-                d="M16.63,10.98v0.92h-0.55c0.26,0.48,0.67,1.31,0.93,2.34c0.05,0.18,0.09,0.37,0.13,0.57c0.15-0.01,0.33,0.02,0.52,0.06c0.08-0.21,0.13-0.42,0.16-0.63C18.01,12.85,17.13,11.49,16.63,10.98z M16.63,10.98v0.92h-0.55c0.26,0.48,0.67,1.31,0.93,2.34c0.05,0.18,0.09,0.37,0.13,0.57c0.15-0.01,0.33,0.02,0.52,0.06c0.08-0.21,0.13-0.42,0.16-0.63C18.01,12.85,17.13,11.49,16.63,10.98z M21.28,18.95v-0.09l-0.01-0.01c-0.17-0.2-0.25-0.53-0.34-0.92c-0.08-0.4-0.18-0.79-0.5-1.05c-0.06-0.05-0.12-0.06-0.19-0.13c-0.06-0.04-0.12-0.06-0.19-0.07c0.28-0.82,0.31-1.65,0.17-2.44c-0.07-0.43-0.19-0.85-0.35-1.25c-0.54-1.41-1.48-2.64-2.2-3.48c-0.37-0.47-0.75-0.94-1.04-1.44c-0.33-0.57-0.55-1.18-0.54-1.93c0.02-1.39,0.11-3.56-0.87-4.91C14.7,0.5,13.85,0,12.51,0c-0.16,0-0.32,0.01-0.49,0.02c-1.27,0.1-2.06,0.56-2.55,1.21C8.32,2.75,8.86,5.27,8.82,6.32c-0.08,1.09-0.3,1.95-1.06,3.02c-0.31,0.36-0.67,0.8-1.02,1.3c-0.67,0.94-1.34,2.06-1.73,3.22c-0.25,0.75-0.39,1.52-0.32,2.26c0.01,0.07,0.02,0.15,0.03,0.23c-0.04,0.03-0.08,0.07-0.11,0.13c-0.27,0.27-0.46,0.6-0.67,0.84c-0.21,0.2-0.49,0.27-0.81,0.4c-0.32,0.14-0.67,0.27-0.87,0.68c-0.1,0.19-0.14,0.4-0.14,0.6s0.03,0.41,0.06,0.54c0.06,0.4,0.12,0.73,0.04,0.97C1.97,21.19,1.94,21.66,2.11,22c0.18,0.33,0.54,0.46,0.95,0.6c0.82,0.2,1.93,0.13,2.81,0.6c0.93,0.46,1.89,0.67,2.64,0.47c0.54-0.12,0.99-0.47,1.23-0.95c0.05,0,0.09,0,0.14-0.01c0.56-0.03,1.18-0.26,2.14-0.32c0.27-0.02,0.56,0.01,0.88,0.05c0.51,0.08,1.09,0.19,1.73,0.15c0.02,0.13,0.06,0.19,0.11,0.33h0.01c0.39,0.78,1.12,1.13,1.9,1.07c0.78-0.06,1.61-0.53,2.29-1.3c0.63-0.77,1.7-1.09,2.4-1.51c0.35-0.19,0.64-0.46,0.66-0.85C22.02,19.93,21.8,19.52,21.28,18.95z M13.5,4.64c-0.04-0.13-0.1-0.2-0.18-0.33c-0.09-0.07-0.17-0.14-0.27-0.14h-0.02c-0.09,0-0.18,0.03-0.26,0.14c-0.1,0.09-0.17,0.2-0.21,0.33c-0.05,0.13-0.08,0.26-0.09,0.4v0.02c0,0.09,0.01,0.18,0.02,0.27c-0.2-0.07-0.44-0.14-0.61-0.21c-0.01-0.06-0.02-0.13-0.02-0.19V4.91c-0.01-0.27,0.04-0.53,0.15-0.77c0.08-0.22,0.23-0.41,0.43-0.54c0.18-0.13,0.39-0.2,0.6-0.2h0.02c0.21,0,0.4,0.07,0.59,0.2c0.19,0.14,0.33,0.33,0.44,0.54c0.11,0.25,0.16,0.45,0.17,0.72c0-0.02,0.01-0.04,0.01-0.06v0.1c-0.01,0-0.01-0.01-0.01-0.02c0,0.23-0.06,0.47-0.15,0.69c-0.05,0.12-0.12,0.24-0.22,0.33c-0.03-0.02-0.06-0.03-0.09-0.04c-0.1-0.05-0.2-0.07-0.29-0.13c-0.07-0.03-0.14-0.06-0.22-0.07c0.05-0.06,0.15-0.13,0.19-0.2c0.05-0.13,0.08-0.26,0.09-0.4V5.04C13.57,4.91,13.55,4.77,13.5,4.64z M9.34,4.2C9.39,4,9.49,3.82,9.63,3.66c0.13-0.13,0.26-0.2,0.42-0.2h0.03c0.15,0,0.28,0.05,0.41,0.14c0.15,0.13,0.27,0.29,0.35,0.46c0.09,0.2,0.14,0.4,0.15,0.67C11,4.8,11,4.85,11,4.9c0,0.04,0,0.07-0.01,0.1v0.08c-0.03,0.01-0.06,0.02-0.08,0.02c-0.16,0.06-0.28,0.14-0.4,0.2c0.01-0.08,0.01-0.17,0-0.26V5.02c-0.01-0.13-0.04-0.2-0.08-0.33c-0.03-0.1-0.09-0.19-0.17-0.27c-0.05-0.04-0.12-0.07-0.19-0.06h-0.02c-0.07,0-0.13,0.04-0.18,0.13C9.8,4.57,9.76,4.66,9.74,4.76C9.72,4.87,9.71,4.98,9.72,5.09v0.02c0.01,0.13,0.04,0.2,0.08,0.33c0.05,0.13,0.1,0.2,0.17,0.27C9.98,5.72,9.99,5.73,10,5.73C9.93,5.79,9.89,5.8,9.83,5.87C9.79,5.9,9.74,5.93,9.69,5.94C9.59,5.81,9.5,5.68,9.42,5.53C9.32,5.32,9.27,5.1,9.26,4.87C9.24,4.64,9.27,4.41,9.34,4.2z M9.45,6.31c0.22-0.14,0.38-0.28,0.49-0.34c0.1-0.07,0.14-0.1,0.17-0.13h0.01c0.17-0.21,0.44-0.47,0.84-0.61c0.14-0.03,0.3-0.06,0.48-0.06c0.33,0,0.74,0.06,1.22,0.4c0.3,0.2,0.53,0.27,1.07,0.47c0.26,0.13,0.41,0.26,0.49,0.4V6.3c0.07,0.15,0.07,0.32,0.01,0.47c-0.12,0.32-0.52,0.65-1.07,0.85c-0.28,0.13-0.51,0.33-0.79,0.46c-0.28,0.14-0.59,0.3-1.02,0.27c-0.16,0.01-0.31-0.01-0.45-0.07c-0.12-0.06-0.23-0.12-0.33-0.19c-0.2-0.14-0.37-0.34-0.62-0.47C9.54,7.37,9.32,7.1,9.25,6.91C9.18,6.64,9.25,6.44,9.45,6.31z M9.61,21.97c-0.06,0.74-0.49,1.14-1.14,1.29c-0.66,0.13-1.54,0-2.43-0.46c-0.97-0.54-2.14-0.47-2.88-0.61c-0.38-0.06-0.62-0.2-0.74-0.4c-0.11-0.2-0.11-0.6,0.13-1.23c0.12-0.34,0.03-0.76-0.03-1.12c-0.05-0.4-0.08-0.71,0.05-0.94c0.16-0.34,0.4-0.4,0.69-0.54c0.3-0.13,0.65-0.2,0.93-0.46v-0.01c0.26-0.27,0.45-0.6,0.68-0.84c0.19-0.2,0.38-0.33,0.67-0.33h0.01c0.05,0,0.1,0,0.16,0.01c0.38,0.06,0.71,0.34,1.03,0.75l0.92,1.67h0.01c0.24,0.53,0.76,1.07,1.2,1.64c0.44,0.6,0.78,1.13,0.74,1.57V21.97z M12.9,21.33c-0.99,0.23-2.04,0.16-3.02-0.38c-0.12-0.06-0.24-0.13-0.35-0.21c-0.11-0.19-0.25-0.37-0.41-0.53c-0.07-0.12-0.17-0.24-0.28-0.33c0.19,0,0.35-0.03,0.48-0.07c0.14-0.07,0.26-0.19,0.31-0.33c0.11-0.27,0-0.7-0.35-1.17c-0.35-0.46-0.94-0.99-1.8-1.52c-0.33-0.21-0.58-0.43-0.77-0.67c-0.19-0.23-0.32-0.47-0.4-0.72c-0.16-0.54-0.14-1.09-0.01-1.65c0.15-0.66,0.45-1.3,0.74-1.85c0.2-0.35,0.39-0.66,0.55-0.91c0.1-0.07,0.03,0.12-0.39,0.91c-0.01,0.02-0.02,0.04-0.03,0.06c-0.4,0.75-1.15,2.5-0.12,3.86c0.04-0.99,0.26-1.97,0.65-2.88c0.13-0.3,0.3-0.65,0.48-1.04c0.59-1.25,1.31-2.87,1.38-4.23c0.05,0.04,0.22,0.14,0.29,0.2c0.22,0.14,0.39,0.34,0.6,0.47c0.21,0.2,0.48,0.33,0.89,0.33c0.04,0.01,0.07,0.01,0.11,0.01c0.41,0,0.74-0.13,1.01-0.27c0.29-0.13,0.52-0.33,0.74-0.4h0.01c0.47-0.13,0.84-0.4,1.06-0.7c0.36,1.42,1.21,3.48,1.75,4.48c0.02,0.03,0.04,0.07,0.06,0.11c0.26,0.48,0.67,1.31,0.93,2.34c0.05,0.18,0.09,0.37,0.13,0.57c0.15-0.01,0.33,0.02,0.52,0.06c0.08-0.21,0.13-0.42,0.16-0.63c0.19-1.39-0.69-2.75-1.19-3.26c-0.03-0.02-0.06-0.05-0.08-0.07c-0.22-0.2-0.23-0.34-0.12-0.34c0.07,0.06,0.13,0.12,0.2,0.19c0.56,0.58,1.21,1.51,1.46,2.57c0.08,0.29,0.12,0.6,0.12,0.91c0,0.25-0.03,0.51-0.09,0.76c0.06,0.03,0.13,0.06,0.2,0.07c1.05,0.53,1.43,0.93,1.25,1.53v-0.04h-0.2c0.15-0.47-0.18-0.83-1.08-1.22c-0.92-0.4-1.66-0.34-1.79,0.46c-0.01,0.04-0.01,0.07-0.02,0.14c-0.07,0.02-0.14,0.05-0.21,0.06c-0.43,0.27-0.67,0.67-0.8,1.19c-0.13,0.53-0.17,1.15-0.21,1.87c-0.02,0.33-0.17,0.84-0.32,1.35C14.33,20.84,13.64,21.17,12.9,21.33z M21.2,20.82c-0.63,0.4-1.76,0.71-2.48,1.57c-0.63,0.74-1.39,1.14-2.06,1.19c-0.67,0.05-1.25-0.2-1.59-0.9h-0.01c-0.21-0.4-0.12-1.03,0.06-1.69c0.18-0.67,0.43-1.35,0.47-1.9c0.03-0.71,0.07-1.33,0.19-1.81c0.13-0.47,0.32-0.8,0.65-0.99l0.05-0.02c0.03,0.6,0.34,1.24,0.89,1.38c0.59,0.13,1.45-0.34,1.81-0.77l0.21-0.01c0.32-0.01,0.59,0.01,0.86,0.27c0.21,0.2,0.31,0.53,0.4,0.88c0.09,0.4,0.16,0.78,0.41,1.06c0.5,0.53,0.66,0.91,0.65,1.14C21.69,20.49,21.52,20.62,21.2,20.82z M16.63,10.98v0.92h-0.55c0.26,0.48,0.67,1.31,0.93,2.34c0.05,0.18,0.09,0.37,0.13,0.57c0.15-0.01,0.33,0.02,0.52,0.06c0.08-0.21,0.13-0.42,0.16-0.63C18.01,12.85,17.13,11.49,16.63,10.98z"
-              ></path><path
-                fill="#F9C105"
-                d="M14.22 6.3v.14c-.08-.14-.23-.27-.49-.4-.54-.2-.77-.27-1.07-.47-.48-.34-.89-.4-1.22-.4-.18 0-.34.03-.48.06-.4.14-.67.4-.84.61h-.01c-.03.03-.07.06-.17.13-.11.06-.27.2-.49.34-.2.13-.27.33-.2.6.07.19.29.46.7.71.25.13.42.33.62.47.1.07.21.13.33.19.14.06.29.08.45.07.43.03.74-.13 1.02-.27.28-.13.51-.33.79-.46.55-.2.95-.53 1.07-.85C14.29 6.62 14.29 6.45 14.22 6.3zM11.69 5.64c-.01-.02.01-.04.02-.05.08-.04.19-.03.27 0 .06 0 .16.07.15.14-.01.05-.09.06-.14.06s-.09-.04-.14-.06c-.05-.02-.15-.01-.16-.07V5.64zM10.83 5.59c.08-.03.19-.04.26 0 .02.01.04.03.03.05v.02h.01c-.02.06-.12.05-.17.07S10.87 5.8 10.82 5.8c-.05 0-.13-.02-.14-.07C10.67 5.66 10.77 5.59 10.83 5.59zM13.48 6.78c-.19.13-.47.33-.7.47-.44.2-.96.53-1.51.53-.54 0-.98-.27-1.29-.47C9.82 7.18 9.7 7.05 9.6 6.98 9.44 6.85 9.46 6.65 9.53 6.65c.11.01.13.13.2.2.1.06.22.2.36.33.3.2.69.47 1.18.47s1.07-.27 1.42-.47c.19-.13.45-.33.65-.47.16-.13.15-.26.29-.26C13.76 6.46 13.66 6.58 13.48 6.78zM21.71 20.22c-.02.27-.19.4-.51.6-.63.4-1.76.71-2.48 1.57-.63.74-1.39 1.14-2.06 1.19-.67.05-1.25-.2-1.59-.9h-.01c-.21-.4-.12-1.03.06-1.69.18-.67.43-1.35.47-1.9.03-.71.07-1.33.19-1.81.13-.47.32-.8.65-.99l.05-.02c.03.6.34 1.24.89 1.38.59.13 1.45-.34 1.81-.77l.21-.01c.32-.01.59.01.86.27.21.2.31.53.4.88.09.4.16.78.41 1.06C21.56 19.61 21.72 19.99 21.71 20.22zM9.61 21.96v.01c-.06.74-.49 1.14-1.14 1.29-.66.13-1.54 0-2.43-.46-.97-.54-2.14-.47-2.88-.61-.38-.06-.62-.2-.74-.4-.11-.2-.11-.6.13-1.23.12-.34.03-.76-.03-1.12-.05-.4-.08-.71.05-.94.16-.34.4-.4.69-.54.3-.13.65-.2.93-.46v-.01c.26-.27.45-.6.68-.84.19-.2.38-.33.67-.33h.01c.05 0 .1 0 .16.01.38.06.71.34 1.03.75l.92 1.67h.01c.24.53.76 1.07 1.2 1.64C9.31 20.99 9.65 21.52 9.61 21.96z"
-              ></path><path
-                d="M11.13 5.66c-.02.06-.12.05-.17.07S10.87 5.8 10.82 5.8c-.05 0-.13-.02-.14-.07-.01-.07.09-.14.15-.14.08-.03.19-.04.26 0 .02.01.04.03.03.05v.02H11.13zM13.48 6.78c-.19.13-.47.33-.7.47-.44.2-.96.53-1.51.53-.54 0-.98-.27-1.29-.47C9.82 7.18 9.7 7.05 9.6 6.98 9.44 6.85 9.46 6.65 9.53 6.65c.11.01.13.13.2.2.1.06.22.2.36.33.3.2.69.47 1.18.47s1.07-.27 1.42-.47c.19-.13.45-.33.65-.47.16-.13.15-.26.29-.26C13.76 6.46 13.66 6.58 13.48 6.78z"
-              ></path></svg
-            >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
-              ><path
-                fill="#F34F29"
-                d="M124.742 58.378l-55.117-55.114c-3.172-3.174-8.32-3.174-11.497 0l-11.443 11.446 14.518 14.518c3.375-1.139 7.243-.375 9.932 2.314 2.703 2.706 3.462 6.607 2.293 9.993l13.992 13.994c3.385-1.167 7.292-.413 9.994 2.295 3.78 3.777 3.78 9.9 0 13.679-3.78 3.78-9.901 3.78-13.683 0-2.842-2.844-3.545-7.019-2.105-10.521l-13.048-13.049-.002 34.341c.922.455 1.791 1.063 2.559 1.828 3.779 3.777 3.779 9.898 0 13.683-3.779 3.777-9.904 3.777-13.679 0-3.778-3.784-4.088-9.905-.311-13.683.934-.933 1.855-1.638 2.855-2.11v-34.659c-1-.472-1.92-1.172-2.856-2.111-2.861-2.86-3.396-7.06-1.928-10.576l-14.233-14.313-37.754 37.79c-3.175 3.177-3.155 8.325.02 11.5l55.126 55.114c3.173 3.174 8.325 3.174 11.503 0l54.86-54.858c3.175-3.176 3.178-8.327.004-11.501z"
-              ></path></svg
-            >
+            <JavaScriptIcon />
+            <TypeScriptIcon />
+            <ReactIcon />
+            <CIcon />
+            <PythonIcon />
+            <GitIcon />
           </div>
           <ul>
             <li>
@@ -182,70 +114,13 @@ import '../styles/resume.mobile.css';
             </div>
           </div>
           <div class="experience-tech">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
-              ><path
-                fill="#9B4F96"
-                d="M115.4 30.7l-48.3-27.8c-.8-.5-1.9-.7-3.1-.7-1.2 0-2.3.3-3.1.7l-48 27.9c-1.7 1-2.9 3.5-2.9 5.4v55.7c0 1.1.2 2.4 1 3.5l106.8-62c-.6-1.2-1.5-2.1-2.4-2.7z"
-              ></path><path
-                fill="#68217A"
-                d="M10.7 95.3c.5.8 1.2 1.5 1.9 1.9l48.2 27.9c.8.5 1.9.7 3.1.7 1.2 0 2.3-.3 3.1-.7l48-27.9c1.7-1 2.9-3.5 2.9-5.4v-55.7c0-.9-.1-1.9-.6-2.8l-106.6 62z"
-              ></path><path
-                fill="#fff"
-                d="M85.3 76.1c-4.2 7.4-12.2 12.4-21.3 12.4-13.5 0-24.5-11-24.5-24.5s11-24.5 24.5-24.5c9.1 0 17.1 5 21.3 12.5l13-7.5c-6.8-11.9-19.6-20-34.3-20-21.8 0-39.5 17.7-39.5 39.5s17.7 39.5 39.5 39.5c14.6 0 27.4-8 34.2-19.8l-12.9-7.6zM97 66.2l.9-4.3h-4.2v-4.7h5.1l1.2-6.2h4.9l-1.2 6.1h3.8l1.2-6.1h4.8l-1.2 6.1h2.4v4.7h-3.3l-.9 4.3h4.2v4.7h-5.1l-1.2 6h-4.9l1.2-6h-3.8l-1.2 6h-4.8l1.2-6h-2.4v-4.7h3.3zm4.8 0h3.8l.9-4.3h-3.8l-.9 4.3z"
-              ></path></svg
-            >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
-              ><path
-                fill="#0074BD"
-                d="M47.617 98.12s-4.767 2.774 3.397 3.71c9.892 1.13 14.947.968 25.845-1.092 0 0 2.871 1.795 6.873 3.351-24.439 10.47-55.308-.607-36.115-5.969zM44.629 84.455s-5.348 3.959 2.823 4.805c10.567 1.091 18.91 1.18 33.354-1.6 0 0 1.993 2.025 5.132 3.131-29.542 8.64-62.446.68-41.309-6.336z"
-              ></path><path
-                fill="#EA2D2E"
-                d="M69.802 61.271c6.025 6.935-1.58 13.17-1.58 13.17s15.289-7.891 8.269-17.777c-6.559-9.215-11.587-13.792 15.635-29.58 0 .001-42.731 10.67-22.324 34.187z"
-              ></path><path
-                fill="#0074BD"
-                d="M102.123 108.229s3.529 2.91-3.888 5.159c-14.102 4.272-58.706 5.56-71.094.171-4.451-1.938 3.899-4.625 6.526-5.192 2.739-.593 4.303-.485 4.303-.485-4.953-3.487-32.013 6.85-13.743 9.815 49.821 8.076 90.817-3.637 77.896-9.468zM49.912 70.294s-22.686 5.389-8.033 7.348c6.188.828 18.518.638 30.011-.326 9.39-.789 18.813-2.474 18.813-2.474s-3.308 1.419-5.704 3.053c-23.042 6.061-67.544 3.238-54.731-2.958 10.832-5.239 19.644-4.643 19.644-4.643zM90.609 93.041c23.421-12.167 12.591-23.86 5.032-22.285-1.848.385-2.677.72-2.677.72s.688-1.079 2-1.543c14.953-5.255 26.451 15.503-4.823 23.725 0-.002.359-.327.468-.617z"
-              ></path><path
-                fill="#EA2D2E"
-                d="M76.491 1.587s12.968 12.976-12.303 32.923c-20.266 16.006-4.621 25.13-.007 35.559-11.831-10.673-20.509-20.07-14.688-28.815 8.548-12.834 32.229-19.059 26.998-39.667z"
-              ></path><path
-                fill="#0074BD"
-                d="M52.214 126.021c22.476 1.437 57-.8 57.817-11.436 0 0-1.571 4.032-18.577 7.231-19.186 3.612-42.854 3.191-56.887.874 0 .001 2.875 2.381 17.647 3.331z"
-              ></path></svg
-            >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
-              ><rect width="99.67" height="73.67" x="22.67" y="47" fill="#fff"
-              ></rect><path
-                fill="#007acc"
-                d="M1.5,63.91v62.5h125V1.41H1.5Zm100.73-5a15.56,15.56,0,0,1,7.82,4.5,20.58,20.58,0,0,1,3,4c0,.16-5.4,3.81-8.69,5.85-.12.08-.6-.44-1.13-1.23a7.09,7.09,0,0,0-5.87-3.53c-3.79-.26-6.23,1.73-6.21,5a4.58,4.58,0,0,0,.54,2.34c.83,1.73,2.38,2.76,7.24,4.86,8.95,3.85,12.78,6.39,15.16,10,2.66,4,3.25,10.46,1.45,15.24-2,5.2-6.9,8.73-13.83,9.9a38.32,38.32,0,0,1-9.52-.1,23,23,0,0,1-12.72-6.63c-1.15-1.27-3.39-4.58-3.25-4.82a9.34,9.34,0,0,1,1.15-.73L82,101l3.59-2.08.75,1.11a16.78,16.78,0,0,0,4.74,4.54c4,2.1,9.46,1.81,12.16-.62a5.43,5.43,0,0,0,.69-6.92c-1-1.39-3-2.56-8.59-5-6.45-2.78-9.23-4.5-11.77-7.24a16.48,16.48,0,0,1-3.43-6.25,25,25,0,0,1-.22-8c1.33-6.23,6-10.58,12.82-11.87A31.66,31.66,0,0,1,102.23,58.93ZM72.89,64.15l0,5.12H56.66V115.5H45.15V69.26H28.88v-5A49.19,49.19,0,0,1,29,59.09C29.08,59,39,59,51,59L72.83,59Z"
-                data-name="original"></path></svg
-            >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              enable-background="new 0 0 128 128"
-              viewBox="0 0 128 128"
-              ><g fill="#61DAFB"
-                ><circle cx="64" cy="64" r="11.4"></circle><path
-                  d="M107.3 45.2c-2.2-.8-4.5-1.6-6.9-2.3.6-2.4 1.1-4.8 1.5-7.1 2.1-13.2-.2-22.5-6.6-26.1-1.9-1.1-4-1.6-6.4-1.6-7 0-15.9 5.2-24.9 13.9-9-8.7-17.9-13.9-24.9-13.9-2.4 0-4.5.5-6.4 1.6-6.4 3.7-8.7 13-6.6 26.1.4 2.3.9 4.7 1.5 7.1-2.4.7-4.7 1.4-6.9 2.3-12.5 4.8-19.3 11.4-19.3 18.8s6.9 14 19.3 18.8c2.2.8 4.5 1.6 6.9 2.3-.6 2.4-1.1 4.8-1.5 7.1-2.1 13.2.2 22.5 6.6 26.1 1.9 1.1 4 1.6 6.4 1.6 7.1 0 16-5.2 24.9-13.9 9 8.7 17.9 13.9 24.9 13.9 2.4 0 4.5-.5 6.4-1.6 6.4-3.7 8.7-13 6.6-26.1-.4-2.3-.9-4.7-1.5-7.1 2.4-.7 4.7-1.4 6.9-2.3 12.5-4.8 19.3-11.4 19.3-18.8s-6.8-14-19.3-18.8zm-14.8-30.5c4.1 2.4 5.5 9.8 3.8 20.3-.3 2.1-.8 4.3-1.4 6.6-5.2-1.2-10.7-2-16.5-2.5-3.4-4.8-6.9-9.1-10.4-13 7.4-7.3 14.9-12.3 21-12.3 1.3 0 2.5.3 3.5.9zm-11.2 59.3c-1.8 3.2-3.9 6.4-6.1 9.6-3.7.3-7.4.4-11.2.4-3.9 0-7.6-.1-11.2-.4-2.2-3.2-4.2-6.4-6-9.6-1.9-3.3-3.7-6.7-5.3-10 1.6-3.3 3.4-6.7 5.3-10 1.8-3.2 3.9-6.4 6.1-9.6 3.7-.3 7.4-.4 11.2-.4 3.9 0 7.6.1 11.2.4 2.2 3.2 4.2 6.4 6 9.6 1.9 3.3 3.7 6.7 5.3 10-1.7 3.3-3.4 6.6-5.3 10zm8.3-3.3c1.5 3.5 2.7 6.9 3.8 10.3-3.4.8-7 1.4-10.8 1.9 1.2-1.9 2.5-3.9 3.6-6 1.2-2.1 2.3-4.2 3.4-6.2zm-25.6 27.1c-2.4-2.6-4.7-5.4-6.9-8.3 2.3.1 4.6.2 6.9.2 2.3 0 4.6-.1 6.9-.2-2.2 2.9-4.5 5.7-6.9 8.3zm-18.6-15c-3.8-.5-7.4-1.1-10.8-1.9 1.1-3.3 2.3-6.8 3.8-10.3 1.1 2 2.2 4.1 3.4 6.1 1.2 2.2 2.4 4.1 3.6 6.1zm-7-25.5c-1.5-3.5-2.7-6.9-3.8-10.3 3.4-.8 7-1.4 10.8-1.9-1.2 1.9-2.5 3.9-3.6 6-1.2 2.1-2.3 4.2-3.4 6.2zm25.6-27.1c2.4 2.6 4.7 5.4 6.9 8.3-2.3-.1-4.6-.2-6.9-.2-2.3 0-4.6.1-6.9.2 2.2-2.9 4.5-5.7 6.9-8.3zm22.2 21l-3.6-6c3.8.5 7.4 1.1 10.8 1.9-1.1 3.3-2.3 6.8-3.8 10.3-1.1-2.1-2.2-4.2-3.4-6.2zm-54.5-16.2c-1.7-10.5-.3-17.9 3.8-20.3 1-.6 2.2-.9 3.5-.9 6 0 13.5 4.9 21 12.3-3.5 3.8-7 8.2-10.4 13-5.8.5-11.3 1.4-16.5 2.5-.6-2.3-1-4.5-1.4-6.6zm-24.7 29c0-4.7 5.7-9.7 15.7-13.4 2-.8 4.2-1.5 6.4-2.1 1.6 5 3.6 10.3 6 15.6-2.4 5.3-4.5 10.5-6 15.5-13.8-4-22.1-10-22.1-15.6zm28.5 49.3c-4.1-2.4-5.5-9.8-3.8-20.3.3-2.1.8-4.3 1.4-6.6 5.2 1.2 10.7 2 16.5 2.5 3.4 4.8 6.9 9.1 10.4 13-7.4 7.3-14.9 12.3-21 12.3-1.3 0-2.5-.3-3.5-.9zm60.8-20.3c1.7 10.5.3 17.9-3.8 20.3-1 .6-2.2.9-3.5.9-6 0-13.5-4.9-21-12.3 3.5-3.8 7-8.2 10.4-13 5.8-.5 11.3-1.4 16.5-2.5.6 2.3 1 4.5 1.4 6.6zm9-15.6c-2 .8-4.2 1.5-6.4 2.1-1.6-5-3.6-10.3-6-15.6 2.4-5.3 4.5-10.5 6-15.5 13.8 4 22.1 10 22.1 15.6 0 4.7-5.8 9.7-15.7 13.4z"
-                ></path></g
-              ></svg
-            >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 24"
-              ><path
-                d="m15.266 12.001 4.2-7.249 2.03 7.253-2.03 7.25-4.2-7.25zm-2.047 1.177 4.201 7.254-7.316-1.876-5.285-5.378zm4.2-9.608-4.2 7.253h-8.4l5.285-5.378 7.314-1.875zm6 5.963-2.566-9.533-9.564 2.555-1.416 2.489-2.873-.021-7 6.978 7 6.977 2.871-.022 1.418 2.489 9.564 2.554 2.56-9.531-1.453-2.468z"
-              ></path></svg
-            >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
-              ><path
-                fill="#68217a"
-                d="M95 2.3l30.5 12.3v98.7L94.8 125.7 45.8 77l-31 24.1L2.5 94.9V33.1l12.3-5.9 31 24.3ZM14.8 45.7V83.2l18.5-19Zm48.1 18.5L94.8 89.3V39Z"
-              ></path></svg
-            >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
-              ><path
-                fill="#F34F29"
-                d="M124.742 58.378l-55.117-55.114c-3.172-3.174-8.32-3.174-11.497 0l-11.443 11.446 14.518 14.518c3.375-1.139 7.243-.375 9.932 2.314 2.703 2.706 3.462 6.607 2.293 9.993l13.992 13.994c3.385-1.167 7.292-.413 9.994 2.295 3.78 3.777 3.78 9.9 0 13.679-3.78 3.78-9.901 3.78-13.683 0-2.842-2.844-3.545-7.019-2.105-10.521l-13.048-13.049-.002 34.341c.922.455 1.791 1.063 2.559 1.828 3.779 3.777 3.779 9.898 0 13.683-3.779 3.777-9.904 3.777-13.679 0-3.778-3.784-4.088-9.905-.311-13.683.934-.933 1.855-1.638 2.855-2.11v-34.659c-1-.472-1.92-1.172-2.856-2.111-2.861-2.86-3.396-7.06-1.928-10.576l-14.233-14.313-37.754 37.79c-3.175 3.177-3.155 8.325.02 11.5l55.126 55.114c3.173 3.174 8.325 3.174 11.503 0l54.86-54.858c3.175-3.176 3.178-8.327.004-11.501z"
-              ></path></svg
-            >
+            <CSharpIcon />
+            <JavaIcon />
+            <TypeScriptIcon />
+            <ReactIcon />
+            <LuaIcon />
+            <CSharpModernIcon />
+            <GitIcon />
           </div>
           <ul>
             <li>
@@ -280,32 +155,7 @@ import '../styles/resume.mobile.css';
             </div>
           </div>
           <div class="experience-tech">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="2222"
-              height="2500"
-              preserveAspectRatio="xMinYMin meet"
-              viewBox="0 0 256 288"
-              ><path
-                fill="#5C8DBC"
-                d="M255.569 84.72c-.002-4.83-1.035-9.098-3.124-12.761-2.052-3.602-5.125-6.621-9.247-9.008-34.025-19.619-68.083-39.178-102.097-58.817-9.17-5.294-18.061-5.101-27.163.269C100.395 12.39 32.59 51.237 12.385 62.94 4.064 67.757.015 75.129.013 84.711 0 124.166.013 163.62 0 203.076c.002 4.724.991 8.909 2.988 12.517 2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.269 34.015-19.64 68.075-39.198 102.105-58.817 4.217-2.44 7.333-5.544 9.386-9.252 1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345"
-              ></path><path
-                fill="#1A4674"
-                d="M128.182 143.509L2.988 215.593c2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.269 34.015-19.64 68.075-39.198 102.105-58.817 4.217-2.44 7.333-5.544 9.386-9.252l-124.413-72.074"
-              ></path><path
-                fill="#1A4674"
-                d="M91.101 164.861c7.285 12.718 20.98 21.296 36.69 21.296 15.807 0 29.58-8.687 36.828-21.541l-36.437-21.107-37.081 21.352"
-              ></path><path
-                fill="#1B598E"
-                d="M255.569 84.72c-.002-4.83-1.035-9.098-3.124-12.761l-124.263 71.55 124.413 72.074c1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345"
-              ></path><path
-                fill="#FFF"
-                d="M248.728 148.661h-9.722v9.724h-9.724v-9.724h-9.721v-9.721h9.721v-9.722h9.724v9.722h9.722v9.721M213.253 148.661h-9.721v9.724h-9.722v-9.724h-9.722v-9.721h9.722v-9.722h9.722v9.722h9.721v9.721"
-              ></path><path
-                fill="#FFF"
-                d="M164.619 164.616c-7.248 12.854-21.021 21.541-36.828 21.541-15.71 0-29.405-8.578-36.69-21.296a42.062 42.062 0 0 1-5.574-20.968c0-23.341 18.923-42.263 42.264-42.263 15.609 0 29.232 8.471 36.553 21.059l36.941-21.272c-14.683-25.346-42.096-42.398-73.494-42.398-46.876 0-84.875 38-84.875 84.874 0 15.378 4.091 29.799 11.241 42.238 14.646 25.48 42.137 42.637 73.634 42.637 31.555 0 59.089-17.226 73.714-42.781l-36.886-21.371"
-              ></path></svg
-            >
+            <CppIcon />
           </div>
           <ul>
             <li>
@@ -326,35 +176,10 @@ import '../styles/resume.mobile.css';
             </div>
           </div>
           <div class="experience-tech">
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
-              ><path
-                fill="#9B4F96"
-                d="M115.4 30.7l-48.3-27.8c-.8-.5-1.9-.7-3.1-.7-1.2 0-2.3.3-3.1.7l-48 27.9c-1.7 1-2.9 3.5-2.9 5.4v55.7c0 1.1.2 2.4 1 3.5l106.8-62c-.6-1.2-1.5-2.1-2.4-2.7z"
-              ></path><path
-                fill="#68217A"
-                d="M10.7 95.3c.5.8 1.2 1.5 1.9 1.9l48.2 27.9c.8.5 1.9.7 3.1.7 1.2 0 2.3-.3 3.1-.7l48-27.9c1.7-1 2.9-3.5 2.9-5.4v-55.7c0-.9-.1-1.9-.6-2.8l-106.6 62z"
-              ></path><path
-                fill="#fff"
-                d="M85.3 76.1c-4.2 7.4-12.2 12.4-21.3 12.4-13.5 0-24.5-11-24.5-24.5s11-24.5 24.5-24.5c9.1 0 17.1 5 21.3 12.5l13-7.5c-6.8-11.9-19.6-20-34.3-20-21.8 0-39.5 17.7-39.5 39.5s17.7 39.5 39.5 39.5c14.6 0 27.4-8 34.2-19.8l-12.9-7.6zM97 66.2l.9-4.3h-4.2v-4.7h5.1l1.2-6.2h4.9l-1.2 6.1h3.8l1.2-6.1h4.8l-1.2 6.1h2.4v4.7h-3.3l-.9 4.3h4.2v4.7h-5.1l-1.2 6h-4.9l1.2-6h-3.8l-1.2 6h-4.8l1.2-6h-2.4v-4.7h3.3zm4.8 0h3.8l.9-4.3h-3.8l-.9 4.3z"
-              ></path></svg
-            >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 23 24"
-              ><path
-                d="m15.266 12.001 4.2-7.249 2.03 7.253-2.03 7.25-4.2-7.25zm-2.047 1.177 4.201 7.254-7.316-1.876-5.285-5.378zm4.2-9.608-4.2 7.253h-8.4l5.285-5.378 7.314-1.875zm6 5.963-2.566-9.533-9.564 2.555-1.416 2.489-2.873-.021-7 6.978 7 6.977 2.871-.022 1.418 2.489 9.564 2.554 2.56-9.531-1.453-2.468z"
-              ></path></svg
-            >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
-              ><path
-                fill="#68217a"
-                d="M95 2.3l30.5 12.3v98.7L94.8 125.7 45.8 77l-31 24.1L2.5 94.9V33.1l12.3-5.9 31 24.3ZM14.8 45.7V83.2l18.5-19Zm48.1 18.5L94.8 89.3V39Z"
-              ></path></svg
-            >
-            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"
-              ><path
-                fill="#F34F29"
-                d="M124.742 58.378l-55.117-55.114c-3.172-3.174-8.32-3.174-11.497 0l-11.443 11.446 14.518 14.518c3.375-1.139 7.243-.375 9.932 2.314 2.703 2.706 3.462 6.607 2.293 9.993l13.992 13.994c3.385-1.167 7.292-.413 9.994 2.295 3.78 3.777 3.78 9.9 0 13.679-3.78 3.78-9.901 3.78-13.683 0-2.842-2.844-3.545-7.019-2.105-10.521l-13.048-13.049-.002 34.341c.922.455 1.791 1.063 2.559 1.828 3.779 3.777 3.779 9.898 0 13.683-3.779 3.777-9.904 3.777-13.679 0-3.778-3.784-4.088-9.905-.311-13.683.934-.933 1.855-1.638 2.855-2.11v-34.659c-1-.472-1.92-1.172-2.856-2.111-2.861-2.86-3.396-7.06-1.928-10.576l-14.233-14.313-37.754 37.79c-3.175 3.177-3.155 8.325.02 11.5l55.126 55.114c3.173 3.174 8.325 3.174 11.503 0l54.86-54.858c3.175-3.176 3.178-8.327.004-11.501z"
-              ></path></svg
-            >
+            <CSharpIcon />
+            <LuaIcon />
+            <CSharpModernIcon />
+            <GitIcon />
           </div>
           <ul>
             <li>
@@ -379,32 +204,7 @@ import '../styles/resume.mobile.css';
             </div>
           </div>
           <div class="experience-tech">
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              width="2222"
-              height="2500"
-              preserveAspectRatio="xMinYMin meet"
-              viewBox="0 0 256 288"
-              ><path
-                fill="#5C8DBC"
-                d="M255.569 84.72c-.002-4.83-1.035-9.098-3.124-12.761-2.052-3.602-5.125-6.621-9.247-9.008-34.025-19.619-68.083-39.178-102.097-58.817-9.17-5.294-18.061-5.101-27.163.269C100.395 12.39 32.59 51.237 12.385 62.94 4.064 67.757.015 75.129.013 84.711 0 124.166.013 163.62 0 203.076c.002 4.724.991 8.909 2.988 12.517 2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.269 34.015-19.64 68.075-39.198 102.105-58.817 4.217-2.44 7.333-5.544 9.386-9.252 1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345"
-              ></path><path
-                fill="#1A4674"
-                d="M128.182 143.509L2.988 215.593c2.053 3.711 5.169 6.813 9.386 9.254 20.206 11.703 88.02 50.547 101.56 58.536 9.106 5.373 17.997 5.565 27.17.269 34.015-19.64 68.075-39.198 102.105-58.817 4.217-2.44 7.333-5.544 9.386-9.252l-124.413-72.074"
-              ></path><path
-                fill="#1A4674"
-                d="M91.101 164.861c7.285 12.718 20.98 21.296 36.69 21.296 15.807 0 29.58-8.687 36.828-21.541l-36.437-21.107-37.081 21.352"
-              ></path><path
-                fill="#1B598E"
-                d="M255.569 84.72c-.002-4.83-1.035-9.098-3.124-12.761l-124.263 71.55 124.413 72.074c1.994-3.608 2.985-7.793 2.987-12.518 0 0 0-78.889-.013-118.345"
-              ></path><path
-                fill="#FFF"
-                d="M248.728 148.661h-9.722v9.724h-9.724v-9.724h-9.721v-9.721h9.721v-9.722h9.724v9.722h9.722v9.721M213.253 148.661h-9.721v9.724h-9.722v-9.724h-9.722v-9.721h9.722v-9.722h9.722v9.722h9.721v9.721"
-              ></path><path
-                fill="#FFF"
-                d="M164.619 164.616c-7.248 12.854-21.021 21.541-36.828 21.541-15.71 0-29.405-8.578-36.69-21.296a42.062 42.062 0 0 1-5.574-20.968c0-23.341 18.923-42.263 42.264-42.263 15.609 0 29.232 8.471 36.553 21.059l36.941-21.272c-14.683-25.346-42.096-42.398-73.494-42.398-46.876 0-84.875 38-84.875 84.874 0 15.378 4.091 29.799 11.241 42.238 14.646 25.48 42.137 42.637 73.634 42.637 31.555 0 59.089-17.226 73.714-42.781l-36.886-21.371"
-              ></path></svg
-            >
+            <CppIcon />
           </div>
           <ul>
             <li>
diff --git a/src/styles/index.css b/src/styles/index.css
index 72a8b4f..97e3eb5 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -398,27 +398,44 @@ only screen and (max-width:960px) {
     }
 
     #nav-menu > ul {
-        flex-direction: column;
+        flex-direction: row;
+        flex-wrap: wrap;
         gap: 0.5rem;
     }
 
-    #nav-menu > ul > li {
+    /* Main links: full-width rows, left-aligned */
+    #nav-menu > ul > li:has(> a) {
+        flex: 0 0 100%;
+    }
+
+    #nav-menu > ul > li:has(> a) a {
         width: 100%;
+        text-align: left;
+        font-size: 1.5rem;
+        padding: 0.75rem 0;
     }
 
-    #nav-menu > ul > li[style*="margin-left: auto"] {
+    /* Theme buttons: single side-by-side row */
+    #nav-menu > ul > li:has(> button[id^="theme_button"]) {
+        flex: 1;
         margin-left: 0 !important;
         margin-top: 1rem;
     }
 
+    #nav-menu > ul > li:has(> button[id^="theme_button"]) button {
+        width: 100%;
+        text-align: center;
+    }
+
+    /* Dark/light toggle: full-width row */
     #nav-menu > ul > li[style*="margin-left: 1rem"] {
+        flex: 0 0 100%;
         margin-left: 0 !important;
     }
 
-    #nav-menu > ul button,
-    #nav-menu > ul a {
+    #nav-menu > ul > li[style*="margin-left: 1rem"] button {
         width: 100%;
-        text-align: center;
+        text-align: left;
     }
 
     header > nav {
diff --git a/src/styles/resume.css b/src/styles/resume.css
index 97e504e..8bd2014 100644
--- a/src/styles/resume.css
+++ b/src/styles/resume.css
@@ -59,10 +59,40 @@ html {
     margin-top: 0.2rem;
 }
 
-.experience-tech > svg {
+.tech-icon {
+    position: relative;
+    display: inline-flex;
+    margin-right: 0.5rem;
+}
+
+.tech-icon > svg {
     width: 1.125rem;
     height: 1.125rem;
-    margin-right: 0.5rem;
+    display: block;
+}
+
+.tech-icon::after {
+    content: attr(data-tech);
+    position: absolute;
+    bottom: calc(100% + 0.35rem);
+    left: 50%;
+    transform: translateX(-50%);
+    padding: 0.15rem 0.4rem;
+    border-radius: 0.25rem;
+    background: var(--tooltip-bg, #24292e);
+    color: var(--tooltip-fg, #fff);
+    font-size: 0.7rem;
+    line-height: 1.2;
+    white-space: nowrap;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.12s ease;
+    z-index: 10;
+}
+
+.tech-icon:hover::after,
+.tech-icon:focus-visible::after {
+    opacity: 1;
 }
 
 .skills_table_container {
-- 
cgit v1.2.1