From 59ebda51cf93d779e611b3cd4ebc5329d4946125 Mon Sep 17 00:00:00 2001
From: Kim Robinson <kimmykokonut@gmail.com>
Date: Mon, 4 Nov 2024 16:07:00 -0800
Subject: [PATCH] change text to be smaller on mobile screens for about
 description, ready for new deploy

---
 app/about/page.tsx | 38 ++++++++++++++++++++++++++++++++------
 next.config.mjs    |  4 ++--
 2 files changed, 34 insertions(+), 8 deletions(-)

diff --git a/app/about/page.tsx b/app/about/page.tsx
index ece35bc..779018d 100644
--- a/app/about/page.tsx
+++ b/app/about/page.tsx
@@ -24,13 +24,39 @@ export default function About() {
     >
       <div className="border-slate-500 py-8 px-4 sm:py-16 xl:px-16 max-w-4xl mx-auto">
         <h2 className="text-4xl font-bold mb-4">About Kim</h2>
-        <p className="text-base lg:text-lg leading-relaxed mb-2">
-          I am a full-stack developer with hands-on experience in JavaScript, React, Python, C#, and building Web APIs. During my internship at Clarity Innovations, I tackled feature development and bug fixes for an EdTech project dashboard to streamline the user experience. My diverse background in science, education, and creative roles gives me a unique problem-solving perspective. I am passionate about community building and have volunteered in various educational and environmental initiatives. I am eager to contribute to a mission-driven company and grow alongside a collaborative team.
+        <p className="text-sm sm:text-base lg:text-lg leading-relaxed mb-2">
+          I am a full-stack developer with hands-on experience in JavaScript,
+          React, Python, C#, and building Web APIs. During my internship at
+          Clarity Innovations, I tackled feature development and bug fixes for
+          an EdTech project dashboard to streamline the user experience. My
+          diverse background in science, education, and creative roles gives me
+          a unique problem-solving perspective. I am passionate about community
+          building and have volunteered in various educational and environmental
+          initiatives. I am eager to contribute to a mission-driven company and
+          grow alongside a collaborative team.
         </p>
         <div className="flex flex-row mt-8">
-          <TabButton selectTab={() => handleTabChange("skills")} active={tab === "skills"}>{" "}Tech Stack{" "}</TabButton>
-          <TabButton selectTab={() => handleTabChange("databaseTest")} active={tab === "databaseTest"}>{" "}DB & Test{" "}</TabButton>
-          <TabButton selectTab={() => handleTabChange("education")} active={tab === "education"}>{" "}Education{" "}</TabButton>
+          <TabButton
+            selectTab={() => handleTabChange("skills")}
+            active={tab === "skills"}
+          >
+            {" "}
+            Tech Stack{" "}
+          </TabButton>
+          <TabButton
+            selectTab={() => handleTabChange("databaseTest")}
+            active={tab === "databaseTest"}
+          >
+            {" "}
+            DB & Test{" "}
+          </TabButton>
+          <TabButton
+            selectTab={() => handleTabChange("education")}
+            active={tab === "education"}
+          >
+            {" "}
+            Education{" "}
+          </TabButton>
         </div>
         <div className="mt-4">
           {selectedTab ? selectedTab.content : <p>Content not found</p>}
@@ -38,4 +64,4 @@ export default function About() {
       </div>
     </section>
   );
-}
\ No newline at end of file
+}
diff --git a/next.config.mjs b/next.config.mjs
index 3b42e79..5425640 100644
--- a/next.config.mjs
+++ b/next.config.mjs
@@ -1,8 +1,8 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   //uncomment these 2 before pushing and new build
-  // basePath: "/kimmykokonut.github.io",
-  // output: "export", //enables static exports
+  basePath: "/kimmykokonut.github.io",
+  output: "export", //enables static exports
   reactStrictMode: true,
 };