diff --git a/public/favicon.ico b/public/favicon.ico
new file mode 100644
index 000000000..faa572c56
Binary files /dev/null and b/public/favicon.ico differ
diff --git a/public/images/AlgorithmComparison-1024.webp b/public/images/AlgorithmComparison-1024.webp
new file mode 100644
index 000000000..b699bb244
Binary files /dev/null and b/public/images/AlgorithmComparison-1024.webp differ
diff --git a/public/images/AlgorithmComparison-320.webp b/public/images/AlgorithmComparison-320.webp
new file mode 100644
index 000000000..527cdbdfe
Binary files /dev/null and b/public/images/AlgorithmComparison-320.webp differ
diff --git a/public/images/AlgorithmComparison-640.webp b/public/images/AlgorithmComparison-640.webp
new file mode 100644
index 000000000..64e60b60f
Binary files /dev/null and b/public/images/AlgorithmComparison-640.webp differ
diff --git a/public/images/EulerCycle-1024.webp b/public/images/EulerCycle-1024.webp
new file mode 100644
index 000000000..b6ef50333
Binary files /dev/null and b/public/images/EulerCycle-1024.webp differ
diff --git a/public/images/EulerCycle-320.webp b/public/images/EulerCycle-320.webp
new file mode 100644
index 000000000..e2863b1e8
Binary files /dev/null and b/public/images/EulerCycle-320.webp differ
diff --git a/public/images/EulerCycle-640.webp b/public/images/EulerCycle-640.webp
new file mode 100644
index 000000000..d1844861d
Binary files /dev/null and b/public/images/EulerCycle-640.webp differ
diff --git a/public/images/EulerExample-1024.webp b/public/images/EulerExample-1024.webp
new file mode 100644
index 000000000..cd25461ae
Binary files /dev/null and b/public/images/EulerExample-1024.webp differ
diff --git a/public/images/EulerExample-320.webp b/public/images/EulerExample-320.webp
new file mode 100644
index 000000000..1ee8f818f
Binary files /dev/null and b/public/images/EulerExample-320.webp differ
diff --git a/public/images/EulerExample-640.webp b/public/images/EulerExample-640.webp
new file mode 100644
index 000000000..4b726e4f7
Binary files /dev/null and b/public/images/EulerExample-640.webp differ
diff --git a/public/images/GitHub_Logo-1024.webp b/public/images/GitHub_Logo-1024.webp
new file mode 100644
index 000000000..2eeaad855
Binary files /dev/null and b/public/images/GitHub_Logo-1024.webp differ
diff --git a/public/images/GitHub_Logo-320.webp b/public/images/GitHub_Logo-320.webp
new file mode 100644
index 000000000..1f3c74936
Binary files /dev/null and b/public/images/GitHub_Logo-320.webp differ
diff --git a/public/images/GitHub_Logo-640.webp b/public/images/GitHub_Logo-640.webp
new file mode 100644
index 000000000..0ff162727
Binary files /dev/null and b/public/images/GitHub_Logo-640.webp differ
diff --git a/public/images/GunControl-1024.webp b/public/images/GunControl-1024.webp
new file mode 100644
index 000000000..bdbf203ba
Binary files /dev/null and b/public/images/GunControl-1024.webp differ
diff --git a/public/images/GunControl-320.webp b/public/images/GunControl-320.webp
new file mode 100644
index 000000000..671e42e69
Binary files /dev/null and b/public/images/GunControl-320.webp differ
diff --git a/public/images/GunControl-640.webp b/public/images/GunControl-640.webp
new file mode 100644
index 000000000..4a9504a74
Binary files /dev/null and b/public/images/GunControl-640.webp differ
diff --git a/public/images/HSV-1024.webp b/public/images/HSV-1024.webp
new file mode 100644
index 000000000..f33c772ca
Binary files /dev/null and b/public/images/HSV-1024.webp differ
diff --git a/public/images/HSV-320.webp b/public/images/HSV-320.webp
new file mode 100644
index 000000000..bc5cc8fee
Binary files /dev/null and b/public/images/HSV-320.webp differ
diff --git a/public/images/HSV-640.webp b/public/images/HSV-640.webp
new file mode 100644
index 000000000..574167fc2
Binary files /dev/null and b/public/images/HSV-640.webp differ
diff --git a/public/images/Hangman-1024.webp b/public/images/Hangman-1024.webp
new file mode 100644
index 000000000..1d9e8f242
Binary files /dev/null and b/public/images/Hangman-1024.webp differ
diff --git a/public/images/Hangman-320.webp b/public/images/Hangman-320.webp
new file mode 100644
index 000000000..58e96a8db
Binary files /dev/null and b/public/images/Hangman-320.webp differ
diff --git a/public/images/Hangman-640.webp b/public/images/Hangman-640.webp
new file mode 100644
index 000000000..96f879550
Binary files /dev/null and b/public/images/Hangman-640.webp differ
diff --git a/public/images/KnightsTour-1024.webp b/public/images/KnightsTour-1024.webp
new file mode 100644
index 000000000..9f2fb5b7d
Binary files /dev/null and b/public/images/KnightsTour-1024.webp differ
diff --git a/public/images/KnightsTour-320.webp b/public/images/KnightsTour-320.webp
new file mode 100644
index 000000000..f2c1f1031
Binary files /dev/null and b/public/images/KnightsTour-320.webp differ
diff --git a/public/images/KnightsTour-640.webp b/public/images/KnightsTour-640.webp
new file mode 100644
index 000000000..fd6222d9b
Binary files /dev/null and b/public/images/KnightsTour-640.webp differ
diff --git a/public/images/LI-Logo-1024.webp b/public/images/LI-Logo-1024.webp
new file mode 100644
index 000000000..54fc56e95
Binary files /dev/null and b/public/images/LI-Logo-1024.webp differ
diff --git a/public/images/LI-Logo-320.webp b/public/images/LI-Logo-320.webp
new file mode 100644
index 000000000..305710b9f
Binary files /dev/null and b/public/images/LI-Logo-320.webp differ
diff --git a/public/images/LI-Logo-640.webp b/public/images/LI-Logo-640.webp
new file mode 100644
index 000000000..408232987
Binary files /dev/null and b/public/images/LI-Logo-640.webp differ
diff --git a/public/images/MJB-1024.webp b/public/images/MJB-1024.webp
new file mode 100644
index 000000000..1327d61e2
Binary files /dev/null and b/public/images/MJB-1024.webp differ
diff --git a/public/images/MJB-320.webp b/public/images/MJB-320.webp
new file mode 100644
index 000000000..e9e6407d1
Binary files /dev/null and b/public/images/MJB-320.webp differ
diff --git a/public/images/MJB-640.webp b/public/images/MJB-640.webp
new file mode 100644
index 000000000..a44ca2a9a
Binary files /dev/null and b/public/images/MJB-640.webp differ
diff --git a/public/images/Me-1024.webp b/public/images/Me-1024.webp
new file mode 100644
index 000000000..a7eb28531
Binary files /dev/null and b/public/images/Me-1024.webp differ
diff --git a/public/images/Me-320.webp b/public/images/Me-320.webp
new file mode 100644
index 000000000..5915b1717
Binary files /dev/null and b/public/images/Me-320.webp differ
diff --git a/public/images/Me-640.webp b/public/images/Me-640.webp
new file mode 100644
index 000000000..a29388109
Binary files /dev/null and b/public/images/Me-640.webp differ
diff --git a/public/images/Palish-1024.webp b/public/images/Palish-1024.webp
new file mode 100644
index 000000000..5756f756c
Binary files /dev/null and b/public/images/Palish-1024.webp differ
diff --git a/public/images/Palish-320.webp b/public/images/Palish-320.webp
new file mode 100644
index 000000000..913e9fddb
Binary files /dev/null and b/public/images/Palish-320.webp differ
diff --git a/public/images/Palish-640.webp b/public/images/Palish-640.webp
new file mode 100644
index 000000000..3579733f2
Binary files /dev/null and b/public/images/Palish-640.webp differ
diff --git a/public/images/Resume-1024.webp b/public/images/Resume-1024.webp
new file mode 100644
index 000000000..2821a3777
Binary files /dev/null and b/public/images/Resume-1024.webp differ
diff --git a/public/images/Resume-320.webp b/public/images/Resume-320.webp
new file mode 100644
index 000000000..b725a8a24
Binary files /dev/null and b/public/images/Resume-320.webp differ
diff --git a/public/images/Resume-640.webp b/public/images/Resume-640.webp
new file mode 100644
index 000000000..784585f34
Binary files /dev/null and b/public/images/Resume-640.webp differ
diff --git a/public/images/SRS-1024.webp b/public/images/SRS-1024.webp
new file mode 100644
index 000000000..927b9cae8
Binary files /dev/null and b/public/images/SRS-1024.webp differ
diff --git a/public/images/SRS-320.webp b/public/images/SRS-320.webp
new file mode 100644
index 000000000..1ce51a1f6
Binary files /dev/null and b/public/images/SRS-320.webp differ
diff --git a/public/images/SRS-640.webp b/public/images/SRS-640.webp
new file mode 100644
index 000000000..ed6893791
Binary files /dev/null and b/public/images/SRS-640.webp differ
diff --git a/public/images/ShowingOff-1024.webp b/public/images/ShowingOff-1024.webp
new file mode 100644
index 000000000..39b04d438
Binary files /dev/null and b/public/images/ShowingOff-1024.webp differ
diff --git a/public/images/ShowingOff-320.webp b/public/images/ShowingOff-320.webp
new file mode 100644
index 000000000..fb8732ae6
Binary files /dev/null and b/public/images/ShowingOff-320.webp differ
diff --git a/public/images/ShowingOff-640.webp b/public/images/ShowingOff-640.webp
new file mode 100644
index 000000000..cc7eae1f4
Binary files /dev/null and b/public/images/ShowingOff-640.webp differ
diff --git a/public/images/StateMachine-1024.webp b/public/images/StateMachine-1024.webp
new file mode 100644
index 000000000..7261b2885
Binary files /dev/null and b/public/images/StateMachine-1024.webp differ
diff --git a/public/images/StateMachine-320.webp b/public/images/StateMachine-320.webp
new file mode 100644
index 000000000..3fe026c2b
Binary files /dev/null and b/public/images/StateMachine-320.webp differ
diff --git a/public/images/StateMachine-640.webp b/public/images/StateMachine-640.webp
new file mode 100644
index 000000000..e07a24ec3
Binary files /dev/null and b/public/images/StateMachine-640.webp differ
diff --git a/public/images/TextAnalyzer-1024.webp b/public/images/TextAnalyzer-1024.webp
new file mode 100644
index 000000000..7eb983486
Binary files /dev/null and b/public/images/TextAnalyzer-1024.webp differ
diff --git a/public/images/TextAnalyzer-320.webp b/public/images/TextAnalyzer-320.webp
new file mode 100644
index 000000000..e22dd2618
Binary files /dev/null and b/public/images/TextAnalyzer-320.webp differ
diff --git a/public/images/TextAnalyzer-640.webp b/public/images/TextAnalyzer-640.webp
new file mode 100644
index 000000000..5d256f208
Binary files /dev/null and b/public/images/TextAnalyzer-640.webp differ
diff --git a/public/images/Twitter-Logo-1024.webp b/public/images/Twitter-Logo-1024.webp
new file mode 100644
index 000000000..8d4ca4762
Binary files /dev/null and b/public/images/Twitter-Logo-1024.webp differ
diff --git a/public/images/Twitter-Logo-320.webp b/public/images/Twitter-Logo-320.webp
new file mode 100644
index 000000000..d3d7d04a6
Binary files /dev/null and b/public/images/Twitter-Logo-320.webp differ
diff --git a/public/images/Twitter-Logo-640.webp b/public/images/Twitter-Logo-640.webp
new file mode 100644
index 000000000..f165a657c
Binary files /dev/null and b/public/images/Twitter-Logo-640.webp differ
diff --git a/public/images/W&H-1024.webp b/public/images/W&H-1024.webp
new file mode 100644
index 000000000..0f2cdf0fc
Binary files /dev/null and b/public/images/W&H-1024.webp differ
diff --git a/public/images/W&H-320.webp b/public/images/W&H-320.webp
new file mode 100644
index 000000000..f80fe41d5
Binary files /dev/null and b/public/images/W&H-320.webp differ
diff --git a/public/images/W&H-640.webp b/public/images/W&H-640.webp
new file mode 100644
index 000000000..460576f90
Binary files /dev/null and b/public/images/W&H-640.webp differ
diff --git a/public/images/background1-1024.webp b/public/images/background1-1024.webp
new file mode 100644
index 000000000..9dc3625c0
Binary files /dev/null and b/public/images/background1-1024.webp differ
diff --git a/public/images/background1-320.webp b/public/images/background1-320.webp
new file mode 100644
index 000000000..11854c233
Binary files /dev/null and b/public/images/background1-320.webp differ
diff --git a/public/images/background1-640.webp b/public/images/background1-640.webp
new file mode 100644
index 000000000..72c9e58ea
Binary files /dev/null and b/public/images/background1-640.webp differ
diff --git a/public/images/background2-1024.webp b/public/images/background2-1024.webp
new file mode 100644
index 000000000..f66625f83
Binary files /dev/null and b/public/images/background2-1024.webp differ
diff --git a/public/images/background2-320.webp b/public/images/background2-320.webp
new file mode 100644
index 000000000..b1c9c475a
Binary files /dev/null and b/public/images/background2-320.webp differ
diff --git a/public/images/background2-640.webp b/public/images/background2-640.webp
new file mode 100644
index 000000000..267d529e0
Binary files /dev/null and b/public/images/background2-640.webp differ
diff --git a/public/images/background3-1024.webp b/public/images/background3-1024.webp
new file mode 100644
index 000000000..cc4610351
Binary files /dev/null and b/public/images/background3-1024.webp differ
diff --git a/public/images/background3-320.webp b/public/images/background3-320.webp
new file mode 100644
index 000000000..f161d2500
Binary files /dev/null and b/public/images/background3-320.webp differ
diff --git a/public/images/background3-640.webp b/public/images/background3-640.webp
new file mode 100644
index 000000000..cb383c02e
Binary files /dev/null and b/public/images/background3-640.webp differ
diff --git a/public/images/itchio-logo-black-1024.webp b/public/images/itchio-logo-black-1024.webp
new file mode 100644
index 000000000..111076b63
Binary files /dev/null and b/public/images/itchio-logo-black-1024.webp differ
diff --git a/public/images/itchio-logo-black-320.webp b/public/images/itchio-logo-black-320.webp
new file mode 100644
index 000000000..8f4f37223
Binary files /dev/null and b/public/images/itchio-logo-black-320.webp differ
diff --git a/public/images/itchio-logo-black-640.webp b/public/images/itchio-logo-black-640.webp
new file mode 100644
index 000000000..f3a3ad06b
Binary files /dev/null and b/public/images/itchio-logo-black-640.webp differ
diff --git a/public/images/skin2-1024.webp b/public/images/skin2-1024.webp
new file mode 100644
index 000000000..23953dbe7
Binary files /dev/null and b/public/images/skin2-1024.webp differ
diff --git a/public/images/skin2-320.webp b/public/images/skin2-320.webp
new file mode 100644
index 000000000..db29d22cb
Binary files /dev/null and b/public/images/skin2-320.webp differ
diff --git a/public/images/skin2-640.webp b/public/images/skin2-640.webp
new file mode 100644
index 000000000..a4f9435b6
Binary files /dev/null and b/public/images/skin2-640.webp differ
diff --git a/public/index.html b/public/index.html
new file mode 100644
index 000000000..c3e495a4c
--- /dev/null
+++ b/public/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <link rel="icon" href="favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <meta
+      name="description"
+      content="The Personal Website of Gregory Campbell"
+    />
+    <link rel="apple-touch-icon" href="logo192.png" />
+    <!--
+      manifest.json provides metadata used when your web app is installed on a
+      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
+    -->
+    <link rel="manifest" href="manifest.json" />
+    <link
+      rel="stylesheet"
+      href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
+      integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
+      crossorigin="anonymous"
+    />
+    <title>Gregory J Campbell</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+    <!--
+      This HTML file is a template.
+      If you open it directly in the browser, you will see an empty page.
+
+      You can add webfonts, meta tags, or analytics to this file.
+      The build step will place the bundled scripts into the <body> tag.
+
+      To begin the development, run `npm start` or `yarn start`.
+      To create a production bundle, use `npm run build` or `yarn build`.
+    -->
+  </body>
+</html>
diff --git a/public/logo192.png b/public/logo192.png
new file mode 100644
index 000000000..a4e47a654
Binary files /dev/null and b/public/logo192.png differ
diff --git a/public/logo512.png b/public/logo512.png
new file mode 100644
index 000000000..a4e47a654
Binary files /dev/null and b/public/logo512.png differ
diff --git a/public/manifest.json b/public/manifest.json
new file mode 100644
index 000000000..a93b6b029
--- /dev/null
+++ b/public/manifest.json
@@ -0,0 +1,25 @@
+{
+  "short_name": "My Website",
+  "name": "The Website of Gregory Campbell",
+  "icons": [
+    {
+      "src": "favicon.ico",
+      "sizes": "64x64 32x32 24x24 16x16",
+      "type": "image/x-icon"
+    },
+    {
+      "src": "logo192.png",
+      "type": "image/png",
+      "sizes": "192x192"
+    },
+    {
+      "src": "logo512.png",
+      "type": "image/png",
+      "sizes": "512x512"
+    }
+  ],
+  "start_url": ".",
+  "display": "standalone",
+  "theme_color": "#000000",
+  "background_color": "#ffffff"
+}
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 000000000..e9e57dc4d
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,3 @@
+# https://www.robotstxt.org/robotstxt.html
+User-agent: *
+Disallow:
diff --git a/src/Home.js b/src/Home.js
index 13d5f33c4..bba4d403c 100644
--- a/src/Home.js
+++ b/src/Home.js
@@ -28,6 +28,7 @@ export const Home = () => {
         <img
           src={meImage}
           alt="Portrait of Gregory Campbell"
+          className="homeimage"
           loading="lazy"
           decoding="async"
         />
diff --git a/src/Projects.js b/src/Projects.js
index 347275a82..b4dab6166 100644
--- a/src/Projects.js
+++ b/src/Projects.js
@@ -4,39 +4,24 @@ import ProjectCard from './components/ProjectCard';
 
 // Import all project images
 import StateMachine from './assets/StateMachine.png';
-import HSV from './assets/HSV.png';
 import skin2 from './assets/skin2.png';
 import EulerExample from './assets/EulerExample.png';
-import EulerCycle from './assets/EulerCycle.png';
 import Hangman from './assets/Hangman.png';
 import KnightsTour from './assets/KnightsTour.png';
 import TextAnalyzer from './assets/TextAnalyzer.png';
 import AlgorithmComparison from './assets/AlgorithmComparison.png';
 import ShowingOff from './assets/ShowingOff.jpg';
-import MJB from './assets/MJB.jpg';
-import GunControl from './assets/GunControl.png';
-import Palish from './assets/Palish.png';
-import WH from './assets/W&H.png';
-import SRS from './assets/SRS.png';
-
 
 // Map imgName to imported images
 const imageMap = {
   StateMachine,
-  HSV,
   skin2,
   EulerExample,
-  EulerCycle,
   Hangman,
   KnightsTour,
   TextAnalyzer,
   AlgorithmComparison,
   ShowingOff,
-  MJB,
-  GunControl,
-  Palish,
-  WH,
-  SRS
 };
 
 const projects = [
@@ -51,12 +36,8 @@ const projects = [
     title: 'Python Skin Detection Algorithms',
     link: 'https://github.com/gjcampbell777/python-photo-skin-detection',
     description: 'Replicated multiple skin detection algorithms in Python and modernized them for Python 3.',
-    imgName: 'HSV',
-    imgAlt: 'Skin detection image after',
-  },
-  {
     imgName: 'skin2',
-    imgAlt: 'Skin detection image before',
+    imgAlt: 'Skin detection before/after',
   },
   {
     title: 'Euler Checking Algorithm',
@@ -65,10 +46,6 @@ const projects = [
     imgName: 'EulerExample',
     imgAlt: 'Euler example'
   },
-  {
-    imgName: 'EulerCycle',
-    imgAlt: 'Euler cycle output',
-  },
   {
     title: 'Fortran Hangman',
     link: 'https://github.com/gjcampbell777/fortran-hangman',
@@ -99,30 +76,11 @@ const projects = [
   },
   {
     title: 'My Many Games',
+    link: 'https://gregorysoup.itch.io',
     description: 'A selection of games made with Unity and Godot.',
     imgName: 'ShowingOff',
     imgAlt: 'Game showcase'
-  },
-  {
-    imgName: 'MJB',
-    imgAlt: 'Magical Jumping Bean'
-  },
-  {
-    imgName: 'GunControl',
-    imgAlt: 'Gun Control'
-  },
-  {
-    imgName: 'Palish',
-    imgAlt: 'Palish'
-  },
-  {
-    imgName: 'WH',
-    imgAlt: 'Wally And Harv Escape the Fireball and Brick Factory'
-  },
-  {
-    imgName: 'SRS',
-    imgAlt: 'Super Robo Squad'
-  },
+  }
 ];
 
 export const Projects = () => {
@@ -138,6 +96,14 @@ export const Projects = () => {
         <aside>Look at what I've created!</aside>
       </header>
 
+      <section>
+        <p>This page contains the projects I've done in the past, present and future.</p>
+        <p>
+          If you want to see what I'm currently working on, you can see all my updates{' '}
+          <a href="https://twitter.com/Gregory_Soup" target="_blank" rel="noreferrer noopener">here</a>.
+        </p>
+      </section>
+
       {projects.map((p) => (
         <ProjectCard
           key={p.title}