Update in about page

package-lock.json

@@ -14,6 +14,7 @@
         "aos": "^2.3.4",
         "node": "^16.9.1",
         "node-dom": "^0.1.0",
+        "pure-react-carousel": "^1.27.6",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-responsive-carousel": "^3.2.21",
@@ -1891,7 +1892,6 @@
         "jest-resolve": "^26.6.2",
         "jest-util": "^26.6.2",
         "jest-worker": "^26.6.2",
-        "node-notifier": "^8.0.0",
         "slash": "^3.0.0",
         "source-map": "^0.6.0",
         "string-length": "^4.0.1",
@@ -4786,7 +4786,6 @@
       "dependencies": {
         "anymatch": "~3.1.1",
         "braces": "~3.0.2",
-        "fsevents": "~2.3.1",
         "glob-parent": "~5.1.0",
         "is-binary-path": "~2.1.0",
         "is-glob": "~4.0.1",
@@ -5970,6 +5969,11 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
+    "node_modules/deep-freeze": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/deep-freeze/-/deep-freeze-0.0.1.tgz",
+      "integrity": "sha1-OgsABd4YZygZ39OM0x+RF5yJPoQ="
+    },
     "node_modules/deep-is": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
@@ -6656,6 +6660,14 @@
         "url": "https://github.com/fb55/entities?sponsor=1"
       }
     },
+    "node_modules/equals": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/equals/-/equals-1.0.5.tgz",
+      "integrity": "sha1-ISBi3eXhpRDZVfE1mO/MamIbas4=",
+      "dependencies": {
+        "jkroso-type": "1"
+      }
+    },
     "node_modules/errno": {
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
@@ -6784,8 +6796,7 @@
         "esprima": "^4.0.1",
         "estraverse": "^4.2.0",
         "esutils": "^2.0.2",
-        "optionator": "^0.8.1",
+        "optionator": "^0.8.1"
-        "source-map": "~0.6.1"
       },
       "bin": {
         "escodegen": "bin/escodegen.js",
@@ -8720,9 +8731,6 @@
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
       "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
       "dev": true,
-      "dependencies": {
-        "graceful-fs": "^4.1.6"
-      },
       "optionalDependencies": {
         "graceful-fs": "^4.1.6"
       }
@@ -10731,7 +10739,6 @@
         "@types/node": "*",
         "anymatch": "^3.0.3",
         "fb-watchman": "^2.0.0",
-        "fsevents": "^2.1.2",
         "graceful-fs": "^4.2.4",
         "jest-regex-util": "^26.0.0",
         "jest-serializer": "^26.6.2",
@@ -11798,6 +11805,11 @@
         "node": ">= 10.13.0"
       }
     },
+    "node_modules/jkroso-type": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/jkroso-type/-/jkroso-type-1.1.1.tgz",
+      "integrity": "sha1-vEztbWxF/gdFKCuvyGqfjE/JzmE="
+    },
     "node_modules/js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -11929,7 +11941,6 @@
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
       "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
       "dependencies": {
-        "graceful-fs": "^4.1.6",
         "universalify": "^2.0.0"
       },
       "optionalDependencies": {
@@ -15248,6 +15259,30 @@
         "node": ">=6"
       }
     },
+    "node_modules/pure-react-carousel": {
+      "version": "1.27.6",
+      "resolved": "https://registry.npmjs.org/pure-react-carousel/-/pure-react-carousel-1.27.6.tgz",
+      "integrity": "sha512-k5ueXSL2Of4OyyfoJJwAJ0X3VY0n7pYfuamq+hMTYNV7eEF1iNrPVsjvmpTtMjaKsLyM6SkmSpP2XWQcvaFIGw==",
+      "dependencies": {
+        "@babel/runtime": "^7.5.5",
+        "deep-freeze": "0.0.1",
+        "deepmerge": "^2.2.1",
+        "equals": "^1.0.5",
+        "prop-types": "^15.6.2"
+      },
+      "peerDependencies": {
+        "react": "15.x || 16.x || 17.x",
+        "react-dom": "15.x || 16.x || 17.x"
+      }
+    },
+    "node_modules/pure-react-carousel/node_modules/deepmerge": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz",
+      "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/q": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",
@@ -15695,7 +15730,6 @@
         "eslint-webpack-plugin": "^2.5.2",
         "file-loader": "6.1.1",
         "fs-extra": "^9.0.1",
-        "fsevents": "^2.1.3",
         "html-webpack-plugin": "4.5.0",
         "identity-obj-proxy": "3.0.0",
         "jest": "26.6.0",
@@ -19332,10 +19366,8 @@
       "resolved": "https://registry.npmjs.org/watchpack/-/watchpack-1.7.5.tgz",
       "integrity": "sha512-9P3MWk6SrKjHsGkLT2KHXdQ/9SNkyoJbabxnKOoJepsvJjJG8uYTR3yTPxPQvNDI3w4Nz1xnE0TLHK4RIVe/MQ==",
       "dependencies": {
-        "chokidar": "^3.4.1",
         "graceful-fs": "^4.1.2",
-        "neo-async": "^2.5.0",
+        "neo-async": "^2.5.0"
-        "watchpack-chokidar2": "^2.0.1"
       },
       "optionalDependencies": {
         "chokidar": "^3.4.1",
@@ -19425,7 +19457,6 @@
         "anymatch": "^2.0.0",
         "async-each": "^1.0.1",
         "braces": "^2.3.2",
-        "fsevents": "^1.2.7",
         "glob-parent": "^3.1.0",
         "inherits": "^2.0.3",
         "is-binary-path": "^1.0.0",
@@ -19873,7 +19904,6 @@
         "anymatch": "^2.0.0",
         "async-each": "^1.0.1",
         "braces": "^2.3.2",
-        "fsevents": "^1.2.7",
         "glob-parent": "^3.1.0",
         "inherits": "^2.0.3",
         "is-binary-path": "^1.0.0",
@@ -20423,9 +20453,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
       "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
-      "dependencies": {
-        "graceful-fs": "^4.1.6"
-      },
       "optionalDependencies": {
         "graceful-fs": "^4.1.6"
       }
@@ -20883,9 +20910,6 @@
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-4.0.0.tgz",
       "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
-      "dependencies": {
-        "graceful-fs": "^4.1.6"
-      },
       "optionalDependencies": {
         "graceful-fs": "^4.1.6"
       }
@@ -25927,6 +25951,11 @@
         "regexp.prototype.flags": "^1.2.0"
       }
     },
+    "deep-freeze": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/deep-freeze/-/deep-freeze-0.0.1.tgz",
+      "integrity": "sha1-OgsABd4YZygZ39OM0x+RF5yJPoQ="
+    },
     "deep-is": {
       "version": "0.1.3",
       "resolved": "https://registry.npmjs.org/deep-is/-/deep-is-0.1.3.tgz",
@@ -26497,6 +26526,14 @@
       "resolved": "https://registry.npmjs.org/entities/-/entities-2.2.0.tgz",
       "integrity": "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A=="
     },
+    "equals": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npmjs.org/equals/-/equals-1.0.5.tgz",
+      "integrity": "sha1-ISBi3eXhpRDZVfE1mO/MamIbas4=",
+      "requires": {
+        "jkroso-type": "1"
+      }
+    },
     "errno": {
       "version": "0.1.8",
       "resolved": "https://registry.npmjs.org/errno/-/errno-0.1.8.tgz",
@@ -30527,6 +30564,11 @@
         "supports-color": "^7.0.0"
       }
     },
+    "jkroso-type": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/jkroso-type/-/jkroso-type-1.1.1.tgz",
+      "integrity": "sha1-vEztbWxF/gdFKCuvyGqfjE/JzmE="
+    },
     "js-tokens": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
@@ -33300,6 +33342,25 @@
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.1.1.tgz",
       "integrity": "sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A=="
     },
+    "pure-react-carousel": {
+      "version": "1.27.6",
+      "resolved": "https://registry.npmjs.org/pure-react-carousel/-/pure-react-carousel-1.27.6.tgz",
+      "integrity": "sha512-k5ueXSL2Of4OyyfoJJwAJ0X3VY0n7pYfuamq+hMTYNV7eEF1iNrPVsjvmpTtMjaKsLyM6SkmSpP2XWQcvaFIGw==",
+      "requires": {
+        "@babel/runtime": "^7.5.5",
+        "deep-freeze": "0.0.1",
+        "deepmerge": "^2.2.1",
+        "equals": "^1.0.5",
+        "prop-types": "^15.6.2"
+      },
+      "dependencies": {
+        "deepmerge": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-2.2.1.tgz",
+          "integrity": "sha512-R9hc1Xa/NOBi9WRVUWg19rl1UB7Tt4kuPd+thNJgFZoxXsTz7ncaPaeIm+40oSGuP33DfMb4sZt1QIGiJzC4EA=="
+        }
+      }
+    },
     "q": {
       "version": "1.5.1",
       "resolved": "https://registry.npmjs.org/q/-/q-1.5.1.tgz",

src/pages/AboutMe.js

@@ -4,16 +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 img4 from '../assets/photos/atRIT.jpg'
 import img5 from '../assets/photos/hagerstownVex2019.jpg'
 import img6 from '../assets/photos/WeThePeople.jpg'
 
 
-export default function AboutMe(){
+export default function AboutMe() {
-    return(
+    return (
-    <>
+        <>
-        <div id='aboutMe' data-aos='fade-up'>
+            <div id='aboutMe' data-aos='fade-up'>
-            <h2>About Me</h2>
+                <h2>About Me</h2>
                 <p>I'm a first year student at <strong>Rochester Institute of Technology </strong>
                     in the <b>Computing Exploration</b> program and am pursuing a career in data
                     science with a focus on predictive analytics.
@@ -22,31 +21,31 @@ export default function AboutMe(){
                     building discord bots, playing chess, reading up on some recent geopolitical
                     development, or in my dorm with a fat pint of ice cream.
                 </p>
-            <p>My main goal in life is to always strive to make the biggest positive impact on
+                <p>My main goal in life is to always strive to make the biggest positive impact on
-                the world that I can.  Regardless of whether that is done behind the scenes or
+                    the world that I can.  Regardless of whether that is done behind the scenes or
-                on the front lines, that is how I'll know I have purpose.
+                    on the front lines, that is how I'll know I have purpose.
-            </p>
+                </p>
-            <p>I also value the ability to understand the world at large.  That awareness is 
+                <p>I also value the ability to understand the world at large.  That awareness is
-                what grounds a person into reality and gives their place in the world value.  
+                    what grounds a person into reality and gives their place in the world value.
-                When I learn about geography or international politics, my favorite parts are
+                    When I learn about geography or international politics, my favorite parts are
-                when I can understand the causality to shifts both in history and the present
+                    when I can understand the causality to shifts both in history and the present
-                because it presents an inside look into how we can learn from related events.
+                    because it presents an inside look into how we can learn from related events.
-            </p> 
+                </p>
-            <p>There is one single special interest that makes me unique, so it is my goal to
+                <p>There is one single special interest that makes me unique, so it is my goal to
-                be the one with a collection of distinct interests and a knack for bridging 
+                    be the one with a collection of distinct interests and a knack for bridging
-                the gap between them.
+                    the gap between them.
-            </p>
+                </p>
-        </div>
+            </div>
-        <div id='skills' data-aos='fade-up'>
+            <div id='skills' data-aos='fade-up'>
-            <h2>Skills</h2>
+                <h2>Skills</h2>
-            <Skills>{['Python','JavaScript','Java','C++','SQL','SQLite','Sequelize','SQLAlchemy',
+                <Skills>{['Python', 'JavaScript', 'Java', 'C++', 'SQL', 'SQLite', 'Sequelize', 'SQLAlchemy',
-                'HTML','CSS','Object-Oriented Programming','Git','Github','Linux','Raspberry Pi',
+                    'HTML', 'CSS', 'Object-Oriented Programming', 'Git', 'Github', 'Linux', 'Raspberry Pi',
-                'LaTeX','Flask','DOM Scraping','Google API','React.js','Node.js']}</Skills>
+                    'LaTeX', 'Flask', 'DOM Scraping', 'Google API', 'React.js', 'Node.js']}</Skills>
-        </div>
+            </div>
-        <MyCarousel className='carousel' data-aos='fade-up'>
+            <MyCarousel className='carousel' data-aos='fade-up'>
-                    {[[img1, "Me, chilling"],[img2, "VEX Robotics 2019"],[img3, "Academic Team county championships"], 
+                {[[img1, "Me, chilling"], [img2, "VEX Robotics 2019"], [img3, "Academic Team county championships"],
-                    [img4, "at RIT"], [img5, "Competing at a Hagerstown VEX competition"], [img6, "We The People State Champions"]]}
+                [img5, "Competing at a Hagerstown VEX competition"], [img6, "We The People State Champions"]]}
-                </MyCarousel>
+            </MyCarousel>
-    </>
+        </>
     )
 }