diff --git a/public/favicon.ico b/public/favicon.ico index a11777c..5b4c31f 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/public/logo-192.webp b/public/logo-192.webp new file mode 100644 index 0000000..ed38ad7 Binary files /dev/null and b/public/logo-192.webp differ diff --git a/public/logo-512.webp b/public/logo-512.webp new file mode 100644 index 0000000..c451281 Binary files /dev/null and b/public/logo-512.webp differ diff --git a/public/logo192.png b/public/logo192.png deleted file mode 100644 index fc44b0a..0000000 Binary files a/public/logo192.png and /dev/null differ diff --git a/public/logo512.png b/public/logo512.png deleted file mode 100644 index a4e47a6..0000000 Binary files a/public/logo512.png and /dev/null differ diff --git a/public/manifest.json b/public/manifest.json index 6d48b9e..1ebbfa7 100644 --- a/public/manifest.json +++ b/public/manifest.json @@ -8,13 +8,13 @@ "type": "image/x-icon" }, { - "src": "logo192.png", - "type": "image/png", + "src": "logo-192.webp", + "type": "image/webp", "sizes": "192x192" }, { - "src": "logo512.png", - "type": "image/png", + "src": "logo-512.webp", + "type": "image/webp", "sizes": "512x512" } ], diff --git a/src/components/About.js b/src/components/About.js index 489224c..d7f36a0 100644 --- a/src/components/About.js +++ b/src/components/About.js @@ -27,13 +27,23 @@ class About extends React.Component { JSX is a part of react which makes it easy to design websites directly in javascript code. - - I am a computer science student at Marist College in Poughkeepsie, NY. I'm closing in on my Bachelors Degree in Computer Science. - I went to Orange County Community College for my Associates Degree in Computer Science. You can find a few of my projects on my - Github or look through a list in the - Github Page. You can email me at cam@camcodes.com + + Throughout my college experience I've been able to improve my understanding of how computers work and how to design different software. + I have completed my A.S. degree from Orange County Community College in Computer Science. In the past 2 years I've been working towards my + Bachelors degree in computer science at Marist College in Poughkeepsie. Throughout my college experience I've been able to work with others in + teams and I am currently as of the Fall 2021 Semester been working on a team for a Capstone Project which I can hopefully list on this website + at the end of this semester. + + You can find a few of my projects on my + Github or look through a list of projects on this website + at the Github Page. You can email me at cam@camscode.com. You can also find more + social media below, just click the image and it'll bring you to the selected website. + + + +
diff --git a/src/components/Home.js b/src/components/Home.js index 55aee09..7acb7fc 100644 --- a/src/components/Home.js +++ b/src/components/Home.js @@ -10,7 +10,7 @@ const Home = (props) => { This website helps you access the projects that I've worked on. You can navigate at the top to different locations in the site. Within you can find information about me, my github repositories, and some youtube videos I've posted. This website is coded with - React/Redux and hosted over Vercel. You can email me at cam@camcodes.com. + React/Redux and hosted over Vercel. You can email me at cam@camscode.com.
; return ( diff --git a/src/components/Intro.js b/src/components/Intro.js index 8a37abb..e392a5a 100644 --- a/src/components/Intro.js +++ b/src/components/Intro.js @@ -133,25 +133,20 @@ class Intro extends React.Component { // Topics to display in intro // DISCLAIMER: Please add content to the topic or bugs may occur... topics = [ - +
This website helps you access the projects that I've worked on. You can navigate at the top to different locations in the site. Within you can find information about me, my github repositories, and some youtube videos I've posted. This website is coded with - React/Redux and hosted over Vercel. You can email me at cam@camcodes.com. + React/Redux and hosted over Vercel. You can email me at cam@camscode.com.
, - - Field of Study: Computer Science - ... - College: Marist.edu - , View a list of projects I've done right on this website. You can easily direct to github where you can see the project code itself. , - - Explore Cam's Projects + + Explore Cam's Projects ]; diff --git a/src/components/css/About.css b/src/components/css/About.css index f0b0513..8914400 100644 --- a/src/components/css/About.css +++ b/src/components/css/About.css @@ -31,7 +31,7 @@ display:flex; flex-direction:row; align-content:center; - justify-content:center; + justify-content:flex-start; align-items:center; flex-wrap: wrap; width:85vw; diff --git a/src/components/css/Card.css b/src/components/css/Card.css index b097ea8..e2c6290 100644 --- a/src/components/css/Card.css +++ b/src/components/css/Card.css @@ -29,9 +29,11 @@ border-width: 2px; border-color: #A5B2A4; border-radius: 5px; + padding: 2px; height: 10rem; width: 10rem; margin: auto; + background-color: #FAFAFF } @media only screen and (max-width: 600px) { diff --git a/src/components/subcomponents/ContactModal.js b/src/components/subcomponents/ContactModal.js index f3daf3a..c69b91d 100644 --- a/src/components/subcomponents/ContactModal.js +++ b/src/components/subcomponents/ContactModal.js @@ -17,7 +17,7 @@ const ContactModal = props => { const onSubmit = (e) => { e.preventDefault(); // Prevent default submit function - window.open(`mailto:cam@camcodes.com?body=${props.body}`); // Open the message in user's email client + window.open(`mailto:cam@camscode.com?body=${props.body}`); // Open the message in user's email client props.toggleContactModal(); // Close the contact modal }; diff --git a/src/components/subcomponents/Topic.js b/src/components/subcomponents/Topic.js index a72e0af..926242a 100644 --- a/src/components/subcomponents/Topic.js +++ b/src/components/subcomponents/Topic.js @@ -11,8 +11,10 @@ const Card = (props) => { * background - a url to the background image * */ + return ( -
@@ -22,7 +24,7 @@ const Card = (props) => { {props.children}
- + ); };