From acf5442988015e200457de9c02452045ab945114 Mon Sep 17 00:00:00 2001
From: Nicole Martin <n.martinpdx@gmail.com>
Date: Sun, 9 Jun 2024 18:27:17 -0700
Subject: [PATCH] updates tech stack and darkmode copy color in Tech Box

---
 src/Components/Tech.js |  3 ++-
 src/containers/home.js | 17 +++++++++--------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/Components/Tech.js b/src/Components/Tech.js
index c050397..feb6c98 100644
--- a/src/Components/Tech.js
+++ b/src/Components/Tech.js
@@ -1,6 +1,6 @@
 import React from 'react';
 
-const Tech = ({ one, two, three, four }) => {
+const Tech = ({ one, two, three, four, five }) => {
   return (
     <div>
       <ul>
@@ -8,6 +8,7 @@ const Tech = ({ one, two, three, four }) => {
         <li>{two}</li>
         <li>{three}</li>
         <li>{four}</li>
+        <li>{five}</li>
       </ul>
     </div>
   );
diff --git a/src/containers/home.js b/src/containers/home.js
index 1c370da..c392464 100644
--- a/src/containers/home.js
+++ b/src/containers/home.js
@@ -20,7 +20,7 @@ const Home = () => {
     <>
       <div className={styles.mainSection}>
         <div className={styles.innerSection}>
-          <h1 className={styles.title}>Hello World🌎</h1>
+          <h1 className={styles.title}>Hello World 🌎</h1>
 
           <p className={styles.subtitle}>
             I'm <span className={styles.nicoleColor}>Nicole</span>. It's so nice
@@ -32,14 +32,15 @@ const Home = () => {
           <img src={Computer} alt="comp" />
           <h3 className={styles.techNames}>💙 Tech I love 💙</h3>
           <section className={styles.techBox}>
-            <Tech one="HTML5" two="CSS3" three="Javascript" four="React" />
+            <Tech one="HTML5" two="CSS3" three="Javascript" four="React" five="Vue.js" />
             <Tech
-              one="Node.js"
-              two="Express.js"
-              three="Material-UI"
-              four="TailwindCSS"
+              one="Next.js"
+              two="Node.js"
+              three="Express.js"
+              four="Material-UI"
+              five="TailwindCSS"
             />
-            <Tech one="Redux" two="Supertest" three="Jest" four="Git/GitHub" />
+            <Tech one="Sass" two="Supertest" three="Jest" four="Git/GitHub" five="SQL" />
           </section>
 
           {/* <GifList gifs={gifs} loading={loading} /> */}
@@ -59,7 +60,7 @@ const styles = {
   nicoleColor: 'text-green-400 dark:text-blue-400 text-lg',
   techNames: 'text-lg font-Poppins text-gray-600 dark:text-gray-300 mt-4',
   techBox:
-    'grid grid-flow-row grid-cols-3 grid-rows-1 gap-10 sm:gap-2 border-2 my-2 rounded border-black ring-2 ring-green-400 bg-gradient-to-r from-blue-300 to-green-300 font-Pt dark:font-Pt p-2 text-gray-600 dark:text-white dark:ring-blue-400',
+    'grid grid-flow-row grid-cols-3 grid-rows-1 gap-10  sm:gap-4 border-2 my-2 rounded border-black ring-2 ring-green-400 bg-gradient-to-r from-blue-300 to-green-300 font-Pt dark:font-Pt p-2 text-gray-600 dark:text-gray-600 dark:ring-blue-400',
 };
 
 export default Home;