diff --git a/.drone.yml b/.drone.yml
deleted file mode 100644
index 48dfe5f..0000000
--- a/.drone.yml
+++ /dev/null
@@ -1,28 +0,0 @@
-kind: pipeline
-name: buildsite
-
-steps:
-- name: build
-  image: node
-  commands:
-  - npm install
-  - npm run build
-  when:
-    branch:
-      - master
-
-- name: copy
-  image: appleboy/drone-scp
-  settings:
-    host: 192.168.10.5
-    username: thomas
-    password: 
-      from_secret: ssh_password
-    port: 22
-    target: /home/thomas/swag/www
-    source: ./dist/*
-    strip_components: 1
-  when:
-    branch:
-      - master
-
diff --git a/.gitea/workflows/test.yaml b/.gitea/workflows/test.yaml
new file mode 100644
index 0000000..0dc7b6c
--- /dev/null
+++ b/.gitea/workflows/test.yaml
@@ -0,0 +1,13 @@
+name: 'Test action'
+
+on:
+  workflow_dispatch:
+  push:
+    branches:
+      - main
+  
+jobs:
+  check-links:
+    runs-on: ubuntu-latest
+    steps:
+      run: npm install
\ No newline at end of file
diff --git a/.gitignore b/.gitignore
index 42d5d2a..a547bf3 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,22 +1,24 @@
-# build output
-dist/
-.output/
-
-# dependencies
-node_modules/
-
-# logs
+# Logs
+logs
+*.log
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 pnpm-debug.log*
+lerna-debug.log*
 
+node_modules
+dist
+dist-ssr
+*.local
 
-# environment variables
-.env
-.env.production
-
-# macOS-specific files
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
 .DS_Store
-
-package-lock.json
\ No newline at end of file
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
deleted file mode 100644
index 22a1505..0000000
--- a/.vscode/extensions.json
+++ /dev/null
@@ -1,4 +0,0 @@
-{
-  "recommendations": ["astro-build.astro-vscode"],
-  "unwantedRecommendations": []
-}
diff --git a/.vscode/launch.json b/.vscode/launch.json
deleted file mode 100644
index d642209..0000000
--- a/.vscode/launch.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "command": "./node_modules/.bin/astro dev",
-      "name": "Development server",
-      "request": "launch",
-      "type": "node-terminal"
-    }
-  ]
-}
diff --git a/LICENSE b/LICENSE
deleted file mode 100644
index 2071b23..0000000
--- a/LICENSE
+++ /dev/null
@@ -1,9 +0,0 @@
-MIT License
-
-Copyright (c) <year> <copyright holders>
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/README.md b/README.md
deleted file mode 100644
index e69de29..0000000
diff --git a/astro.config.mjs b/astro.config.mjs
deleted file mode 100644
index 61cb65e..0000000
--- a/astro.config.mjs
+++ /dev/null
@@ -1,15 +0,0 @@
-import { defineConfig } from 'astro/config';
-
-// https://astro.build/config
-import tailwind from "@astrojs/tailwind";
-
-// https://astro.build/config
-import svelte from "@astrojs/svelte";
-
-// https://astro.build/config
-import mdx from "@astrojs/mdx";
-
-// https://astro.build/config
-export default defineConfig({
-  integrations: [tailwind(), svelte(), mdx()]
-});
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..d4c0be1
--- /dev/null
+++ b/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>thomaspcole.com</title>
+  </head>
+  <body>
+    <canvas id="bg"></canvas>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..9196626
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,923 @@
+{
+  "name": "personal-site",
+  "version": "0.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "personal-site",
+      "version": "0.0.0",
+      "dependencies": {
+        "three": "^0.150.1"
+      },
+      "devDependencies": {
+        "typescript": "^4.9.3",
+        "vite": "^4.2.0"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.12.tgz",
+      "integrity": "sha512-E/sgkvwoIfj4aMAPL2e35VnUJspzVYl7+M1B2cqeubdBhADV4uPon0KCc8p2G+LqSJ6i8ocYPCqY3A4GGq0zkQ==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.12.tgz",
+      "integrity": "sha512-WQ9p5oiXXYJ33F2EkE3r0FRDFVpEdcDiwNX3u7Xaibxfx6vQE0Sb8ytrfQsA5WO6kDn6mDfKLh6KrPBjvkk7xA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.12.tgz",
+      "integrity": "sha512-m4OsaCr5gT+se25rFPHKQXARMyAehHTQAz4XX1Vk3d27VtqiX0ALMBPoXZsGaB6JYryCLfgGwUslMqTfqeLU0w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.12.tgz",
+      "integrity": "sha512-O3GCZghRIx+RAN0NDPhyyhRgwa19MoKlzGonIb5hgTj78krqp9XZbYCvFr9N1eUxg0ZQEpiiZ4QvsOQwBpP+lg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.12.tgz",
+      "integrity": "sha512-5D48jM3tW27h1qjaD9UNRuN+4v0zvksqZSPZqeSWggfMlsVdAhH3pwSfQIFJwcs9QJ9BRibPS4ViZgs3d2wsCA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.12.tgz",
+      "integrity": "sha512-OWvHzmLNTdF1erSvrfoEBGlN94IE6vCEaGEkEH29uo/VoONqPnoDFfShi41Ew+yKimx4vrmmAJEGNoyyP+OgOQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.12.tgz",
+      "integrity": "sha512-A0Xg5CZv8MU9xh4a+7NUpi5VHBKh1RaGJKqjxe4KG87X+mTjDE6ZvlJqpWoeJxgfXHT7IMP9tDFu7IZ03OtJAw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.12.tgz",
+      "integrity": "sha512-WsHyJ7b7vzHdJ1fv67Yf++2dz3D726oO3QCu8iNYik4fb5YuuReOI9OtA+n7Mk0xyQivNTPbl181s+5oZ38gyA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.12.tgz",
+      "integrity": "sha512-cK3AjkEc+8v8YG02hYLQIQlOznW+v9N+OI9BAFuyqkfQFR+DnDLhEM5N8QRxAUz99cJTo1rLNXqRrvY15gbQUg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.12.tgz",
+      "integrity": "sha512-jdOBXJqcgHlah/nYHnj3Hrnl9l63RjtQ4vn9+bohjQPI2QafASB5MtHAoEv0JQHVb/xYQTFOeuHnNYE1zF7tYw==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.12.tgz",
+      "integrity": "sha512-GTOEtj8h9qPKXCyiBBnHconSCV9LwFyx/gv3Phw0pa25qPYjVuuGZ4Dk14bGCfGX3qKF0+ceeQvwmtI+aYBbVA==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.12.tgz",
+      "integrity": "sha512-o8CIhfBwKcxmEENOH9RwmUejs5jFiNoDw7YgS0EJTF6kgPgcqLFjgoc5kDey5cMHRVCIWc6kK2ShUePOcc7RbA==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.12.tgz",
+      "integrity": "sha512-biMLH6NR/GR4z+ap0oJYb877LdBpGac8KfZoEnDiBKd7MD/xt8eaw1SFfYRUeMVx519kVkAOL2GExdFmYnZx3A==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.12.tgz",
+      "integrity": "sha512-jkphYUiO38wZGeWlfIBMB72auOllNA2sLfiZPGDtOBb1ELN8lmqBrlMiucgL8awBw1zBXN69PmZM6g4yTX84TA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.12.tgz",
+      "integrity": "sha512-j3ucLdeY9HBcvODhCY4b+Ds3hWGO8t+SAidtmWu/ukfLLG/oYDMaA+dnugTVAg5fnUOGNbIYL9TOjhWgQB8W5g==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.12.tgz",
+      "integrity": "sha512-uo5JL3cgaEGotaqSaJdRfFNSCUJOIliKLnDGWaVCgIKkHxwhYMm95pfMbWZ9l7GeW9kDg0tSxcy9NYdEtjwwmA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.12.tgz",
+      "integrity": "sha512-DNdoRg8JX+gGsbqt2gPgkgb00mqOgOO27KnrWZtdABl6yWTST30aibGJ6geBq3WM2TIeW6COs5AScnC7GwtGPg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.12.tgz",
+      "integrity": "sha512-aVsENlr7B64w8I1lhHShND5o8cW6sB9n9MUtLumFlPhG3elhNWtE7M1TFpj3m7lT3sKQUMkGFjTQBrvDDO1YWA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.12.tgz",
+      "integrity": "sha512-qbHGVQdKSwi0JQJuZznS4SyY27tYXYF0mrgthbxXrZI3AHKuRvU+Eqbg/F0rmLDpW/jkIZBlCO1XfHUBMNJ1pg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.12.tgz",
+      "integrity": "sha512-zsCp8Ql+96xXTVTmm6ffvoTSZSV2B/LzzkUXAY33F/76EajNw1m+jZ9zPfNJlJ3Rh4EzOszNDHsmG/fZOhtqDg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.12.tgz",
+      "integrity": "sha512-FfrFjR4id7wcFYOdqbDfDET3tjxCozUgbqdkOABsSFzoZGFC92UK7mg4JKRc/B3NNEf1s2WHxJ7VfTdVDPN3ng==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.12.tgz",
+      "integrity": "sha512-JOOxw49BVZx2/5tW3FqkdjSD/5gXYeVGPDcB0lvap0gLQshkh1Nyel1QazC+wNxus3xPlsYAgqU1BUmrmCvWtw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.12.tgz",
+      "integrity": "sha512-bX/zHl7Gn2CpQwcMtRogTTBf9l1nl+H6R8nUbjk+RuKqAE3+8FDulLA+pHvX7aA7Xe07Iwa+CWvy9I8Y2qqPKQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/android-arm": "0.17.12",
+        "@esbuild/android-arm64": "0.17.12",
+        "@esbuild/android-x64": "0.17.12",
+        "@esbuild/darwin-arm64": "0.17.12",
+        "@esbuild/darwin-x64": "0.17.12",
+        "@esbuild/freebsd-arm64": "0.17.12",
+        "@esbuild/freebsd-x64": "0.17.12",
+        "@esbuild/linux-arm": "0.17.12",
+        "@esbuild/linux-arm64": "0.17.12",
+        "@esbuild/linux-ia32": "0.17.12",
+        "@esbuild/linux-loong64": "0.17.12",
+        "@esbuild/linux-mips64el": "0.17.12",
+        "@esbuild/linux-ppc64": "0.17.12",
+        "@esbuild/linux-riscv64": "0.17.12",
+        "@esbuild/linux-s390x": "0.17.12",
+        "@esbuild/linux-x64": "0.17.12",
+        "@esbuild/netbsd-x64": "0.17.12",
+        "@esbuild/openbsd-x64": "0.17.12",
+        "@esbuild/sunos-x64": "0.17.12",
+        "@esbuild/win32-arm64": "0.17.12",
+        "@esbuild/win32-ia32": "0.17.12",
+        "@esbuild/win32-x64": "0.17.12"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "hasInstallScript": true,
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
+    "node_modules/has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "dependencies": {
+        "function-bind": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
+    "node_modules/is-core-module": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz",
+      "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==",
+      "dev": true,
+      "dependencies": {
+        "has": "^1.0.3"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
+      "dev": true,
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "node_modules/picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
+    },
+    "node_modules/postcss": {
+      "version": "8.4.21",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
+      "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
+      "dev": true,
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        }
+      ],
+      "dependencies": {
+        "nanoid": "^3.3.4",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/resolve": {
+      "version": "1.22.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
+      "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
+      "dev": true,
+      "dependencies": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      },
+      "bin": {
+        "resolve": "bin/resolve"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "3.19.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.19.1.tgz",
+      "integrity": "sha512-lAbrdN7neYCg/8WaoWn/ckzCtz+jr70GFfYdlf50OF7387HTg+wiuiqJRFYawwSPpqfqDNYqK7smY/ks2iAudg==",
+      "dev": true,
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=14.18.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true,
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/three": {
+      "version": "0.150.1",
+      "resolved": "https://registry.npmjs.org/three/-/three-0.150.1.tgz",
+      "integrity": "sha512-5C1MqKUWaHYo13BX0Q64qcdwImgnnjSOFgBscOzAo8MYCzEtqfQqorEKMcajnA3FHy1yVlIe9AmaMQ0OQracNA=="
+    },
+    "node_modules/typescript": {
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "dev": true,
+      "bin": {
+        "tsc": "bin/tsc",
+        "tsserver": "bin/tsserver"
+      },
+      "engines": {
+        "node": ">=4.2.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.0.tgz",
+      "integrity": "sha512-AbDTyzzwuKoRtMIRLGNxhLRuv1FpRgdIw+1y6AQG73Q5+vtecmvzKo/yk8X/vrHDpETRTx01ABijqUHIzBXi0g==",
+      "dev": true,
+      "dependencies": {
+        "esbuild": "^0.17.5",
+        "postcss": "^8.4.21",
+        "resolve": "^1.22.1",
+        "rollup": "^3.18.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.2"
+      },
+      "peerDependencies": {
+        "@types/node": ">= 14",
+        "less": "*",
+        "sass": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    }
+  },
+  "dependencies": {
+    "@esbuild/android-arm": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.17.12.tgz",
+      "integrity": "sha512-E/sgkvwoIfj4aMAPL2e35VnUJspzVYl7+M1B2cqeubdBhADV4uPon0KCc8p2G+LqSJ6i8ocYPCqY3A4GGq0zkQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-arm64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.17.12.tgz",
+      "integrity": "sha512-WQ9p5oiXXYJ33F2EkE3r0FRDFVpEdcDiwNX3u7Xaibxfx6vQE0Sb8ytrfQsA5WO6kDn6mDfKLh6KrPBjvkk7xA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/android-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.17.12.tgz",
+      "integrity": "sha512-m4OsaCr5gT+se25rFPHKQXARMyAehHTQAz4XX1Vk3d27VtqiX0ALMBPoXZsGaB6JYryCLfgGwUslMqTfqeLU0w==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/darwin-arm64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.17.12.tgz",
+      "integrity": "sha512-O3GCZghRIx+RAN0NDPhyyhRgwa19MoKlzGonIb5hgTj78krqp9XZbYCvFr9N1eUxg0ZQEpiiZ4QvsOQwBpP+lg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/darwin-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.17.12.tgz",
+      "integrity": "sha512-5D48jM3tW27h1qjaD9UNRuN+4v0zvksqZSPZqeSWggfMlsVdAhH3pwSfQIFJwcs9QJ9BRibPS4ViZgs3d2wsCA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/freebsd-arm64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.17.12.tgz",
+      "integrity": "sha512-OWvHzmLNTdF1erSvrfoEBGlN94IE6vCEaGEkEH29uo/VoONqPnoDFfShi41Ew+yKimx4vrmmAJEGNoyyP+OgOQ==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/freebsd-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.17.12.tgz",
+      "integrity": "sha512-A0Xg5CZv8MU9xh4a+7NUpi5VHBKh1RaGJKqjxe4KG87X+mTjDE6ZvlJqpWoeJxgfXHT7IMP9tDFu7IZ03OtJAw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-arm": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.17.12.tgz",
+      "integrity": "sha512-WsHyJ7b7vzHdJ1fv67Yf++2dz3D726oO3QCu8iNYik4fb5YuuReOI9OtA+n7Mk0xyQivNTPbl181s+5oZ38gyA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-arm64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.17.12.tgz",
+      "integrity": "sha512-cK3AjkEc+8v8YG02hYLQIQlOznW+v9N+OI9BAFuyqkfQFR+DnDLhEM5N8QRxAUz99cJTo1rLNXqRrvY15gbQUg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-ia32": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.17.12.tgz",
+      "integrity": "sha512-jdOBXJqcgHlah/nYHnj3Hrnl9l63RjtQ4vn9+bohjQPI2QafASB5MtHAoEv0JQHVb/xYQTFOeuHnNYE1zF7tYw==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-loong64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.17.12.tgz",
+      "integrity": "sha512-GTOEtj8h9qPKXCyiBBnHconSCV9LwFyx/gv3Phw0pa25qPYjVuuGZ4Dk14bGCfGX3qKF0+ceeQvwmtI+aYBbVA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-mips64el": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.17.12.tgz",
+      "integrity": "sha512-o8CIhfBwKcxmEENOH9RwmUejs5jFiNoDw7YgS0EJTF6kgPgcqLFjgoc5kDey5cMHRVCIWc6kK2ShUePOcc7RbA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-ppc64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.17.12.tgz",
+      "integrity": "sha512-biMLH6NR/GR4z+ap0oJYb877LdBpGac8KfZoEnDiBKd7MD/xt8eaw1SFfYRUeMVx519kVkAOL2GExdFmYnZx3A==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-riscv64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.17.12.tgz",
+      "integrity": "sha512-jkphYUiO38wZGeWlfIBMB72auOllNA2sLfiZPGDtOBb1ELN8lmqBrlMiucgL8awBw1zBXN69PmZM6g4yTX84TA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-s390x": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.17.12.tgz",
+      "integrity": "sha512-j3ucLdeY9HBcvODhCY4b+Ds3hWGO8t+SAidtmWu/ukfLLG/oYDMaA+dnugTVAg5fnUOGNbIYL9TOjhWgQB8W5g==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/linux-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.17.12.tgz",
+      "integrity": "sha512-uo5JL3cgaEGotaqSaJdRfFNSCUJOIliKLnDGWaVCgIKkHxwhYMm95pfMbWZ9l7GeW9kDg0tSxcy9NYdEtjwwmA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/netbsd-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.17.12.tgz",
+      "integrity": "sha512-DNdoRg8JX+gGsbqt2gPgkgb00mqOgOO27KnrWZtdABl6yWTST30aibGJ6geBq3WM2TIeW6COs5AScnC7GwtGPg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/openbsd-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.17.12.tgz",
+      "integrity": "sha512-aVsENlr7B64w8I1lhHShND5o8cW6sB9n9MUtLumFlPhG3elhNWtE7M1TFpj3m7lT3sKQUMkGFjTQBrvDDO1YWA==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/sunos-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.17.12.tgz",
+      "integrity": "sha512-qbHGVQdKSwi0JQJuZznS4SyY27tYXYF0mrgthbxXrZI3AHKuRvU+Eqbg/F0rmLDpW/jkIZBlCO1XfHUBMNJ1pg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-arm64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.17.12.tgz",
+      "integrity": "sha512-zsCp8Ql+96xXTVTmm6ffvoTSZSV2B/LzzkUXAY33F/76EajNw1m+jZ9zPfNJlJ3Rh4EzOszNDHsmG/fZOhtqDg==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-ia32": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.17.12.tgz",
+      "integrity": "sha512-FfrFjR4id7wcFYOdqbDfDET3tjxCozUgbqdkOABsSFzoZGFC92UK7mg4JKRc/B3NNEf1s2WHxJ7VfTdVDPN3ng==",
+      "dev": true,
+      "optional": true
+    },
+    "@esbuild/win32-x64": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.17.12.tgz",
+      "integrity": "sha512-JOOxw49BVZx2/5tW3FqkdjSD/5gXYeVGPDcB0lvap0gLQshkh1Nyel1QazC+wNxus3xPlsYAgqU1BUmrmCvWtw==",
+      "dev": true,
+      "optional": true
+    },
+    "esbuild": {
+      "version": "0.17.12",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.17.12.tgz",
+      "integrity": "sha512-bX/zHl7Gn2CpQwcMtRogTTBf9l1nl+H6R8nUbjk+RuKqAE3+8FDulLA+pHvX7aA7Xe07Iwa+CWvy9I8Y2qqPKQ==",
+      "dev": true,
+      "requires": {
+        "@esbuild/android-arm": "0.17.12",
+        "@esbuild/android-arm64": "0.17.12",
+        "@esbuild/android-x64": "0.17.12",
+        "@esbuild/darwin-arm64": "0.17.12",
+        "@esbuild/darwin-x64": "0.17.12",
+        "@esbuild/freebsd-arm64": "0.17.12",
+        "@esbuild/freebsd-x64": "0.17.12",
+        "@esbuild/linux-arm": "0.17.12",
+        "@esbuild/linux-arm64": "0.17.12",
+        "@esbuild/linux-ia32": "0.17.12",
+        "@esbuild/linux-loong64": "0.17.12",
+        "@esbuild/linux-mips64el": "0.17.12",
+        "@esbuild/linux-ppc64": "0.17.12",
+        "@esbuild/linux-riscv64": "0.17.12",
+        "@esbuild/linux-s390x": "0.17.12",
+        "@esbuild/linux-x64": "0.17.12",
+        "@esbuild/netbsd-x64": "0.17.12",
+        "@esbuild/openbsd-x64": "0.17.12",
+        "@esbuild/sunos-x64": "0.17.12",
+        "@esbuild/win32-arm64": "0.17.12",
+        "@esbuild/win32-ia32": "0.17.12",
+        "@esbuild/win32-x64": "0.17.12"
+      }
+    },
+    "fsevents": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
+      "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
+      "dev": true,
+      "optional": true
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.1.tgz",
+      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A==",
+      "dev": true
+    },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/has/-/has-1.0.3.tgz",
+      "integrity": "sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
+    "is-core-module": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/is-core-module/-/is-core-module-2.11.0.tgz",
+      "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==",
+      "dev": true,
+      "requires": {
+        "has": "^1.0.3"
+      }
+    },
+    "nanoid": {
+      "version": "3.3.4",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.4.tgz",
+      "integrity": "sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==",
+      "dev": true
+    },
+    "path-parse": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npmjs.org/path-parse/-/path-parse-1.0.7.tgz",
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
+      "dev": true
+    },
+    "picocolors": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.0.0.tgz",
+      "integrity": "sha512-1fygroTLlHu66zi26VoTDv8yRgm0Fccecssto+MhsZ0D/DGW2sm8E8AjW7NU5VVTRt5GxbeZ5qBuJr+HyLYkjQ==",
+      "dev": true
+    },
+    "postcss": {
+      "version": "8.4.21",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.4.21.tgz",
+      "integrity": "sha512-tP7u/Sn/dVxK2NnruI4H9BG+x+Wxz6oeZ1cJ8P6G/PZY0IKk4k/63TDsQf2kQq3+qoJeLm2kIBUNlZe3zgb4Zg==",
+      "dev": true,
+      "requires": {
+        "nanoid": "^3.3.4",
+        "picocolors": "^1.0.0",
+        "source-map-js": "^1.0.2"
+      }
+    },
+    "resolve": {
+      "version": "1.22.1",
+      "resolved": "https://registry.npmjs.org/resolve/-/resolve-1.22.1.tgz",
+      "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
+      "dev": true,
+      "requires": {
+        "is-core-module": "^2.9.0",
+        "path-parse": "^1.0.7",
+        "supports-preserve-symlinks-flag": "^1.0.0"
+      }
+    },
+    "rollup": {
+      "version": "3.19.1",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-3.19.1.tgz",
+      "integrity": "sha512-lAbrdN7neYCg/8WaoWn/ckzCtz+jr70GFfYdlf50OF7387HTg+wiuiqJRFYawwSPpqfqDNYqK7smY/ks2iAudg==",
+      "dev": true,
+      "requires": {
+        "fsevents": "~2.3.2"
+      }
+    },
+    "source-map-js": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.0.2.tgz",
+      "integrity": "sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==",
+      "dev": true
+    },
+    "supports-preserve-symlinks-flag": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
+      "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
+      "dev": true
+    },
+    "three": {
+      "version": "0.150.1",
+      "resolved": "https://registry.npmjs.org/three/-/three-0.150.1.tgz",
+      "integrity": "sha512-5C1MqKUWaHYo13BX0Q64qcdwImgnnjSOFgBscOzAo8MYCzEtqfQqorEKMcajnA3FHy1yVlIe9AmaMQ0OQracNA=="
+    },
+    "typescript": {
+      "version": "4.9.5",
+      "resolved": "https://registry.npmjs.org/typescript/-/typescript-4.9.5.tgz",
+      "integrity": "sha512-1FXk9E2Hm+QzZQ7z+McJiHL4NW1F2EzMu9Nq9i3zAaGqibafqYwCVU6WyWAuyQRRzOlxou8xZSyXLEN8oKj24g==",
+      "dev": true
+    },
+    "vite": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-4.2.0.tgz",
+      "integrity": "sha512-AbDTyzzwuKoRtMIRLGNxhLRuv1FpRgdIw+1y6AQG73Q5+vtecmvzKo/yk8X/vrHDpETRTx01ABijqUHIzBXi0g==",
+      "dev": true,
+      "requires": {
+        "esbuild": "^0.17.5",
+        "fsevents": "~2.3.2",
+        "postcss": "^8.4.21",
+        "resolve": "^1.22.1",
+        "rollup": "^3.18.0"
+      }
+    }
+  }
+}
diff --git a/package.json b/package.json
index 078d75b..e147666 100644
--- a/package.json
+++ b/package.json
@@ -1,25 +1,18 @@
 {
-  "name": "@example/basics",
-  "type": "module",
-  "version": "0.0.1",
+  "name": "personal-site",
   "private": true,
+  "version": "0.0.0",
+  "type": "module",
   "scripts": {
-    "dev": "astro dev",
-    "start": "astro dev",
-    "build": "astro build",
-    "preview": "astro preview",
-    "astro": "astro"
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "typescript": "^4.9.3",
+    "vite": "^4.2.0"
   },
   "dependencies": {
-    "@astrojs/mdx": "^0.13.0",
-    "@astrojs/svelte": "^1.0.2",
-    "@astrojs/tailwind": "^2.1.3",
-    "astro": "^1.6.15",
-    "cytoscape": "^3.23.0",
-    "daisyui": "^2.45.0",
-    "p5-svelte": "^3.1.2",
-    "svelte": "^3.55.0",
-    "tailwindcss": "^3.2.4",
-    "theme-change": "^2.2.0"
+    "three": "^0.150.1"
   }
 }
diff --git a/public/favicon.svg b/public/favicon.svg
deleted file mode 100644
index 0f39062..0000000
--- a/public/favicon.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 36 36">
-  <path fill="#000" d="M22.25 4h-8.5a1 1 0 0 0-.96.73l-5.54 19.4a.5.5 0 0 0 .62.62l5.05-1.44a2 2 0 0 0 1.38-1.4l3.22-11.66a.5.5 0 0 1 .96 0l3.22 11.67a2 2 0 0 0 1.38 1.39l5.05 1.44a.5.5 0 0 0 .62-.62l-5.54-19.4a1 1 0 0 0-.96-.73Z"/>
-  <path fill="url(#gradient)" d="M18 28a7.63 7.63 0 0 1-5-2c-1.4 2.1-.35 4.35.6 5.55.14.17.41.07.47-.15.44-1.8 2.93-1.22 2.93.6 0 2.28.87 3.4 1.72 3.81.34.16.59-.2.49-.56-.31-1.05-.29-2.46 1.29-3.25 3-1.5 3.17-4.83 2.5-6-.67.67-2.6 2-5 2Z"/>
-  <defs>
-    <linearGradient id="gradient" x1="16" x2="16" y1="32" y2="24" gradientUnits="userSpaceOnUse">
-      <stop stop-color="#000"/>
-      <stop offset="1" stop-color="#000" stop-opacity="0"/>
-    </linearGradient>
-  </defs>
-	<style>
-    @media (prefers-color-scheme:dark){:root{filter:invert(100%)}}
-  </style>
-</svg>
diff --git a/public/img/profile.jpg b/public/img/profile.jpg
deleted file mode 100644
index 30bd5ae..0000000
Binary files a/public/img/profile.jpg and /dev/null differ
diff --git a/public/vite.svg b/public/vite.svg
new file mode 100644
index 0000000..e7b8dfb
--- /dev/null
+++ b/public/vite.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
\ No newline at end of file
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
deleted file mode 100644
index 452a7e6..0000000
--- a/src/components/Footer.astro
+++ /dev/null
@@ -1,3 +0,0 @@
-<footer class="p-4">
-    <p class="text-center text-sm">&copy; 2023 Thomas Cole</p>
-</footer>
\ No newline at end of file
diff --git a/src/components/misc/BlogProjectCard.astro b/src/components/misc/BlogProjectCard.astro
deleted file mode 100644
index fe6c9ce..0000000
--- a/src/components/misc/BlogProjectCard.astro
+++ /dev/null
@@ -1,23 +0,0 @@
----
-export interface Props {
-    title: string;
-    subtitle: string;
-    image: string;
-    link: string;
-}
-
-const { title, subtitle, image, link } = Astro.props;
----
-
-
-<div class="rounded-lg  transition ease-in-out hover:scale-105">
-    <a href={link}>
-        <div class="ml-2 my-2 flex flex-col sm:flex-col md:flex-col lg:flex-row xl:flex-row 2xl:flex-row w-11/12 mx-auto">
-            <img class="h-28 my-2 aspect-video object-cover rounded-lg" src={image} alt="">
-            <div class="lg:ml-4 xl:ml-4 2xl:ml-4 grow">
-                <p class="mt-2 font-semibold text-2xl py-2 sm:text-2xl md:text-2xl lg:text-3xl xl:text-3xl 2xl:text-3xl">{title}</p>
-                <p>{subtitle}</p>
-            </div>
-        </div>
-    </a>
-</div>
\ No newline at end of file
diff --git a/src/components/misc/Divider.astro b/src/components/misc/Divider.astro
deleted file mode 100644
index e529a21..0000000
--- a/src/components/misc/Divider.astro
+++ /dev/null
@@ -1 +0,0 @@
-<div class="w-full h-0.5 rounded divider"></div>
\ No newline at end of file
diff --git a/src/components/misc/ThemeToggle.astro b/src/components/misc/ThemeToggle.astro
deleted file mode 100644
index 5e4ee7c..0000000
--- a/src/components/misc/ThemeToggle.astro
+++ /dev/null
@@ -1,44 +0,0 @@
-<!-- Could be remade as svelte component. 
-For the 3 lines of javascript needed I think its okay to use a script tag -->
-
-<style>
-    #themetoggle~.dot {
-        background-color: #e2e2e2;
-    }
-
-    #themetoggle:checked~.dot {
-        transform: translateX(100%);
-        background-color: #202020;
-    }
-
-    #themetoggle~.capsule {
-        background-color: #181a2a;
-    }
-
-    #themetoggle:checked~.capsule {
-        background-color: #cecece;
-    }
-</style>
-
-<script>
-    let theme = localStorage.getItem("theme");
-    if (theme == "business") {
-        document.getElementById("themetoggle").checked = true;
-    }
-</script>
-
-<div class="flex items-center justify-center w-full">
-    <span class="material-symbols-outlined mx-2">
-        light_mode
-    </span>
-    <label for="themetoggle" class="flex items-center cursor-pointer">
-        <div class="relative">
-            <input type="checkbox" id="themetoggle" class="sr-only" data-toggle-theme="business,corporate">
-            <div class="capsule block w-14 h-8 rounded-full"></div>
-            <div class="dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition"></div>
-        </div>
-    </label>
-    <span class="material-symbols-outlined mx-2">
-        nightlight
-    </span>
-</div>
\ No newline at end of file
diff --git a/src/components/nav/Nav.astro b/src/components/nav/Nav.astro
deleted file mode 100644
index 1963e4a..0000000
--- a/src/components/nav/Nav.astro
+++ /dev/null
@@ -1,86 +0,0 @@
----
-    import Divider from "../misc/Divider.astro";
-    import SocialLinks from "./SocialLinks.astro";
-    import ThemeToggle from "../misc/ThemeToggle.astro";
----
-
-<style>
-    [data-shown="true"] {
-        transform: translateX(0);
-    }
-</style>
-
-<div id="menu" data-shown=""
-    class="fixed top-0 left-0 w-72 h-screen p-4 flex flex-col bg-base-200 -translate-x-full sm:-translate-x-full md:-translate-x-full lg:translate-x-0 xl:translate-x-0 2xl: transition-all duration-100 z-50">
-
-    <button id="menu-close" class="absolute top-0 right-0 p-2 lg:hidden 2xl:hidden">
-        <span class="material-symbols-outlined">
-            close
-        </span>
-    </button>
-
-    <a href="/">
-        <div class="transition ease-in-out w-1/2 hover:scale-105 block mx-auto mt-3 mb-6">
-            <img class="rounded-full aspect-square w-full object-cover" src="/img/profile.jpg" alt="">
-        </div>
-    </a>
-
-    <p class="text-2xl">Thomas Cole</p>
-    <p class="font-thin text-sm">Developer, Linux Enthusiast, System Administrator</p>
-
-    <SocialLinks />
-    <Divider />
-
-    <ul>
-        <li class="flex flex-col">
-            <a href="/" class="w-full hover:bg-base-100 rounded transation ease-in-out duration-200">
-                <button class="p-2">Home</button>
-            </a>
-        </li>
-        <li class="flex">
-            <a href="/projects/1" class="w-full hover:bg-base-100 rounded transation ease-in-out duration-200">
-                <button class="p-2">Projects</button>
-            </a>
-        </li>
-        <li class="flex">
-            <a href="/resume" class="w-full hover:bg-base-100 rounded transation ease-in-out duration-200">
-                <button class="p-2">Resume/CV</button>
-            </a>
-        </li>
-        <li class="flex">
-            <a href="mailto:thomas.patrick.cole@gmail.com"
-                class="w-full hover:bg-base-100 rounded transation ease-in-out duration-200">
-                <button class="p-2">Contact</button>
-            </a>
-        </li>
-    </ul>
-
-    <Divider />
-    <div class="grow"></div>
-    <ThemeToggle />
-</div>
-
-<div
-    class="h-12 w-full sm:block md:block lg:hidden xl:hidden 2xl:hidden block bg-base-200 text-left transition-all duration-100">
-
-    <button id="menubtn" class="w-12 h-12 m-auto">
-        <span class="material-symbols-outlined mt-1">
-            menu
-        </span>
-    </button>
-
-</div>
-
-<script is:inline>
-    const btn = document.getElementById("menubtn");
-    const menu = document.getElementById("menu");
-    const closebtn = document.getElementById("menu-close")
-
-    btn.addEventListener('click', () => {
-        menu.dataset.shown = "true";
-    });
-
-    closebtn.addEventListener('click', () => {
-        menu.dataset.shown = "false";
-    })
-</script>
\ No newline at end of file
diff --git a/src/components/nav/SocialLinks.astro b/src/components/nav/SocialLinks.astro
deleted file mode 100644
index 6e85136..0000000
--- a/src/components/nav/SocialLinks.astro
+++ /dev/null
@@ -1,37 +0,0 @@
-<div class="flex place-content-center mt-4">
-    <a class="mx-2" href="https://git.thomaspcole.com/thomascole">
-        <svg class="inline-block w-7 h-7 transition ease-in-out hover:scale-125" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
-            version="1.1" id="main_outline" viewBox="0 0 640 640" xml:space="preserve">
-            <g>
-                <path id="teabag" class="fill-none"
-                    d="M395.9,484.2l-126.9-61c-12.5-6-17.9-21.2-11.8-33.8l61-126.9c6-12.5,21.2-17.9,33.8-11.8   c17.2,8.3,27.1,13,27.1,13l-0.1-109.2l16.7-0.1l0.1,117.1c0,0,57.4,24.2,83.1,40.1c3.7,2.3,10.2,6.8,12.9,14.4   c2.1,6.1,2,13.1-1,19.3l-61,126.9C423.6,484.9,408.4,490.3,395.9,484.2z" />
-                <g>
-                    <g>
-                        <path class="fill-current"
-                            d="M622.7,149.8c-4.1-4.1-9.6-4-9.6-4s-117.2,6.6-177.9,8c-13.3,0.3-26.5,0.6-39.6,0.7c0,39.1,0,78.2,0,117.2     c-5.5-2.6-11.1-5.3-16.6-7.9c0-36.4-0.1-109.2-0.1-109.2c-29,0.4-89.2-2.2-89.2-2.2s-141.4-7.1-156.8-8.5     c-9.8-0.6-22.5-2.1-39,1.5c-8.7,1.8-33.5,7.4-53.8,26.9C-4.9,212.4,6.6,276.2,8,285.8c1.7,11.7,6.9,44.2,31.7,72.5     c45.8,56.1,144.4,54.8,144.4,54.8s12.1,28.9,30.6,55.5c25,33.1,50.7,58.9,75.7,62c63,0,188.9-0.1,188.9-0.1s12,0.1,28.3-10.3     c14-8.5,26.5-23.4,26.5-23.4s12.9-13.8,30.9-45.3c5.5-9.7,10.1-19.1,14.1-28c0,0,55.2-117.1,55.2-231.1     C633.2,157.9,624.7,151.8,622.7,149.8z M125.6,353.9c-25.9-8.5-36.9-18.7-36.9-18.7S69.6,321.8,60,295.4     c-16.5-44.2-1.4-71.2-1.4-71.2s8.4-22.5,38.5-30c13.8-3.7,31-3.1,31-3.1s7.1,59.4,15.7,94.2c7.2,29.2,24.8,77.7,24.8,77.7     S142.5,359.9,125.6,353.9z M425.9,461.5c0,0-6.1,14.5-19.6,15.4c-5.8,0.4-10.3-1.2-10.3-1.2s-0.3-0.1-5.3-2.1l-112.9-55     c0,0-10.9-5.7-12.8-15.6c-2.2-8.1,2.7-18.1,2.7-18.1L322,273c0,0,4.8-9.7,12.2-13c0.6-0.3,2.3-1,4.5-1.5c8.1-2.1,18,2.8,18,2.8     l110.7,53.7c0,0,12.6,5.7,15.3,16.2c1.9,7.4-0.5,14-1.8,17.2C474.6,363.8,425.9,461.5,425.9,461.5z" />
-                        <path class="fill-current"
-                            d="M326.8,380.1c-8.2,0.1-15.4,5.8-17.3,13.8c-1.9,8,2,16.3,9.1,20c7.7,4,17.5,1.8,22.7-5.4     c5.1-7.1,4.3-16.9-1.8-23.1l24-49.1c1.5,0.1,3.7,0.2,6.2-0.5c4.1-0.9,7.1-3.6,7.1-3.6c4.2,1.8,8.6,3.8,13.2,6.1     c4.8,2.4,9.3,4.9,13.4,7.3c0.9,0.5,1.8,1.1,2.8,1.9c1.6,1.3,3.4,3.1,4.7,5.5c1.9,5.5-1.9,14.9-1.9,14.9     c-2.3,7.6-18.4,40.6-18.4,40.6c-8.1-0.2-15.3,5-17.7,12.5c-2.6,8.1,1.1,17.3,8.9,21.3c7.8,4,17.4,1.7,22.5-5.3     c5-6.8,4.6-16.3-1.1-22.6c1.9-3.7,3.7-7.4,5.6-11.3c5-10.4,13.5-30.4,13.5-30.4c0.9-1.7,5.7-10.3,2.7-21.3     c-2.5-11.4-12.6-16.7-12.6-16.7c-12.2-7.9-29.2-15.2-29.2-15.2s0-4.1-1.1-7.1c-1.1-3.1-2.8-5.1-3.9-6.3c4.7-9.7,9.4-19.3,14.1-29     c-4.1-2-8.1-4-12.2-6.1c-4.8,9.8-9.7,19.7-14.5,29.5c-6.7-0.1-12.9,3.5-16.1,9.4c-3.4,6.3-2.7,14.1,1.9,19.8     C343.2,346.5,335,363.3,326.8,380.1z" />
-                    </g>
-                </g>
-            </g>
-        </svg>
-    </a>
-    <a class="mx-2" href="https://github.com/thomaspcole">
-        <svg class="inline-block w-6 h-6 fill-current transition ease-in-out hover:scale-125" viewBox="0 0 96 98" xmlns="http://www.w3.org/2000/svg">
-            <path fill-rule="evenodd" clip-rule="evenodd"
-                d="M48.854 0C21.839 0 0 22 0 49.217c0 21.756 13.993 40.172 33.405 46.69 2.427.49 3.316-1.059 3.316-2.362 0-1.141-.08-5.052-.08-9.127-13.59 2.934-16.42-5.867-16.42-5.867-2.184-5.704-5.42-7.17-5.42-7.17-4.448-3.015.324-3.015.324-3.015 4.934.326 7.523 5.052 7.523 5.052 4.367 7.496 11.404 5.378 14.235 4.074.404-3.178 1.699-5.378 3.074-6.6-10.839-1.141-22.243-5.378-22.243-24.283 0-5.378 1.94-9.778 5.014-13.2-.485-1.222-2.184-6.275.486-13.038 0 0 4.125-1.304 13.426 5.052a46.97 46.97 0 0 1 12.214-1.63c4.125 0 8.33.571 12.213 1.63 9.302-6.356 13.427-5.052 13.427-5.052 2.67 6.763.97 11.816.485 13.038 3.155 3.422 5.015 7.822 5.015 13.2 0 18.905-11.404 23.06-22.324 24.283 1.78 1.548 3.316 4.481 3.316 9.126 0 6.6-.08 11.897-.08 13.526 0 1.304.89 2.853 3.316 2.364 19.412-6.52 33.405-24.935 33.405-46.691C97.707 22 75.788 0 48.854 0z" />
-        </svg>
-    </a>
-    <a class="mx-2" href="https://www.linkedin.com/in/thomaspcole">
-        <svg class="inline-block w-6 h-6 fill-current transition ease-in-out hover:scale-125" xmlns="http://www.w3.org/2000/svg"
-            xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 455 455"
-            style="enable-background:new 0 0 455 455;" xml:space="preserve">
-            <g>
-                <path style="fill-rule:evenodd;clip-rule:evenodd;"
-                    d="M246.4,204.35v-0.665c-0.136,0.223-0.324,0.446-0.442,0.665H246.4z" />
-                <path style="fill-rule:evenodd;clip-rule:evenodd;"
-                    d="M0,0v455h455V0H0z M141.522,378.002H74.016V174.906h67.506V378.002z    M107.769,147.186h-0.446C84.678,147.186,70,131.585,70,112.085c0-19.928,15.107-35.087,38.211-35.087   c23.109,0,37.31,15.159,37.752,35.087C145.963,131.585,131.32,147.186,107.769,147.186z M385,378.002h-67.524V269.345   c0-27.291-9.756-45.92-34.195-45.92c-18.664,0-29.755,12.543-34.641,24.693c-1.776,4.34-2.24,10.373-2.24,16.459v113.426h-67.537   c0,0,0.905-184.043,0-203.096H246.4v28.779c8.973-13.807,24.986-33.547,60.856-33.547c44.437,0,77.744,29.02,77.744,91.398V378.002   z" />
-            </g>
-        </svg>
-    </a>
-</div>
\ No newline at end of file
diff --git a/src/components/resume/Timeline.astro b/src/components/resume/Timeline.astro
deleted file mode 100644
index cf842be..0000000
--- a/src/components/resume/Timeline.astro
+++ /dev/null
@@ -1,20 +0,0 @@
----
-export interface Props {
-    title: string;
-    subtitle: string;
-}
-
-const { title, subtitle } = Astro.props;
----
-
-<div class="flex">
-    <div>
-        <span class="w-4 h-4 bg-primary block rounded-full mt-2"></span>
-        <span class="bg-primary block h-full w-[2px] translate-x-[7px]"></span>
-    </div>
-    <div class="px-5">
-        <p class="font-semibold text-xl">{title}</p>
-        <span class="text-sm font-light">{subtitle}</span>
-        <slot></slot>
-    </div>
-</div>
diff --git a/src/env.d.ts b/src/env.d.ts
deleted file mode 100644
index f964fe0..0000000
--- a/src/env.d.ts
+++ /dev/null
@@ -1 +0,0 @@
-/// <reference types="astro/client" />
diff --git a/src/layouts/BlogLayout.astro b/src/layouts/BlogLayout.astro
deleted file mode 100644
index 8f7e281..0000000
--- a/src/layouts/BlogLayout.astro
+++ /dev/null
@@ -1,22 +0,0 @@
----
-import Divider from "../components/misc/Divider.astro";
-import Layout from "./Layout.astro";
-
-const { frontmatter } = Astro.props;
----
-
-<Layout>
-    <main
-        class="w-1/2 sm:w-5/6 md:w-4/5 lg:w-4/5 xl:w-4/5 2xl:w-1/2 mx-auto mt-4 mb-6 flex flex-col justify-center">
-        <div class="relative mb-4">
-            <img class="aspect-video object-cover" src={frontmatter.image} alt=""/>
-            <a href={frontmatter.imageattr} class="absolute bottom-0 right-0 h-[24px]">
-                <span class="material-symbols-outlined opacity-25 mr-[4px]">link</span>
-            </a>
-        </div>
-        <p class="my-2 font-bold text-5xl">{frontmatter.title}</p>
-        <p>{frontmatter.date}</p>
-        <Divider />
-        <slot />
-    </main>
-</Layout>
diff --git a/src/layouts/InteractiveDemoLayout.astro b/src/layouts/InteractiveDemoLayout.astro
deleted file mode 100644
index 6b5d02d..0000000
--- a/src/layouts/InteractiveDemoLayout.astro
+++ /dev/null
@@ -1,61 +0,0 @@
----
-    import Divider from "../components/misc/Divider.astro";
-    import Layout from "./Layout.astro";
-    const { frontmatter } = Astro.props;
----
-
-<Layout>
-    <main class="w-5/6 sm:w-5/6 md:w-4/5 lg:w-4/5 xl:w-4/5 2xl:w-1/2 mx-auto mt-4 mb-6 flex flex-col justify-center">
-        <div class="relative mb-4">
-            <img class="aspect-video object-cover rounded-xl" src={frontmatter.image} alt="" />
-            <a href={frontmatter.imageattr} class="absolute bottom-0 right-0 h-[24px]">
-                <span class="material-symbols-outlined opacity-25 mr-[4px]">link</span>
-            </a>
-        </div>
-        <p class="my-2 font-bold text-5xl">{frontmatter.title}</p>
-        <p>{frontmatter.date}</p>
-        <Divider />
-        <!-- Render our markdown with the normal header styling and some extra padding. -->
-        <style is:inline>
-            .astro-code {
-                margin-bottom: 1rem;
-                padding: 8px;
-            }
-
-            h1,
-            h2,
-            h3,
-            h4,
-            h5,
-            h6,
-            p,
-            hr {
-                margin-bottom: 1rem;
-            }
-
-            h1 {
-                font-size: 3rem;
-                line-height: 1;
-            }
-
-            h2 {
-                font-size: 2.25rem;
-                line-height: 2.5rem;
-            }
-
-            h3 {
-                font-size: 1.875rem;
-                line-height: 2.25rem;
-            }
-
-            img {
-                margin: auto;
-            }
-
-            a {
-                text-decoration: underline;
-            }
-        </style>
-        <slot />
-    </main>
-</Layout>
\ No newline at end of file
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
deleted file mode 100644
index a7221f5..0000000
--- a/src/layouts/Layout.astro
+++ /dev/null
@@ -1,60 +0,0 @@
----
-	export interface Props {
-		title?: string;
-	}
-
-	import Nav from '../components/nav/Nav.astro';
-	import Footer from '../components/Footer.astro';
-
-	const { title } = Astro.props;
----
-
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-	<meta charset="UTF-8" />
-	<meta name="viewport" content="width=device-width" />
-	<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-	<meta name="generator" content={Astro.generator} />
-	<title>thomaspcole.com {title}</title>
-
-	<link rel="preconnect" href="https://fonts.googleapis.com">
-	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-	<link
-		href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"
-		rel="stylesheet">
-	<link rel="stylesheet"
-		href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" />
-	<style>
-		.material-symbols-outlined {
-			font-variation-settings:
-				'FILL' 0,
-				'wght' 400,
-				'GRAD' 0,
-				'opsz' 48
-		}
-	</style>
-	<script is:inline>
-		if (localStorage.getItem("theme") === null) {
-			document.documentElement.setAttribute("data-theme", "business");
-		} else {
-			document.documentElement.setAttribute("data-theme", localStorage.getItem("theme"));
-		}
-	</script>
-	<script>
-		import { themeChange } from 'theme-change';
-		themeChange();
-	</script>
-</head>
-
-<body class="">
-	<Nav />
-	<div class="ml-0 sm:ml-0 md:ml-0 lg:ml-72 xl:ml-72 2xl:ml-72 flex flex-col min-h-[calc(100vh-48px)] lg:min-h-screen xl:min-h-screen">
-		<slot />
-		<div class="grow"></div>
-		<Footer/>
-	</div>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/src/main.ts b/src/main.ts
new file mode 100644
index 0000000..4edd94e
--- /dev/null
+++ b/src/main.ts
@@ -0,0 +1,88 @@
+import './style.css';
+import * as THREE from 'three';
+import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls';
+
+//scene setup
+const scene = new THREE.Scene();
+const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
+const camera2 = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 100);
+const renderer = new THREE.WebGLRenderer({
+  canvas: document.querySelector('#bg'),
+});
+
+renderer.setPixelRatio(window.devicePixelRatio);
+renderer.setSize(window.innerWidth, window.innerHeight);
+camera.position.setZ(30);
+camera2.position.setZ(30);
+
+
+//Monitors
+const monitorGeo = new THREE.BoxGeometry(10,10,1);
+const monitorMaterial = new THREE.MeshStandardMaterial({color: 0x0000ff});
+
+const monitor1 = new THREE.Mesh(monitorGeo, monitorMaterial);
+
+const monitor2 = new THREE.Mesh(monitorGeo, monitorMaterial);
+monitor2.position.x = -15;
+monitor2.position.z = 5;
+monitor2.lookAt(camera2.position);
+
+const monitor3 = new THREE.Mesh(monitorGeo, monitorMaterial);
+monitor3.position.x = 15;
+monitor3.position.z = 5;
+monitor3.lookAt(camera2.position)
+
+scene.add(monitor1, monitor2, monitor3);
+
+
+// Lights
+
+const pointLight = new THREE.PointLight(0xffffff);
+pointLight.position.set(5, 5, 5);
+scene.add(pointLight);
+
+const ambientLight = new THREE.AmbientLight(0xffffff);
+scene.add(ambientLight);
+
+const lightHelper = new THREE.PointLightHelper(pointLight)
+const gridHelper = new THREE.GridHelper(200, 50);
+const camHelper = new THREE.CameraHelper(camera2);
+scene.add(lightHelper, gridHelper, camHelper);
+
+const controls = new OrbitControls(camera, renderer.domElement);
+
+renderer.render(scene, camera);
+
+
+function lookAtMonitor(monitor: number){
+  switch (monitor) {
+    case 1:
+      camera2.lookAt(monitor1.position);
+      break;
+    case 2:
+      camera2.lookAt(monitor2.position);
+      break;
+    case 3:
+      camera2.lookAt(monitor3.position);
+      break;
+    default:
+      break;
+  }
+  //camera.position.lerp(new THREE.Vector3(-10,0,30), 0.02)
+  //camera.lookAt(new THREE.Vector3(-10, 0, 30));
+}
+
+
+
+function animate(){
+  requestAnimationFrame(animate)
+
+  controls.update();
+
+  lookAtMonitor(3);
+
+  renderer.render(scene, camera);
+
+}
+
+animate();
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
deleted file mode 100644
index 27055ed..0000000
--- a/src/pages/index.astro
+++ /dev/null
@@ -1,41 +0,0 @@
----
-import BlogProjectCard from "../components/misc/BlogProjectCard.astro";
-import Divider from "../components/misc/Divider.astro";
-import Layout from "../layouts/Layout.astro";
-
-const projects = (await Astro.glob("./projects/**/*.{md,mdx}")).sort(
-	(a,b) => 
-		new Date(b.frontmatter.date).valueOf()-
-		new Date(a.frontmatter.date).valueOf()
-	).slice(0,5);
----
-
-<Layout>
-	<main class="flex flex-col m-6 mx-auto w-5/6 sm:w-5/6 md:w-4/5 lg:w-4/5 xl:w-4/5 2xl:w-1/2">
-		<section>
-			<div class="flex flex-row">
-				<p class="text-5xl sm:text-5xl md:text-5xl lg:text-6xl py-1 font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-[#1f89db] to-[#f42a8b]">Hello World!</p>
-				<!-- <p class="text-5xl ml-1 animate-wiggle hover:animate-wiggle-infinite">👋</p> -->
-			</div>
-			<p class="text-3xl font-semibold">I'm glad you are here!</p>
-			<p>
-				Feel free to stay as long as you like. There are cool projects to explore and more to come. Stay awesome and thanks for visiting!
-			</p>
-		</section>
-		<Divider/>
-		<section>
-			<p class="text-2xl font-bold py-2 sm:text-2xl md:text-2xl lg:text-4xl xl:text-4xl 2xl:text-4xl">Latest Projects</p>
-			{
-				projects.map((post) => (
-					<BlogProjectCard
-						title={post.frontmatter.title}
-						subtitle={post.frontmatter.tagline}
-						image={post.frontmatter.image}
-						link={post.url}
-					/>
-					<Divider/>
-				))
-			}
-		</section>
-	</main>
-</Layout>
diff --git a/src/pages/projects/[page].astro b/src/pages/projects/[page].astro
deleted file mode 100644
index e852559..0000000
--- a/src/pages/projects/[page].astro
+++ /dev/null
@@ -1,59 +0,0 @@
----
-    import Layout from "../../layouts/Layout.astro";
-    import Divider from "../../components/misc/Divider.astro";
-    import BlogProjectCard from "../../components/misc/BlogProjectCard.astro";
-
-    export async function getStaticPaths({ paginate }: { paginate: any }) {
-        const posts = (await Astro.glob("./**/*.{md,mdx}")).sort(
-            (a, b) =>
-                new Date(b.frontmatter.date).valueOf() -
-                new Date(a.frontmatter.date).valueOf()
-        );
-
-        return paginate(posts, { pageSize: 10 });
-    }
-
-    const { page } = Astro.props;
----
-
-<Layout title=" | Blog">
-    <main class="w-1/2 sm:w-5/6 md:w-4/5 lg:w-4/5 xl:w-4/5 2xl:w-1/2 mx-auto mt-4">
-        <div class="flex flex-col">
-            {
-            page.data.map((post: any) => (
-            <BlogProjectCard title={post.frontmatter.title} subtitle={post.frontmatter.tagline}
-                image={post.frontmatter.image} link={post.url}/>
-            <Divider />
-            ))
-            }
-        </div>
-        <div class="w-1/2 mx-auto flex justify-between">
-            {
-            page.url.prev ? (
-            <a class="w-40 flex" href={page.url.prev}>
-                <span class="material-symbols-outlined">
-                    chevron_left
-                </span>
-                <p>Previous Page</p>
-            </a>
-            ) : (
-            <div class="w-40" />
-            )
-            }
-
-            <p class="grow text-center whitespace-nowrap">Page {page.currentPage}</p>
-            {
-            page.url.next ? (
-            <a class="w-40 flex" href={page.url.next}>
-                <p class="grow text-right">Next Page</p>
-                <span class="material-symbols-outlined">
-                    chevron_right
-                </span>
-            </a>
-            ) : (
-            <div class="w-40" />
-            )
-            }
-        </div>
-    </main>
-</Layout>
\ No newline at end of file
diff --git a/src/pages/projects/pedal-pi.mdx b/src/pages/projects/pedal-pi.mdx
deleted file mode 100644
index a30628e..0000000
--- a/src/pages/projects/pedal-pi.mdx
+++ /dev/null
@@ -1,8 +0,0 @@
----
-layout: "../../layouts/InteractiveDemoLayout.astro"
-title: "Pedal-pi"
-tagline: "A custom effects processor using MODEP"
-date: "February 10, 2023"
-image: "https://images.unsplash.com/photo-1511203438670-49f8ea8441c6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1470&q=80"
-imageattr: "https://unsplash.com/photos/lEwyj4FiHHU"
----
diff --git a/src/pages/projects/quicksort/quicksort.mdx b/src/pages/projects/quicksort/quicksort.mdx
deleted file mode 100644
index 523a662..0000000
--- a/src/pages/projects/quicksort/quicksort.mdx
+++ /dev/null
@@ -1,20 +0,0 @@
----
-layout: "../../../layouts/InteractiveDemoLayout.astro"
-title: "Quicksort Demo"
-tagline: "A simple visualization of the quicksort algorithm using p5.js"
-date: "December 23, 2022"
-image: "https://images.unsplash.com/photo-1669399213378-2853e748f217?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1632&q=80"
-imageattr: "https://unsplash.com/photos/5dgXQJ7ezuU"
----
-import Quicksort from './quicksort.svelte';
-
-<Quicksort client:load/>
----
-
-This demo was originally written as part of a job application to work for the IT department at my university. It was the first project I wrote with the aid of the p5.js library.
-I used this demo as a way to learn how to visualize the quicksort algorithm.\
-\
-I took inspiration from the YouTube video: *[15 Sorting Algorithms in 6 Minutes](https://www.youtube.com/watch?v=kPRA0W1kECg)*. The source code for those interested can be found on my *[Github](https://github.com/thomaspcole/p5QuicksortVisualization)*.\
-\
-The demo works by generating an array of 200 values then randomly shuffling the array. We then call the ```quicksort``` function to sort the array. At each iteration of the function, the code takes a 'snapshot' of the data array at that iteration. 
-By iterating through the 'snapshot' array we get our final animation. It also allows for stepping forward and backwards to see each step of the animation.
\ No newline at end of file
diff --git a/src/pages/projects/quicksort/quicksort.svelte b/src/pages/projects/quicksort/quicksort.svelte
deleted file mode 100644
index 701525f..0000000
--- a/src/pages/projects/quicksort/quicksort.svelte
+++ /dev/null
@@ -1,195 +0,0 @@
-<script>
-    import P5 from "p5-svelte/P5.svelte";
-    import { onMount } from "svelte";
-
-    // Demo modified from a very old p5js sketch written in college.
-    // The original was part of a the application process to work for the university IT department
-    // https://github.com/thomaspcole/p5QuicksortVisualization
-
-    let data = [];
-    let animArray = [];
-    let valuesToGenerate = 200;
-    let frame = 0;
-
-    let parentContainer;
-    let sketch;
-
-    //Added controls for play/pause and stepping frame by frame.
-    let playpause = false;
-
-    onMount(()=>{
-        const sketchWidth = parentContainer.offsetWidth;
-        const barWidth = (sketchWidth-20)/valuesToGenerate;
-        sketch = (p5) => {
-            p5.setup = () => {
-                for (let i = 0; i < valuesToGenerate; i++) {
-                    data[i]=(i%700);                
-                }
-
-                p5.shuffle(data, true)
-                quicksort(data, 0, data.length-1);
-                animArray.push(new arrayFrame(data.toString(), null, null, null));
-                
-                //setup the canvas
-                p5.createCanvas(sketchWidth,400);
-                p5.frameRate(30);
-            }
-
-            p5.draw = () => {
-                if(playpause){
-                    if(frame == animArray.length-1){
-                        playpause = !playpause;
-                    } else {
-                        drawFrame(frame);                    
-                        frame++;
-                    }
-
-                } else {
-                    drawFrame(frame);
-                }
-            }
-
-            function drawFrame(index){
-                let dataFrame = animArray[index];
-                p5.background(28);
-                for (var i = 0; i < valuesToGenerate; i++){
-                    p5.fill(255)
-                    if(dataFrame.midIndex == i){
-                        p5.fill(255,0,0);
-                    }
-                    if(dataFrame.lowVal == i || dataFrame.highVal == i){
-                        p5.fill(0,255,0);
-                    }
-                    p5.rect(barWidth*i+10,350, barWidth,-dataFrame.getArray()[i]);
-                }
-            }
-        }
-    })
-
-     
-
-    /**
-    * Copied directly from original code
-    * @param array the array of data being worked on
-    * @param low the low values
-    * @param high the high value
-    */
-    function quicksort(array, low, high){
-        animArray.push(new arrayFrame(array.toString(), 0, array.length, 0));
-        //Do we need to sort?
-        if(low >= high){
-            return;
-        }
-
-        //Pick a pivot point in the middle of the passed array.
-        let mid = Math.floor(low + ((high-low) / 2));
-        let pivot = array[mid];
-
-        let l = low;
-        let h = high;
-
-        while(l <= h){
-            while(array[l] < pivot){
-                l++;
-            }
-
-            while(array[h] > pivot){
-                h--;
-            }
-
-            if(l <= h){
-                //console.log(array, l, h, mid);
-                //console.log("Switch: " + array[l] + ":" + array[h]);
-                animArray.push(new arrayFrame(array.toString(), l, h, mid));
-
-                let tmp = array[l];
-                array[l] = array[h];
-                array[h] = tmp;
-                l++;
-                h--;
-            }
-        }
-
-        if(low < h){
-            quicksort(array, low, h);
-        }
-
-        if(high > l){
-            quicksort(array, l, high);
-        }       
-    }
-
-    /**
-    * Constructor for a arrayFrame object
-    * @param arrayState the array of data at a current point in time
-    * @param lowVal the low index
-    * @param highVal the high midIndex
-    * @param midIndex the pivot index
-    * @param getArray Returns the array at the current time
-    */
-    function arrayFrame(arrayState, lowVal, highVal, midIndex){
-        this.arrayState = arrayState;
-        this.lowVal = lowVal;
-        this.highVal = highVal;
-        this.midIndex = midIndex;
-
-        this.getArray = function(){
-            return this.arrayState.split(",");
-        }
-    }
-
-    function prevFrame(){
-        if(frame == 0){
-            return;
-        }
-        frame--;
-    }
-
-    function nextFrame(){
-        if(frame == animArray.length-1){
-            return;
-        }
-        frame++;
-    }
-
-    function reset(){
-        frame=0;
-    }
-</script>
-
-<div bind:this={parentContainer} class="w-full">
-    <P5 {sketch}/>
-</div>
-<div class="flex justify-evenly mt-6 mb-4">
-    <button on:click={prevFrame}>
-        <span class="material-symbols-outlined">
-            skip_previous
-        </span>
-    </button>
-    <button on:click={()=>{
-        if(frame==animArray.length-1){
-            reset();
-        } else {
-            playpause = !playpause;
-        }
-    }}>
-    {#if playpause}
-        <span class="material-symbols-outlined">
-            pause
-        </span>
-    {:else if frame==animArray.length-1}
-        <span class="material-symbols-outlined">
-            restart_alt
-        </span>
-    {:else}
-        <span class="material-symbols-outlined">
-            play_arrow
-        </span>
-    {/if}
-    </button>
-    <button on:click={nextFrame}>
-        <span class="material-symbols-outlined">
-            skip_next
-        </span>
-    </button>
-</div>
\ No newline at end of file
diff --git a/src/pages/projects/sitemap/sitemapgraph.mdx b/src/pages/projects/sitemap/sitemapgraph.mdx
deleted file mode 100644
index cd4cc5b..0000000
--- a/src/pages/projects/sitemap/sitemapgraph.mdx
+++ /dev/null
@@ -1,86 +0,0 @@
----
-layout: "../../../layouts/InteractiveDemoLayout.astro"
-title: "Visual Sitemap"
-tagline: "Using Cytoscape.js to visualize all the pages of a website"
-date: "January 6, 2023"
-image: "https://images.unsplash.com/photo-1639322537228-f710d846310a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1632&q=80"
-imageattr: "https://unsplash.com/photos/T9rKvI3N0NM"
----
-import Sitemapgraph from './sitemapgraph.svelte'
-
-### Background
-
-I was given a project at work to help improve the SEO of our organization's website. We quickly realized that we did not have a great overview of everything on the website. This began the search for a tool to help visualize all the pages on the website. While there are lots of expensive SEO tools we struggled to find something that would just give us a hierarchical view of pages. So if the tool doesn't exist, we need to make the tool.
-
-### Designing the tool
-
-![xkcd](https://imgs.xkcd.com/comics/manuals.png)
-
-I set out to make a generic site mapper that could take a url and crawl all other pages on the site. I wanted it to have a simple command line interface, with the ability to save results for later viewing, and be able to spin up an integrated web server for the visualization. I also took the opportunity to write it all in Typescript, and I mean really use it not just write Javascript in a .ts file. 
-
-The command line interface and saving a file to disk are straight forward enough. The node fs module lets us read and write to the host filesystem and [Yargs](http://yargs.js.org/) can handle the command line stuff for us. Even crawling a website wasn't too difficult. The [sitemap-generator](https://www.npmjs.com/package/sitemap-generator) project handles all the heavy lifting. The generator creates a crawler object that keeps track of every page it visits in a queue. By looking at that queue after the crawler finishes we can get json objects of every page visited and importantly for us the page that linked to it. Finally, [Express](https://expressjs.com/) framework will handle the web server bits for the visualization. 
-
-### Putting it all together
-
-So we have a great big array of json objects that have a url and a referrer among other things. How do we take this data and turn it into something usable? 
-
-***Graphs***
-
-My CS200 professor can rest easy, I was paying attention and did learn something. Side note: for the sake of this app, we made the decision to not care about back links. While this doesn't change the implementation of our graph it does simplify displaying the graph as we don't have to worry about loops. On to the code. 
-
-```typescript
-class Vertex {
-    name: string;
-    ajd: Array<Edge>;
-
-    constructor(name: string) {
-        this.name = name;
-        this.ajd = new Array<Edge>();
-    }
-
-    toString() {
-        return this.name;
-    }
-}
-
-class Edge {
-    destination: Vertex;
-
-    constructor(vertex: Vertex) {
-        this.destination = vertex;
-    }
-}
-```
-
-Each Vertex in the graph has a name and an array of edges. Each edge has a destination vertex. Easy enough. Now for the graph. We keep a map of vertex names and its corresponding vertex. If the vertex does not exist in the map we add it to the map and return the vertex. Adding an edge then becomes as simple as passing the name of the two vertices we want to connect. If both vertices don't exist they are created in the graph and we push the new edge to the source vertex adjacency array. Thats really it, there is some code omitted from the example below for printing the graph as well serializing the graph object so it can be saved to disk. 
-
-```typescript
-class Graph {
-    vertices: Map<string, Vertex>;
-  
-    constructor() {
-        this.vertices = new Map<string, Vertex>();
-    }
-
-    getVertex(name: string) {
-        let v = this.vertices.get(name);
-        if (v === undefined) {
-            v = new Vertex(name);
-            this.vertices.set(name, v);
-        }
-        return v;
-    }
-
-    addEdge(source: string, dest: string) {
-        const v = this.getVertex(source);
-        const w = this.getVertex(dest);
-        v.ajd.push(new Edge(w));
-    }
-}
-```
-
-Now that we have a graph representation of our site we just need to convert it something a bit more visually appealing. [Cytoscape.js](https://js.cytoscape.org/) will handle that for us. I was tempted to use something like p5.js or D3 to handle the visualization but Cytoscape seemed better built for graph and network data structures. The translation from our graph data structure to Cytoscape is super easy, just pass in an array of vertices and edges. 
-
-Finally after all that crawling and parsing we are left with the desired result. A interactive hierarchical view of every page on a website. Is the tool perfect, no, but it was good enough for what we needed.
-
-<Sitemapgraph client:load/>
\ No newline at end of file
diff --git a/src/pages/projects/sitemap/sitemapgraph.svelte b/src/pages/projects/sitemap/sitemapgraph.svelte
deleted file mode 100644
index 0bf822c..0000000
--- a/src/pages/projects/sitemap/sitemapgraph.svelte
+++ /dev/null
@@ -1,107 +0,0 @@
-<script>
-    import cytoscape from 'cytoscape';
-  import { onMount } from 'svelte';
-    let div;
-    let data = {"map":[{"name":"root","adj":[{"destination":{"name":"http://localhost:8000/","ajd":[{"destination":{"name":"http://localhost:8000/about.html","ajd":[]}},{"destination":{"name":"http://localhost:8000/blog/demo1.html","ajd":[]}},{"destination":{"name":"http://localhost:8000/blog/demo2.html","ajd":[]}}]}}]},{"name":"http://localhost:8000/","adj":[{"destination":{"name":"http://localhost:8000/about.html","ajd":[]}},{"destination":{"name":"http://localhost:8000/blog/demo1.html","ajd":[]}},{"destination":{"name":"http://localhost:8000/blog/demo2.html","ajd":[]}}]},{"name":"http://localhost:8000/about.html","adj":[]},{"name":"http://localhost:8000/blog/demo1.html","adj":[]},{"name":"http://localhost:8000/blog/demo2.html","adj":[]}]};
-    let cyElements = [];
-
-    onMount(()=>{
-        //load all vertexes into cytoscape
-        data.map.forEach((element) => {
-            let shortURL = element.name.replace(/^(?:\/\/|[^/]+)*\//, "/");
-            cyElements.push({
-              data: {
-                id: element.name,
-                name: element.name,
-                short: shortURL,
-                href: element.name,
-              },
-            });
-          });
-
-          data.map.forEach((element) => {
-            if (element.adj.length > 0) {
-              for (let i = 0; i < element.adj.length; i++) {
-                const e = element.adj[i];
-                let cyid = element.name + "," + element.adj[i].destination.name;
-                let cysrc = element.name;
-                let cytgt = element.adj[i].destination.name;
-                cyElements.push({
-                  data: {
-                    id: cyid,
-                    source: cysrc,
-                    target: cytgt,
-                  },
-                });
-              }
-            }
-          });
-
-          cytoscape({
-            container: div,
-            elements: cyElements,
-            style: [
-              {
-                selector: "node",
-                style: {
-                  'content': "data(name)",
-                  'text-valign' : 'center',
-                  'shape': 'round-rectangle',
-                  'width': '500px',
-                  'height': '50px',
-                  'background-color' : '#F8F9FA',
-                  'border-color': '#000',
-                },
-              },
-              {
-                selector: "edge",
-                style: {
-                  'line-color': "#fff"
-                }
-              }
-            ],
-            layout: {
-              name: "breadthfirst",
-              fit: true, // whether to fit the viewport to the graph
-              directed: true, // whether the tree is directed downwards (or edges can point in any direction if false)
-              padding: 10, // padding on fit
-              circle: false, // put depths in concentric circles if true, put depths top down if false
-              grid: false, // whether to create an even grid into which the DAG is placed (circle:false only)
-              spacingFactor: 1, // positive spacing factor, larger => more space between nodes (N.B. n/a if causes overlap)
-              boundingBox: undefined, // constrain layout bounds; { x1, y1, x2, y2 } or { x1, y1, w, h }
-              avoidOverlap: true, // prevents node overlap, may overflow boundingBox if not enough space
-              nodeDimensionsIncludeLabels: false, // Excludes the label when calculating node bounding boxes for the layout algorithm
-              roots: cyElements[0], // the roots of the trees
-              maximal: false, // whether to shift nodes down their natural BFS depths in order to avoid upwards edges (DAGS only)
-              depthSort: undefined, // a sorting function to order nodes at equal depth. e.g. function(a, b){ return a.data('weight') - b.data('weight') }
-              animate: false, // whether to transition the node positions
-              animationDuration: 500, // duration of animation in ms if enabled
-              animationEasing: undefined, // easing of animation if enabled,
-              animateFilter: function (node, i) {
-                return true;
-              }, // a function that determines whether the node should be animated.  All nodes animated by default on animate enabled.  Non-animated nodes are positioned immediately when the layout starts
-              ready: undefined, // callback on layoutready
-              stop: undefined, // callback on layoutstop
-              transform: function (node, position) {
-                return position;
-              },
-            },
-          });
-    })
-
-     
-</script>
-
-
-<style>
-    #cy {
-        width: 100%;
-        height: 75vh;
-        display: block;
-        background-color: #343A40;
-    }
-</style>
-
-<div bind:this={div} id="cy">
-    
-</div>
\ No newline at end of file
diff --git a/src/pages/resume.astro b/src/pages/resume.astro
deleted file mode 100644
index 7dc14cd..0000000
--- a/src/pages/resume.astro
+++ /dev/null
@@ -1,93 +0,0 @@
----
-    import Layout from "../layouts/Layout.astro";
-    import Timeline from "../components/resume/Timeline.astro";
-    import Divider from "../components/misc/Divider.astro";
----
-
-<Layout title={" | Resume"}>
-
-    <style is:inline>
-        .time-line-container > div:last-child > div:nth-child(1) > span:nth-child(2){
-            display: none;
-        }
-    </style>
-
-    <main class="w-5/6 mx-auto sm:w-5/6 md:w-4/5 lg:w-4/5 xl:w-4/5 2xl:w-1/2">
-        <p class="font-bold text-2xl py-6">About Me</p>
-        <p>Detail oriented IT professional with 5+ years in systems and network administration.
-        Excellent problem-solving skills and ability to perform well in a team. 
-        Responsible for operation and maintenance of a multicampus enterprise network with 500+ average daily users.
-        Demonstrated experience in reducing operating expenses by implementing open-source solutions and services. 
-        </p>
-
-        <Divider/>
-        <p class="font-bold text-2xl py-6">Work Experience</p>
-        <div class="time-line-container">
-            <Timeline title="Director Of Information Technology" subtitle="Christ Lutheran Church | December 2020 - Present">
-                <ul class="text-sm ml-3.5 list-disc mt-2 mb-4">
-                    <li>Maintain and upgrade critical network infrascture for a multi-campus environment.</li>
-                    <li>Facilitate backups and ensure their integrity.</li>
-                    <li>Integrate with action teams to develop technology plans and solutions.</li>
-                    <li>Implement new software and hardware solutions with increased functionality while reducing costs by $50,000/yr.</li>
-                </ul>
-            </Timeline>
-            <Timeline title="Tech Assosciate" subtitle="Christ Lutheran Church | August 2019 - December 2020 (Part Time)">
-                <ul class="text-sm ml-3 5 list-disc mt-2 mb-4">
-                    <li>Develop and implement new strategies in collaboration with the Christ Providence Tech team to improve live stream services and reach a broader audience.</li>
-                    <li>Facilitated building and installation of new computer systems to improve recording and streaming capabilities of worship services.</li>
-                    <li>Run graphics for in house worship and live stream services.</li>
-                </ul>
-            </Timeline>
-            <Timeline title="Tier II Managed Services Technician " subtitle="ScanOnline | June 2019 - December 2020">
-                <ul class="text-sm ml-3 5 list-disc mt-2 mb-4">
-                    <li>Administer Office 365 and Windows Active Directory infrastructure.</li>
-                    <li>Manage company VOIP phone system and extension listings.</li>
-                    <li>Deploy and configure virtual machines to align with business needs.</li>
-                    <li>Develop new Android applications to suit the business needs of customers operating in the logistics industry.</li>
-                    <li>Maintain legacy Windows Mobile applications for existing customers.</li>
-                    <li>Preform configuration and maintenance of customer hardware and software.</li>
-                </ul>
-            </Timeline>
-            <Timeline title="Student Network Analyst" subtitle="University of North Carolina at Greensboro | February 2018 - May 2019">
-                <ul class="text-sm ml-3 5 list-disc mt-2 mb-4">
-                    <li>Assisted in maintenance and troubleshooting of enterprise network systems.</li>
-                    <li>Preformed on-boarding of new network devices at the physical level.</li>
-                </ul>
-            </Timeline>
-        </div>
-
-        <p class="font-bold text-2xl py-6">Education</p>
-        <div class="time-line-container">
-            <Timeline title="The University of North Carolina at Greensboro" subtitle="Bachelor Of Science Information Systems and Supply Chain Management, Computer Science Minor"/>
-        </div>
-
-        <p class="font-bold text-2xl py-6">Professional Certificates</p>
-        <div class="time-line-container">
-            <Timeline title="Dante Level 3" subtitle="Audianate - 2021"/>
-        </div>
-
-        <p class="font-bold text-2xl py-6">Skills</p>
-        <ul class="list-disc sm:columns-2 md:columns-2 lg:columns-5 columns-2 mx-auto">
-            <li>HTML</li>
-            <li>CSS</li>
-            <li>JavaScript</li>
-            <li>Astro</li>
-            <li>Svelte</li>
-            <li>Java</li>
-            <li>C#</li>
-            <li>Tailwind</li>
-            <li>Python</li>
-            <li>MySQL</li>
-            <li>Linux</li>
-            <li>Bash</li>
-            <li>Docker</li>
-            <li>Mosyle MDM</li>
-            <li>Windows Server</li>
-            <li>Active Directory</li>
-            <li>Cisco IOS</li>
-            <li>Ubiquiti Unifi</li>
-            <li>3CX</li>
-        </ul>
-        <Divider/>
-    </main>
-</Layout>
\ No newline at end of file
diff --git a/src/style.css b/src/style.css
new file mode 100644
index 0000000..b3871ed
--- /dev/null
+++ b/src/style.css
@@ -0,0 +1,5 @@
+canvas{
+  position: fixed;
+  top: 0;
+  left: 0;
+}
\ No newline at end of file
diff --git a/src/vite-env.d.ts b/src/vite-env.d.ts
new file mode 100644
index 0000000..11f02fe
--- /dev/null
+++ b/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
deleted file mode 100644
index 79a881b..0000000
--- a/tailwind.config.cjs
+++ /dev/null
@@ -1,34 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
-	darkMode: ["class", "[data-theme]=business"],
-	theme: {
-		fontFamily: {
-			'sans': ['Open Sans', 'ui-sans-serif, system-ui', '-apple-system', 'BlinkMacSystemFont', "Segoe UI", 'Roboto', "Helvetica Neue", 'Arial', "Noto Sans", 'sans-serif', "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"],
-			'serif': ['ui-serif', 'Georgia', 'Cambria', "Times New Roman", 'Times', 'serif'],
-			'mono': ['ui-monospace', 'SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', "Liberation Mono", "Courier New", 'monospace'],
-			'code': [],
-		},
-		extend: {
-			keyframes: {
-				wiggle: {
-				  '0%, 100%': { transform: 'rotate(-5deg)' },
-				  '50%': { transform: 'rotate(5deg)' },
-				},
-				'bg-animate':{
-					'0%,100%': {'background-position': '25% 50%'},
-					'50%': {'background-position': '75% 50%'},
-				}
-			},
-			animation: {
-				'wiggle-infinite': 'wiggle 1s ease-in-out infinite',
-				wiggle: 'wiggle 1s ease-in-out',
-				'bg-animate': 'bg-animate 5s ease-in-out infinite',
-			}
-		},
-	},
-	plugins: [require("daisyui")],
-	daisyui: {
-		themes: ["corporate", "business"],
-	},
-}
diff --git a/tsconfig.json b/tsconfig.json
index 77da9dd..eac16d1 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,3 +1,19 @@
 {
-  "extends": "astro/tsconfigs/strict"
-}
\ No newline at end of file
+  "compilerOptions": {
+    "target": "ESNext",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ESNext", "DOM"],
+    "moduleResolution": "Node",
+    "strict": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "esModuleInterop": true,
+    "noEmit": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "skipLibCheck": true
+  },
+  "include": ["src"]
+}