predeployment

Just need to add something to homepage and split about carousel

src/pages/AboutMe.js

@@ -4,13 +4,15 @@ import MyCarousel from '../componets/Carousel.js';
 import img1 from '../assets/photos/itsa_me.JPG'
 import img2 from '../assets/photos/me_robot.jpeg'
 import img3 from '../assets/photos/AcademicTeam.jpg'
-import img5 from '../assets/photos/hagerstownVex2019.jpg'
+import img4 from '../assets/photos/hagerstownVex2019.jpg'
+import img5 from '../assets/photos/WeThePeople_Districts.jpg'
 import img6 from '../assets/photos/WeThePeople.jpg'
+import img7 from '../assets/photos/WeThePeople_NationalsSetup.jpg'
 
 
 export default function AboutMe(){
     return(
-    <>
+    <div className='foreground'>
     <div className='col'>
         <div id='aboutMe' data-aos='fade-up'>
             <h2>About Me</h2>
@@ -45,6 +47,7 @@ export default function AboutMe(){
                 'HTML','CSS','Object-Oriented Programming','Git','Github','Linux','Raspberry Pi',
                 'LaTeX','Flask','DOM Scraping','Google API','React.js','Node.js']}</Skills>
         </div>
+        <div data-aos='fade-up'>
         <MyCarousel className='carousel' data-aos='fade-up'>
                     {[{original: img1, 
                         description: "Me, chilling"
@@ -59,18 +62,23 @@ export default function AboutMe(){
                     }, 
                     {
                         original: img4, 
-                        description:"at RIT"
+                        description:"Competing at a Hagerstown VEX competition"
                     }, 
                     {
                         original: img5, 
-                        description: "Competing at a Hagerstown VEX competition"
+                        description: "We the People Civics Competition District Champions"
                     }, 
                     {
                         original: img6, 
-                        description: "We The People State Champions"
+                        description: "We The People State Civics Competition Champions"
+                    },
+                    {
+                        original: img7,
+                        description: "what it looks like to compete in We the People Nationals, circa 2020"
                     }]}
                 </MyCarousel>
                 </div>
-    </>
+                </div>
+    </div>
     )
 }

src/pages/Home.js

@@ -1,14 +1,13 @@
 import React from 'react';
-import MyCarousel from '../componets/Carousel'
 
 export default function Home() {
     return (
-        <>
+        <div id='home'>
             <div class='centerContent' data-aos="fade-up">
                 <h1>Andrew Simonson</h1>
-                <h3>The person who can do things good</h3>
+                <h3>Computer Science student at Rochester Institute of Technology</h3>
                 <div id='Vertical' />
             </div>
-        </>
+        </div>
     )
 }

src/pages/Projects.js

@@ -4,7 +4,7 @@ import github from '../assets/github.svg'
 
 export default function Projects(){
     return(
-      <>
+      <div className='foreground'>
         <div data-aos='fade-up'>
         <h2>Projects</h2>
           <p>Project status is indicated by the color of the project card:<br /><span className='complete'>⬤</span> - Complete<br />
@@ -40,6 +40,6 @@ export default function Projects(){
             A C++ keylogger for windows based off a udemy course with my custom modifications and powershell script.
           </Project>
         </ProjectList>
-      </>
+      </div>
     )
 }