diff --git a/app/(components)/AboutSection.tsx b/app/(components)/AboutSection.tsx
index 45d8124..f21b4a0 100644
--- a/app/(components)/AboutSection.tsx
+++ b/app/(components)/AboutSection.tsx
@@ -27,10 +27,11 @@ export default function AboutSection() {
To explain the full extent of my skills and
abilities is now impractical. I've delved into the
- deep waters of tech and racked up multiple skills
- and abilities. To keep it simple, whichever stack is
- at hand, I've either had some experience with it, or
- I'll pick it up in a few weeks.
+ deep waters of software and tech and racked up
+ multiple skills and abilities. To keep it simple,
+ whichever stack is at hand, I've either had some
+ experience with it, or I'll pick it up in a few
+ weeks.
diff --git a/app/(components)/MySkillsSection.tsx b/app/(components)/MySkillsSection.tsx
index 7ae54c0..71f1a86 100644
--- a/app/(components)/MySkillsSection.tsx
+++ b/app/(components)/MySkillsSection.tsx
@@ -13,19 +13,32 @@ export default function MySkillsSection() {
-
My Skills
+
Some of My Skills
-
I am well-versed in the full spectrum of design and development. While I started out as a designer, I have focused more on development in the last few years.
+
+ An inexhaustive list of my skills and abilities. I'm always
+ learning new things and picking up new skills so this list
+ is always growing.
+
-
{targetStack?.match(/dev/i) ? "Web Dev Tech Stack" : "UI/UX tech stack"}
+
+ {targetStack?.match(/dev/i)
+ ? "Web Dev Tech Stack"
+ : "UI/UX tech stack"}
+
{/*
My Tech Stack
*/}
{
setTargetStack("dev");
}}
@@ -33,7 +46,12 @@ export default function MySkillsSection() {
Web Dev Stack
{
setTargetStack("design");
}}
@@ -43,45 +61,52 @@ export default function MySkillsSection() {
-
+
{targetStack?.match(/dev/i) ? (
- {webDevStack.map((item: { title: string; description: string }, index: number) => (
- -
-
- {item.title}
- {/* */}
-
-
- {item.description}
- {/* */}
-
-
- ))}
+ {webDevStack.map(
+ (
+ item: {
+ title: string;
+ description: string;
+ },
+ index: number
+ ) => (
+ -
+
+ {item.title}
+ {/* */}
+
+
+ {item.description}
+ {/* */}
+
+
+ )
+ )}
) : (
- {uiStack.map((item: { title: string; description: string }, index: number) => (
- -
-
- {item.title}
- {/* */}
-
-
- {item.description}
- {/* */}
-
-
- ))}
+ {uiStack.map(
+ (
+ item: {
+ title: string;
+ description: string;
+ },
+ index: number
+ ) => (
+ -
+
+ {item.title}
+ {/* */}
+
+
+ {item.description}
+ {/* */}
+
+
+ )
+ )}
)}