Complete for 9/29/21 career fair

I still don't think this is complete, but it's all I can muster right now.

src/componets/About.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import picture from '../assets/itsa_me.JPG'
-import AOS from 'aos'
-
-export default function About(){
-    return(
-        <>
-        <div data-aos="fade-in">
-            <h2>A biography</h2>
-            <p>Ahoy, I'm Andrew Simonson</p>
-            <p>I'm primarily an <strong>extremely</strong> forgetful person 
-                who, when productive, rewrites fate in favor of my own 
-                short-term interests, or rather, whatever half-assed mistake
-                results from the attempt.</p>
-            <p>When I'm not <del>losing my mind</del>wasting time, 
-                you can find me building discord bots, playing chess, 
-                or actually exercising, doing things like, idk, playing
-                racquetball or soccer.</p>
-            <p>I'm a first year student at <strong>Rochester Institute of Technology </strong>
-                in the <b>Computing Exploration</b> program.  I'm from Hagerstown, 
-                Maryland.</p>
-        </div>
-            <img alt='me' src={picture} className='sideimg' data-aos='fade-up' />
-        </>
-    )
-}

src/componets/Carousel.js

@@ -0,0 +1,24 @@
+import React from "react";
+import { Carousel } from "react-responsive-carousel";
+import "react-responsive-carousel/lib/styles/carousel.min.css";
+
+export default function ResponsiveCarousel(props) {
+  let slides = [];
+  props.children.forEach(x => {
+    slides.push (
+        <div>
+          <img src={x[0]} alt={x[1] } />
+          <p className="legend">{x[1]}</p>
+        </div>
+    )
+  });
+  return (
+    <div>
+      <div className="carousel-container">
+        <Carousel infiniteLoop autoPlay useKeyboardArrows centerMode dynamicHeight>
+          {slides}
+        </Carousel>
+      </div>
+    </div>
+  );
+}

src/componets/Nav.js

@@ -11,8 +11,10 @@ export default function Nav(props){
         )
     }
     return(
-        <ul className='navBar'>
-            {items}
-        </ul>
+        <div className = 'navControl'>
+            <ul className='navBar'>
+                {items}
+            </ul>
+        </div>
     )
 }

src/componets/Project.js

@@ -7,7 +7,7 @@ export default class Project extends React.Component {
 
     render(){
         return (
-            <li className={'project'} data-aos='fade-in' data-aos-offset={0}>
+            <li className={'project'} data-aos='fade-up' data-aos-offset={0}>
                 <div className='topBox'>
                     <h3>{this.props.title}</h3>
                     <p className={this.props.status + " tab"}>⬤</p>

src/componets/ProjectList.js

@@ -12,7 +12,7 @@ export default function ProjectList(props){
     });
     return(
         <>
-        <ul className='projectList'>
+        <ul className='projectList' data-aos='fade-up'>
             {projects}
         </ul>
         </>

src/componets/Skills.js

@@ -0,0 +1,17 @@
+import React from 'react'
+
+export default function Skills(props){
+    let allSkills;
+    props.children.forEach(x => {
+        allSkills = (
+            <>
+                {allSkills}
+                <li className='skill'>{x}</li>
+            </>
+        )
+    });
+    return (
+        <ul className='skills'>
+            {allSkills}
+        </ul>);
+}