file reorganization

src/App.js

@@ -1,8 +1,8 @@
 import { Route, Link, Routes, BrowserRouter as Router } from 'react-router-dom'
 
-import './static/css/App.css';
-import './static/css/head.scss'
-import menu from './assets/menu.svg'
+import './assets/css/App.css';
+import './assets/css/head.scss'
+import menu from './assets/icons/menu.svg'
 import Nav from './componets/Nav.js'
 import Socials from './componets/Socials.js'
 import Name from './componets/Name.js'
@@ -13,7 +13,7 @@ import AboutMe from './pages/AboutMe';
 import ErrorNotFound from './pages/Error'
 import AOS from 'aos';
 import 'aos/dist/aos.css'; // You can also use <link> for styles
-import { toggleMenu } from './responsive'
+import { toggleMenu } from './scripts/responsive'
 
 
 

src/assets/css/App.css

@@ -27,7 +27,7 @@ html, body {
 
 body {
   margin: 0;
-  background-image: url('../../assets/plexus.jpg');
+  background-image: url('../photos/plexus.jpg');
   /*url('https://i.pinimg.com/originals/d6/c3/ac/d6c3ac09021dbc0cda8ee27837d2c795.png')*/
   background-attachment: fixed;
   background-size: 100% auto;
@@ -286,8 +286,11 @@ a {
   padding-right: 1rem;
 }
 
-.bottomBox a {
+.bottomBox a, .placeholding {
   vertical-align: middle;
+  display: inline;
+  text-align: left;
+  height:unset;
 }
 
 .project a img, .project a p {

src/componets/Project.js

@@ -1,5 +1,5 @@
 import React from 'react'
-import placeholder from '../assets/placeholder.png'
+import placeholder from '../assets/photos/placeholder.png'
 
 export default class Project extends React.Component {
     render() {

src/componets/Socials.js

@@ -1,9 +1,9 @@
 import React from 'react';
 
-import github from '../assets/github.svg'
-import instagram from '../assets/instagram.svg'
-import linkedin from '../assets/linkedin.svg'
-import email from '../assets/email.svg'
+import github from '../assets/icons/github.svg'
+import instagram from '../assets/icons/instagram.svg'
+import linkedin from '../assets/icons/linkedin.svg'
+import email from '../assets/icons/email.svg'
 
 export default function Socials(){
     return(

src/index.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';
 import App from './App';
-import reportWebVitals from './reportWebVitals';
+import reportWebVitals from './scripts/reportWebVitals';
 
 const container = document.getElementById('root');
 const root = createRoot(container);

src/pages/AboutMe.js

@@ -64,10 +64,12 @@ export default function AboutMe() {
               "Processing",
               "P5.js",
               "SQL",
+              "SQLite",
               "PostgreSQL",
               "SQLAlchemy",
               "HTML",
               "CSS",
+              "Docker",
               "LaTeX",
               "ArcGIS",
               "Git",
@@ -82,6 +84,7 @@ export default function AboutMe() {
               "Google API",
               "React",
               "Node.js",
+              "ArcGIS"
             ]}
           </Skills>
         </div>

src/pages/Projects.js

@@ -1,7 +1,7 @@
 import ProjectList from '../componets/ProjectList'
 import Project from '../componets/Project'
-import github from '../assets/github.svg'
-import globe from '../assets/globe.svg'
+import github from '../assets/icons/github.svg'
+import globe from '../assets/icons/globe.svg'
 
 export default function Projects() {
   return (
@@ -20,9 +20,6 @@ export default function Projects() {
         <Project status='WIP' title='OccupyRIT' links={[['https://github.com/asimonson1125/Occupy-RIT', <img alt='github' src={github} />]]}>
           Collects RIT Gym Occupancy data for analysis, determining busiest times.
         </Project>
-        <Project status='WIP' title='Digital Portfolio' links={[['https://github.com/asimonson1125/asimonson1125.github.io', <img alt='github' src={github} />]]} >
-          A personal portfolio site made with React.js.  Might overhaul.
-        </Project>
         <Project status='WIP' title='FinTech' links={[['https://github.com/LukeHorigan/Financial-Management-Assocation-', <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>

src/setupTests.js

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';