style updates

src/App.css

@@ -81,11 +81,17 @@ a {
   height: 100vh;
   overflow-y: hidden;
 }
+.concentratedHead{
+  display: inline-block;
+  padding-right: 4rem;
+  border-bottom: #0f0f0f solid 5px;
+  color:white;
+}
 .foreground{
   padding-top: 7rem;
   padding-left: 8rem;
   width: calc(100%-8rem);
-  height: 100%;
+  min-height: calc(100vh - 8rem);
   background-color: rgb(44,44,44,.5);
   padding-bottom: 1rem;
   overflow: hidden;
@@ -93,7 +99,7 @@ a {
 }
 .foreground p{
   line-height: 1.5em;
-  max-width: min(95%, 40rem);
+  max-width: min(90%, 40rem);
 }
 .centerContent{
   margin-top: 30vh;
@@ -129,6 +135,9 @@ a {
 .boxedImg{
   border: .5rem solid rgba(22,22,22,.8);
   max-width: calc(90% - 1rem);
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
 }
 .carousel-container{
   margin-left: 10%;
@@ -255,10 +264,13 @@ a {
   }
   .foreground{
     width:100%;
-    padding-left: .5rem;
+    padding-left: 2rem; /* centered objects will need to remove 1.5 of this to center */
     padding-right: .5rem;
     padding-bottom: 36px;
   }
+  .centeredForeground{
+    margin-left: -1.5rem; /* remove .foreground excess margin */
+  }
   .col{
     width: 90%;
     margin-bottom: 3rem;

src/componets/ProjectList.js

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

src/componets/SocialBlock.js

@@ -0,0 +1,9 @@
+import React from 'react'
+
+export default function SocialBlock(){
+    //mmmmmm goes the microwave
+    return(
+        <>
+        </>
+    )
+}

src/pages/AboutMe.js

@@ -15,7 +15,7 @@ export default function AboutMe(){
     <div className='foreground'>
     <div className='col'>
         <div id='aboutMe' data-aos='fade-up'>
-            <h2>About Me</h2>
+            <h2 className='concentratedHead'>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.

src/pages/Projects.js

@@ -6,7 +6,7 @@ export default function Projects(){
     return(
       <div className='foreground'>
         <div data-aos='fade-up'>
-        <h2>Projects</h2>
+        <h2 class='concentratedHead'>Projects</h2>
           <p>Project status is indicated by the color of the project card:<br /><span className='complete'>⬤</span> - Complete<br />
             <span className='WIP'>⬤</span> - Work In Progress<br /><span className='incomplete'>⬤</span> - Incomplete
           </p>
@@ -24,7 +24,10 @@ export default function Projects(){
           <Project status='complete' title='Humans vs. Zombies Bot' link='https://github.com/asimonson1125/HvZ-bot' linkText={<img alt='github' src={github} />}>
             A Discord bot to handle role management and statistics for RIT's Humans vs. Zombies games.
           </Project>
-          <Project status='WIP' title='Querist' link='https://github.com/asimonson1125/Querist' linkText={<img alt='github' src={github} />}>
+          <Project status ='WIP' title='FinTech' link='https://github.com/LukeHorigan/Financial-Management-Assocation-'  linkText={<img alt='github' src={github} />}>
+          A team derived from the RIT Financial Management Association dedicated to learning about financial management of equities using automated solutions developed by students.
+          </Project>
+          <Project status='complete' title='Querist' link='https://github.com/asimonson1125/Querist' linkText={<img alt='github' src={github} />}>
             A modular discord bot to manage class discord servers.
           </Project>
           <Project status='complete' title='Acumen' link='https://github.com/asimonson1125/Acumen' linkText={<img alt='github' src={github} />}>
@@ -36,6 +39,9 @@ export default function Projects(){
           <Project status='incomplete' title='WallCycle' link='https://github.com/asimonson1125/WallCycle' linkText={<img alt='github' src={github} />}>
             A GNOME extension that cycles through a folder of wallpapers.
           </Project>
+          <Project status='complete' title='VEXcode Button Generator' link='https://github.com/asimonson1125/VEXcode-Button-Generator' linkText={<img alt='github' src={github} />}>
+            VEXcode button library + examples and template for the VEX V5 brain 
+          </Project>
           <Project status='complete' title='WinKeylogger' link='https://github.com/asimonson1125/WinKeylogger' linkText={<img alt='github' src={github} />}>
             A C++ keylogger for windows based off a udemy course with my custom modifications and powershell script.
           </Project>