diff --git a/README.md b/README.md
index 8c11a8a..bd79e8f 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,2 @@
-# jonasjones.me
- My website at https://jonasjones.me
+# alpha.jonasjones.dev
+ alpha repo
diff --git a/package.json b/package.json
index 209c0b3..b73295a 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
 	"version": "0.0.1",
 	"private": true,
 	"scripts": {
-		"dev": "vite dev",
+		"dev": "vite dev --host",
 		"build": "vite build",
 		"preview": "vite preview",
 		"check": "svelte-kit sync && svelte-check --tsconfig ./jsconfig.json",
diff --git a/src/app.html b/src/app.html
index effe0d0..7def3ad 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+	<link rel="stylesheet" href="/src/routes/+page.css">
 	<head>
 		<meta charset="utf-8" />
 		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
diff --git a/src/components/FontAwesome.svelte b/src/components/FontAwesome.svelte
new file mode 100644
index 0000000..b05e6bc
--- /dev/null
+++ b/src/components/FontAwesome.svelte
@@ -0,0 +1,4 @@
+<head>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+</head>
diff --git a/src/components/Footer.svelte b/src/components/Footer.svelte
new file mode 100644
index 0000000..7ee808b
--- /dev/null
+++ b/src/components/Footer.svelte
@@ -0,0 +1,21 @@
+<div class="footer">
+    <p>Website by Jonas_Jones 2021 - 2023</p>
+</div>
+
+<style>
+.footer {
+  height: 1rem;
+  background-color: #000;
+  color: #fff;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: fixed;
+  bottom: 0px;
+  left: 0px;
+  right: 0px;
+  padding-top: 0.25rem;
+  padding-bottom: 0.5rem;
+  font-size: 20px;
+}
+</style>
diff --git a/src/components/NavBar.svelte b/src/components/NavBar.svelte
new file mode 100644
index 0000000..86ca1b1
--- /dev/null
+++ b/src/components/NavBar.svelte
@@ -0,0 +1,417 @@
+<div class="navbar">
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
+  <div class="hamburger-menu {showMenu ? 'open' : ''}" on:click={toggleMenu}>
+    <div class="hamburger-line line-1"></div>
+    <div class="hamburger-line line-2"></div>
+    <div class="hamburger-line line-3"></div>
+  </div>
+  <div class="logo">
+    <a href="/">
+      <img src="/icon_80x80.webp" alt="Logo" class="logo">
+    </a>
+  </div>
+  <div class="nav-links">
+    <nav>
+      <ul>
+        {#each navLinks as link}
+          <li><a href={link.url}>{link.name}</a></li>
+        {/each}
+      </ul>
+    </nav>
+  </div>
+  <div class="lastfm">
+    <a href="https://fm.jonasjones.dev">
+      <span class="link"></span>
+    </a>
+    <div class="lastfmlogoclass" id="lastfm_logo">
+      <img src="" alt=" " class="lastfmlogooverlay" id="lastfm_logo_overlay">
+    </div>
+    
+    <div class="lastfm-text">
+      <p id="lastfm_title"></p>
+      <p id="lastfm_artist"></p>
+    </div>
+  </div>
+  <div class="navigation-menu {showMenu ? 'show' : ''}">
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
+    <div class="hamburger-menu close-button {showMenu ? 'open' : ''}" on:click={toggleMenu}>
+      <div class="hamburger-line line-1"></div>
+      <div class="hamburger-line line-2"></div>
+      <div class="hamburger-line line-3"></div>
+    </div>
+    <ul class="links">
+      {#each navLinks as link}
+        <li><a href={link.url} on:click={toggleMenu}>{link.name}</a></li>
+      {/each}
+    </ul>
+  </div>
+
+</div>
+<div class="unsupported">
+  <TooSmallDimsOverlay />
+</div>
+
+<script>
+    let showMenu = false;
+
+  function toggleMenu() {
+    showMenu = !showMenu;
+  }
+
+  import TooSmallDimsOverlay from './TooSmallDimsOverlay.svelte';
+
+  let navLinks = [
+    { name: 'Home', url: '/' },
+    { name: 'Projects', url: '/projects'},
+    { name: 'For The Based™', url: '/based'},
+    { name: 'Status', url: '/status'},
+    { name: 'About', url: '/about' }
+  ];
+
+  // @ts-ignore
+  let miscLinks = [
+      { name: 'For The Based&trade;', url: '/based'}
+  ]
+  const fetch_url = "https://ws.audioscrobbler.com/2.0/?method=user.getrecenttracks&user=Jonas_Jones&api_key=57c0ca64285c7ca676bb8c2acf320f41&format=json&limit=1"
+
+  /**
+     * @param {string} str
+     */
+  function truncateString(str) {
+    if (str.length > 30) {
+      return str.slice(0, 30) + "...";
+    } else {
+      return str;
+    }
+  }
+
+
+
+  async function fetchLastFmData() {
+  let response = await fetch(fetch_url);
+  let data = await response.json();
+  let album_cover = data.recenttracks.track[0].image[1]['\#text'];
+  let song_title = truncateString(data.recenttracks.track[0].name);
+  //let song_title = truncateString("WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWw");
+  let artist = truncateString(data.recenttracks.track[0].artist['\#text']);
+
+  try {
+    // @ts-ignore
+    document.getElementById("lastfm_title").innerHTML = song_title;
+    // @ts-ignore
+    document.getElementById("lastfm_artist").innerHTML = artist;
+    // @ts-ignore
+    document.getElementById("lastfm_logo").style.backgroundImage = `url(${album_cover})`;
+    
+  } catch (error) {}
+
+  try {
+      let is_playing = data.recenttracks.track[0]['\@attr'].nowplaying;
+      if (is_playing == "true") {
+      // @ts-ignore
+      document.getElementById("lastfm_logo_overlay").src="/equalizer.gif";
+    } else {
+      // @ts-ignore
+      document.getElementById("lastfm_logo_overlay").src="/pause-icon-256.png";
+    }
+    } catch (error) {
+      try {
+        // @ts-ignore
+        document.getElementById("lastfm_logo_overlay").src="/pause-icon-256.png";
+      } catch (error) {}
+    }
+  }
+  fetchLastFmData();
+  setInterval(fetchLastFmData, 15000);
+  </script>
+
+  <style>
+    .hamburger-menu {
+    position: relative;
+    width: 30px;
+    height: 21.5px;
+    cursor: pointer;
+    display: none;
+    margin: 16px;
+  }
+
+  .hamburger-line {
+    position: absolute;
+    width: 100%;
+    height: 4px;
+    background-color: #fff;
+    border-radius: 4px;
+    transition: transform 0.3s, opacity 0.3s;
+  }
+
+  .hamburger-line:nth-child(2) {
+    top: 50%;
+    transform: translateY(-50%);
+  }
+
+  .hamburger-line:nth-child(3) {
+    bottom: 0;
+  }
+
+  .hamburger-menu.open .line-1 {
+    transform: rotate(-45deg) translate(-6px, 6px);
+  }
+
+  .hamburger-menu.open .line-2 {
+    opacity: 0;
+  }
+
+  .hamburger-menu.open .line-3 {
+    transform: rotate(45deg) translate(-6px, -6px);
+  }
+
+  .navigation-menu {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.8);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    z-index: 9999;
+    opacity: 0;
+    pointer-events: none;
+    transition: opacity 0.3s;
+  }
+
+  .navigation-menu.show {
+    opacity: 1;
+    pointer-events: auto;
+  }
+
+  .close-button {
+    position: absolute;
+    top: 1px;
+    left: 1px;
+    font-size: 24px;
+    color: #fff;
+    cursor: pointer;
+  }
+
+  .links {
+    list-style: none;
+    padding: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
+
+  .links li {
+    margin: 10px 0;
+  }
+
+  .links a {
+    color: #fff;
+    text-decoration: none;
+    font-size: 18px;
+  }
+
+
+
+    .navbar {
+      background-color: #2023247c;
+      padding: 10px;
+      padding-top: 0;
+      padding-bottom: 0;
+      text-align: center;
+      width: 100%;
+      height: 58px;
+      display: flex;
+      position: fixed;
+      top: 0;
+      z-index: 1;
+    }
+
+    .logo {
+      height: 45px;
+      border-radius: 10px;
+      margin-top: 3.5px;
+    }
+
+    .nav-links {
+      display: flex;
+      justify-content: center;
+      flex-grow: 1;
+    }
+
+    .nav-links {
+      margin-top: 5px;
+      margin-bottom: 5px;
+    }
+    nav {
+      padding: 10px;
+      justify-content: center;
+      width: 100%;
+      display: table;
+    }
+    
+    ul {
+      list-style-type: none;
+      margin: 0;
+      padding: 0;
+    }
+    
+    li {
+      display: inline;
+      margin-right: 10px;
+    }
+    
+    a {
+      text-decoration: none;
+      color: #ffffff;
+      padding: 5px;
+      font-size: 23px;
+    }
+    
+    a:hover {
+      color: #ddd;
+    }
+
+    .lastfm {
+      padding: 3px;
+      padding-right: 10px;
+      padding-left: 0;
+      margin: 0;
+      justify-content: right;
+      justify-self: right;
+      align-items: right;
+      float: right;
+      display: flex;
+      position: relative;
+      right: 3px;
+      top: 3.5px;
+      border-radius: 5px;
+      max-width:300px;
+      height: 43px;
+      overflow: hidden;
+    }
+    .lastfm:hover {
+      background-color: #202324;
+    }
+    .lastfm img {
+      width: 30px;
+      height: 30px;
+      border-radius: 10%;
+      margin-right: 10px;
+    }
+    .lastfm #lastfm_logo {
+      width: 40px;
+      height: 40px;
+      margin-right: 10px;
+      background-size: cover;
+      background-position: center;
+      background-repeat: no-repeat;
+      border-radius: 10%;
+      align-items: center;
+    }
+    .lastfm #lastfm_artist {
+      font-size: 13px;
+      text-align: left;
+      padding: 0;
+      margin: 0;
+      display: flex;
+    }
+    .lastfm #lastfm_title {
+      font-size: 19px;
+      text-align: left;
+      padding: 0;
+      margin: 0;
+      display: flex;
+    }
+    .lastfm #lastfm_logo_overlay {
+      width: 40px;
+      height: 40px;
+      margin-right: 10px;
+      opacity: 0.5;
+      align-self: center;
+    }
+    .link {
+      position: absolute;
+      width: 100%;
+      height: 100%;
+      top: 0;
+      left: 0;
+      z-index: 1;
+    }
+
+    .unsupported {
+      display: block;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      width: 100%;
+    z-index: 9999;
+    }
+
+    @media only screen and (max-width: 900px) and (min-width: 650px) {
+      .lastfm #lastfm_title, .lastfm #lastfm_artist {
+        display: none;
+      }
+      .lastfm {
+        width: 50px;
+      }
+      .navigation-menu {
+        display: none;
+      }
+    }
+
+    @media only screen and (max-width: 650px) and (min-width: 375px) {
+      .nav-links {
+        display: none;
+      }
+      .lastfm #lastfm_title, .lastfm #lastfm_artist {
+        display: flex;
+      }
+      .hamburger-menu {
+        display: block;
+      }
+      .logo {
+        display: none;
+      }
+    }
+
+    @media only screen and (max-width: 375px) and (min-width: 300px) {
+      .lastfm #lastfm_title, .lastfm #lastfm_artist {
+        display: none;
+      }
+      .lastfm {
+        width: 50px;
+      }
+      .nav-links {
+        display: none;
+      }
+      .hamburger-menu {
+        display: block;
+      }
+      .logo {
+        display: none;
+      }
+    }
+
+    @media only screen and (max-width: 300px) and (min-width: 0px) {
+      .lastfm #lastfm_title, .lastfm #lastfm_artist {
+        display: none;
+      }
+      .lastfm {
+        width: 50px;
+      }
+      .nav-links {
+        display: none;
+      }
+      .hamburger-menu {
+        display: block;
+      }
+      .logo {
+        display: none;
+      }
+    }
+
+  </style>
diff --git a/src/components/ParallaxBg.svelte b/src/components/ParallaxBg.svelte
new file mode 100644
index 0000000..7efeee3
--- /dev/null
+++ b/src/components/ParallaxBg.svelte
@@ -0,0 +1,47 @@
+<script>
+  let mouseX = 0;
+  let mouseY = 0;
+
+  /**
+   * @param {{ clientX: number; clientY: number; }} event
+   */
+  function handleMouseMove(event) {
+    mouseX = event.clientX;
+    mouseY = event.clientY;
+  }
+</script>
+  
+<style>
+  @import '../routes/+page.css';
+  .container {
+    min-height: 100vh;
+    position: relative;
+    overflow: hidden; /* Ensure the background image does not overflow */
+  }
+
+  .parallax-background {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-image: url('/ricky.webp');
+    background-repeat: no-repeat;
+    background-size: cover;
+    background-position: center center;
+    @media only screen and (min-width: 768px) {
+      transform: translateX(calc(-1 * var(--mouse-x) / 50)) translateY(calc(-1 * var(--mouse-y) / 50));
+  }
+    z-index: -1; /* Place the background behind other content */
+  }
+</style>
+
+<main class="container" on:mousemove={handleMouseMove}>
+  <div class="parallax-background" style="--mouse-x: {mouseX}px; --mouse-y: {mouseY}px;">
+      <img src="/ricky.webp" width="102%" height="101%" alt="Parallax Background" class="parallax-image">
+      
+  </div>
+  <!-- Your main content goes here -->
+  <slot></slot>
+</main>
+  
\ No newline at end of file
diff --git a/src/components/TooSmallDimsOverlay.svelte b/src/components/TooSmallDimsOverlay.svelte
new file mode 100644
index 0000000..9f86bf9
--- /dev/null
+++ b/src/components/TooSmallDimsOverlay.svelte
@@ -0,0 +1,34 @@
+<style>
+  .overlay {
+    position: fixed;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    background-color: rgba(0, 0, 0, 0.25);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    z-index: 9999;
+  }
+
+  @media (min-width: 299.99px) {
+    .overlay {
+      display: none;
+    }
+  }
+
+  .notice {
+    background-color: #1f1f1f;
+    padding: 20px;
+    border-radius: 8px 8px 0 0;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
+    text-align: center;
+  }
+</style>
+
+<div class="overlay">
+  <div class="notice">
+  <p>Your screen resolution isn't supported by this website. if You're on a computer, try zooming out or resizing the window.</p>
+  </div>
+</div>
+  
\ No newline at end of file
diff --git a/src/components/padding.svelte b/src/components/padding.svelte
new file mode 100644
index 0000000..52d183d
--- /dev/null
+++ b/src/components/padding.svelte
@@ -0,0 +1,3 @@
+<!-- please god dont send me to hell for doing this -->
+<h1> </h1>
+<h1> </h1>
diff --git a/src/routes/+error.svelte b/src/routes/+error.svelte
new file mode 100644
index 0000000..6e63a27
--- /dev/null
+++ b/src/routes/+error.svelte
@@ -0,0 +1,72 @@
+<script>
+    import NavBar from "../components/NavBar.svelte";
+    import Footer from "../components/Footer.svelte";
+    import ParallaxBg from "../components/ParallaxBg.svelte";
+    import Padding from "../components/padding.svelte";
+
+    let isGif1 = true;
+
+    function toggleGif() {
+        isGif1 = !isGif1;
+    }
+
+    function toggleTaeyong() {
+        const taeyong = document.querySelector('.taeyong');
+        taeyong.style.display = 'block';
+    }
+
+    function toggleTaeyongoff() {
+        const taeyong = document.querySelector('.taeyong');
+        taeyong.style.display = 'none';
+    }
+</script>
+
+<ParallaxBg>
+    <NavBar />
+    <Padding />
+    <title>404 - Page not found</title>
+    <center>
+        <h1>ERROR 404</h1>
+        <h2>Page not found</h2>
+        <!-- svelte-ignore a11y-missing-attribute -->
+        <!-- svelte-ignore a11y-click-events-have-key-events -->
+        <a on:click={toggleTaeyong}>오류다</a>
+        <div style="height:300px;width:600px">
+            <!-- svelte-ignore a11y-click-events-have-key-events -->
+            <img
+                src={isGif1 ? '/johnrefs1.gif' : '/johnrefs2.gif'}
+                alt="Toggle GIF"
+                on:click={toggleGif}
+            />
+        </div>
+    </center>
+    <Footer />
+</ParallaxBg>
+<div class="taeyong">
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
+    <img src="/taeyong.gif" alt="taeyong" on:click={toggleTaeyongoff} height="100%" width="100%" />
+</div>
+
+<style>
+    @import '+page.css';
+    h1 {
+        font-size: 50px;
+        color: rgb(0, 255, 0);
+        margin: 0;
+        margin-top: 20px;
+    }
+    h2 {
+        font-size: 35px;
+        color: rgb(0, 255, 0);
+    }
+
+    .taeyong {
+        position: absolute;
+        bottom: 0;
+        right: 0;
+        width: 100%;
+        height: 100%;
+        z-index: 1;
+        display: none;
+    }
+</style>
diff --git a/src/routes/+page.css b/src/routes/+page.css
index 4bcd53a..07ab6fa 100644
--- a/src/routes/+page.css
+++ b/src/routes/+page.css
@@ -1,12 +1,41 @@
 /* Import Font Awesome for social media icons */
 @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');
 
+@font-face {
+  font-family: 'sary_soft_semiboldregular';
+  src: url('/font/sary-soft.soft-semibold-webfont.woff2') format('woff2'),
+       url('/font/sary-soft.soft-semibold-webfont.woff') format('woff');
+  font-weight: normal;
+  font-style: normal;
+
+}
+
+html {
+  font-family: 'sary_soft_semiboldregular';
+  margin: 0px;
+  background-color: #202324;
+}
+
 body {
   margin: 0;
   padding: 0;
-  font-family: 'Roboto', sans-serif;
-  background-color: #333;
-  color: rgb(0, 255, 0)
+  font-family: 'sary_soft_semiboldregular';
+  color: rgb(0, 255, 0);
+  text-align: center;
+}
+
+.parallax-background {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-image: url('/ricky.png');
+  background-repeat: no-repeat;
+  background-size: 90%;
+  background-position: center center;
+  transform: translateX(calc(-1 * (var(--mouse-x)) / 50)) translateY(calc(-1 * var(--mouse-y) / 50));
+  z-index: -1; /* Place the background behind other content */
 }
 
 /* Set container styles */
@@ -14,7 +43,10 @@ body {
   display: flex;
   flex-direction: column;
   align-items: center;
-  height: 100%;
+  position: relative;
+  overflow: hidden;
+  padding-right: 3%;
+  padding-left: 3%;
 }
 
 .image-wrapper {
@@ -38,7 +70,6 @@ body {
   align-items: center;
   width: 100%;
   margin-top: 1rem;
-  height: 3rem;
 }
 
 .picture {
@@ -70,7 +101,7 @@ body {
     color: rgb(0, 255, 0);
     text-decoration: underline;
     transition: all 0.2s ease-in-out;
-    font-family: 'Fira Code', monospace;
+    font-family: 'sary_soft_semiboldregular';
     font-style: italic;
   }
 
@@ -85,6 +116,7 @@ body {
 .social-media {
   margin-top: 1rem;
   color: white;
+  margin-bottom: 30px;
 }
 
 .row {
@@ -106,21 +138,6 @@ body {
   transform: scale(1.3); /* make icon 20% bigger on hover */
 }
 
-.footer {
-  height: 1rem;
-  background-color: #000;
-  color: #fff;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  position: fixed;
-  bottom: 0px;
-  left: 0px;
-  right: 0px;
-  padding-top: 0.25rem;
-  padding-bottom: 0.125rem;
-}
-
 .line {
   padding: 10px;
 }
@@ -136,16 +153,3 @@ body {
   transform: scale(100);
   color: gray;
 }
-
-
-.alpha-test {
-  background-color: orange;
-  border-radius: 0px 0px 0px 25px;
-  padding-right: 15px;
-  color: #fff;
-  width: 500px;
-  position: fixed;
-  top: 0;
-  right: 0;
-  text-align: right;
-}
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 5493bbf..a8709ff 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,50 +1,41 @@
-
-<div class="container">
+<ParallaxBg>
+<Navbar />
+<title>Jonas_Jones</title>
+  <Padding />
   <div class="image-wrapper">
     <div class="card-front">
       <!-- svelte-ignore a11y-img-redundant-alt -->
-      <img src="/icon_800x800_transparent.png" alt="My Picture" class="picture">
+      <img src="/icon_800x800_transparent.webp" alt="My Picture" class="picture">
     </div>
     <div class="card-back">
       <!-- svelte-ignore a11y-img-redundant-alt -->
-      <img src="/root_logo.png" alt="My Picture" class="picture">
+      <img src="/root_logo.webp" alt="My Picture" class="picture">
     </div>
   </div>
-  <div class="alpha-test">
-    <h3>Alpha Site</h3>
-    <p>Click <a href="https://alpha.jonasjones-me.pages.dev/">here</a> to get to the alpha website and check out the latest progress towards the upcoming release</p>
+  <div class="line">
+    <hr>
   </div>
-  <div class="links">
-    <a href="https://old.jonasjones.me" class="home-link">Home</a>
-    <a href="based/" class="for-the-based-link">For The Based&trade;</a>
-    </div>
-    <div class="line">
-      <hr>
-    </div>
-    <div class="line-content">
-      <p>Idk how this dott got here but im leaving it.</p>
-    </div>
-    <div class="social-media">
+  <div class="line-content">
+    <p>Idk how this dot got here but im leaving it.</p>
+  </div>
+  <div class="social-media">
     <div class="row">
-        <a href="https://github.com/J-onasJones"><i class="fab fa-github"></i></a>
-        <a href="https://www.youtube.com/@JonasJones"><i class="fab fa-youtube"></i></a>
-        <a href="https://discord.gg/V2EsuUVmWh"><i class="fab fa-discord"></i></a>
+      <a href="https://github.com/J-onasJones"><i class="fab fa-github"></i></a>
+      <a href="https://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg"><i class="fab fa-youtube"></i></a>
+      <a href="https://discord.gg/V2EsuUVmWh"><i class="fab fa-discord"></i></a>
     </div>
     <div class="row">
-        <a href="https://www.reddit.com/u/Jonas_Jones_"><i class="fab fa-reddit"></i></a>
-        <a href="https://twitter.com/Jonas_Jones_"><i class="fab fa-twitter"></i></a>
-        <a href="https://www.instagram.com/_jonas_jones_"><i class="fab fa-instagram"></i></a>
+      <a href="https://www.reddit.com/u/Jonas_Jones_"><i class="fab fa-reddit"></i></a>
+      <a href="https://twitter.com/Jonas_Jones_"><i class="fab fa-twitter"></i></a>
+      <a href="https://www.instagram.com/_jonas_jones_"><i class="fab fa-instagram"></i></a>
     </div>
   </div>
-</div>
-<div class="footer">
-  <p>Website by Jonas_Jones @ jonasjones.me. 2021 - 2023</p>
-</div>
-  
-  <script>
-    // Add script here if needed
-  </script>
-  
-  <style>
-    @import '+page.css';
-  </style>
\ No newline at end of file
+</ParallaxBg>
+<Footer />
+
+<script>
+  import Navbar from '../components/NavBar.svelte';
+  import Footer from '../components/Footer.svelte';
+  import ParallaxBg from '../components/ParallaxBg.svelte';
+  import Padding from '../components/padding.svelte';
+</script>
diff --git a/src/routes/about/+page.svelte b/src/routes/about/+page.svelte
new file mode 100644
index 0000000..75b0ebb
--- /dev/null
+++ b/src/routes/about/+page.svelte
@@ -0,0 +1,38 @@
+<script>
+    import Footer from "../../components/Footer.svelte";
+    import NavBar from "../../components/NavBar.svelte";
+    import ParallaxBg from "../../components/ParallaxBg.svelte";
+    import Padding from "../../components/padding.svelte";
+</script>
+<ParallaxBg>
+    <title>About</title>
+    <div class="container">
+        <Padding />
+        <NavBar />
+        <h1>About</h1>
+        <p class="text">Once upon a time, in the realm of technology, there emerged a tech prodigy named Jonas Jones. Jonas possessed an unparalleled passion for open-source software and a relentless pursuit of innovation. His vision extended beyond mere conquest; he sought to revolutionize the world with the power of Linux, challenging the dominance of the reigning Windows empire.<br>
+            Armed with his trusty 16-framework laptop, Jonas embarked on a quest to dismantle the barriers erected by Windows and liberate the digital landscape. With each line of code he crafted, the Linux revolution grew stronger, captivating hearts and minds worldwide.<br>
+            Jonas's expertise in the realm of Linux was awe-inspiring. He possessed an encyclopedic knowledge of the command line, deftly navigating the intricate intricacies of the operating system. His coding skills were matched only by his indomitable spirit and unwavering dedication to the cause.<br>
+            Word of Jonas's audacious mission spread like wildfire. From dimly lit hacker forums to bustling tech conferences, his name became synonymous with the Linux uprising. Tech enthusiasts rallied behind him, inspired by his passion and unwavering belief in the power of open-source software.<br>
+            As Jonas continued to advance his noble cause, the world felt the tremors of change. Corporations, governments, and individuals began embracing the freedom and security offered by Linux. Its versatility and customizable nature proved to be a formidable weapon in the battle against proprietary software.<br>
+            Windows, once considered an unassailable fortress, faced the relentless onslaught of Jonas's Linux revolution. In a symphony of code and determination, Jonas dismantled the walls that had long confined users, empowering them to forge their own digital destinies.<br>
+            The transformation was nothing short of extraordinary. Jonas's Linux-powered empire began to flourish, fostering a vibrant community of like-minded individuals. They shared knowledge, collaborated on groundbreaking projects, and created a harmonious ecosystem where innovation thrived.<br>
+            Yet, Jonas never lost sight of his humble beginnings. Amidst the rapid rise of his empire, he remained grounded, connecting with Linux enthusiasts across the globe. His charisma and down-to-earth nature endeared him to the masses, inspiring a new generation of tech leaders driven by the principles of openness and collaboration.<br>
+            And so, the world witnessed the ascent of Jonas Jones, the Linux luminary, who, armed with his 16-framework laptop, embarked on a quest to topple the Windows kingdom and ignite a technological revolution. His journey taught us that with passion, knowledge, and the power of community, even the mightiest empires can be transformed.<br>
+            <br>
+            TL;DR: I asked ChatGPT. <br>
+            Also, I like K-Pop.
+        </p>
+        <h1>Greatest Acomplishment</h1>
+        <p>A severity 7.5/10 rated CVE I received for a humble project of mine as the second ever CVE in Minecraft Modding history!</p>
+        <a href="https://nvd.nist.gov/vuln/detail/CVE-2022-39221">CVE-2022-39221</a>
+        <Padding />
+    </div>
+    <Footer />
+</ParallaxBg>
+
+<style>
+    .text {
+        max-width: 1000px;
+    }
+</style>
diff --git a/src/routes/based/+page.css b/src/routes/based/+page.css
new file mode 100644
index 0000000..2f538ba
--- /dev/null
+++ b/src/routes/based/+page.css
@@ -0,0 +1,29 @@
+html {
+    background-color: #141414;
+    color: #fff;
+    font-family: 'Fira Code', monospace;
+}
+
+.terminal_user__name__text {
+    color: #FF9D00;
+}
+
+.terminal_user__host__text {
+    color: #05CE91;
+}
+
+.terminal_user {
+    display: flex;
+}
+
+#terminal-input {
+    color: #fff;
+    background-color: #1D2A35;
+    border: none;
+    outline: none;
+    font-size: 1rem;
+    font-family: 'Fira Code', monospace;
+    width: 100%;
+    /* debug */
+    border: 1px solid red;
+}
diff --git a/src/routes/based/+page.svelte b/src/routes/based/+page.svelte
index fcaee83..d8282a5 100644
--- a/src/routes/based/+page.svelte
+++ b/src/routes/based/+page.svelte
@@ -1 +1,32 @@
-<h1>Coming Soon&trade;</h1>
\ No newline at end of file
+<script>
+    import NavBar from "../../components/NavBar.svelte";
+    import Footer from "../../components/Footer.svelte";
+    import ParallaxBg from "../../components/ParallaxBg.svelte";
+    import Padding from "../../components/padding.svelte";
+</script>
+
+<ParallaxBg>
+    <NavBar />
+    <title>For the Based</title>
+    <div class="container">
+        <Padding />
+        <h1>Coming Soonish</h1>
+        <div class="terminal_user">
+                <span class="terminal_user__name__text">based</span>
+                <span class="terminal_user__at__text">@</span>
+                <span class="terminal_user__host__text">jonasjones.dev</span>
+                <span class="terminal_user__colon__text">:</span>
+                <span class="terminal_user__path__text">/home/jonasjones</span>
+                <span class="terminal_user__dollar__text">$</span>
+            <input title="terminal-input" type="text" id="terminal-input" autocomplete="off" spellcheck="false" autocapitalize="none" class="sc-ilhmMj iNZnsg" value="">
+        </div>
+    </div>
+    <Footer />
+</ParallaxBg>
+
+<style>
+    @import '+page.css';
+    .terminal_user {
+        display: none;
+    }
+</style>
diff --git a/src/routes/projects/+page.svelte b/src/routes/projects/+page.svelte
new file mode 100644
index 0000000..230736b
--- /dev/null
+++ b/src/routes/projects/+page.svelte
@@ -0,0 +1,336 @@
+<script lang="ts">
+  import FontAwesome from "../../components/FontAwesome.svelte";
+  import Footer from "../../components/Footer.svelte";
+  import NavBar from "../../components/NavBar.svelte";
+  import ParallaxBg from "../../components/ParallaxBg.svelte";
+  import Padding from "../../components/padding.svelte";
+
+  import projects from "./projects.json";
+
+  var searchResults = projects.filter(project => {
+    return project.visible === true;
+  })
+
+  var searchtext = '';
+  var searchcategory = '';
+  var searchlanguage = '';
+  var searchstatus = '';
+
+  function handleSearchText(event) {
+    searchtext = event.target.value.toLowerCase();
+    handleSearch()
+  }
+
+  function handleSearchCategory(event) {
+    searchcategory = event.target.value.toLowerCase();
+    handleSearch()
+  }
+
+  function handleSearchLang(event) {
+    searchlanguage = event.target.value.toLowerCase();
+    handleSearch()
+  }
+
+  function handleSearchStatus(event) {
+    searchstatus = event.target.value.toLowerCase();
+    handleSearch()
+  }
+
+
+  function handleSearch() {
+    // set searchResults by filtering with searchtext, searchcategory, and searchlanguage
+    searchResults = projects.filter(project => {
+      var text = project.title.toLowerCase() + project.description.toLowerCase();
+      var category = project.categories.join(' ').toLowerCase();
+      var language = project.languages.join(' ').toLowerCase();
+      var status = project.status.toLowerCase();
+      return text.includes(searchtext) && category.includes(searchcategory) && language.includes(searchlanguage) && status.includes(searchstatus) && project.visible === true;
+    })
+  }
+</script>
+
+<style>
+  /* Import Font Awesome for social media icons */
+  @import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css');
+  .container {
+    width: 90%;
+  }
+
+  .project-container {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
+    gap: 20px;
+    width: 100%;
+  }
+
+  .project {
+    transition: background-color 0.3s;
+    transition: filter 0.3s;
+    position: relative;
+    padding: 20px;
+    border-radius: 8px;
+    overflow: hidden;
+    cursor: pointer;
+    padding-bottom: 50px;
+  }
+
+  .project-bg {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: -1;
+    background-color: black;
+  }
+
+  .project-bg img {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0.918), rgba(0, 0, 0, 0));
+    transition: 0.3s;
+  }
+
+  .project:hover img {
+    -webkit-filter: blur(5px);
+    filter: blur(5px);
+  }
+
+  .project-title {
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    text-align: left;
+  }
+
+  .project-status {
+    font-size: 20px;
+    font-weight: bold;
+    margin-bottom: 10px;
+    margin-left: 10px;
+    margin-right: 10px;
+    padding: 2px;
+    padding-left: 5px;
+    padding-right: 5px;
+    border: 3px solid #dcdcdc;
+    border-radius: 3px;
+  }
+
+  .project-version {
+    font-size: 20px;
+    font-weight: bold;
+    color: white;
+    margin-bottom: 10px;
+    margin-left: 10px;
+    margin-right: 10px;
+    margin-top: -4px;
+    padding: 2px;
+    border: 3px solid #dcdcdc;
+    border-radius: 100px;
+    float: right;
+  }
+
+  .project-description {
+    margin-top: 20px;
+    margin-bottom: 10px;
+    margin-right: 12px;
+    text-align: right;
+  }
+
+  .project-links {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    position: absolute;
+    bottom: 20px;
+  }
+
+  .project-link {
+    display: inline-block;
+    margin-left: 10px;
+    color: #333;
+    text-decoration: none;
+    transition: color 0.3s;
+  }
+
+  .project-link:hover {
+    color: #666;
+  }
+
+  .download-button {
+    margin-left: 10px;
+    color: white;
+    transition: color 0.3s;
+    background-color: rgb(25, 25, 100);
+    border-radius: 5px;
+    padding: 5px;
+    padding-left: 10px;
+    padding-right: 10px;
+    text-decoration: none;
+    border: 3px solid rgb(0, 0, 100);
+    position: absolute;
+    bottom: 20px;
+    right: 20px;
+  }
+
+  .search-bar {
+  margin-bottom: 20px;
+  background-color: rgba(0, 0, 0, 0.678);
+  padding: 10px;
+  border-radius: 5px;
+  }
+
+  .search-bar input {
+    background-color: transparent;
+    border: none;
+    outline: none;
+    color: white;
+    font-size: 20px;
+    width: 100%;
+    padding-left: 10px;
+    padding-right: 10px;
+    text-align: center;
+  }
+
+  .search-bar select {
+    background-color: transparent;
+    border: none;
+    outline: none;
+    color: white;
+    font-size: 20px;
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+
+  .smaller-screen {
+    display: none;
+  }
+
+  @media only screen and (max-width: 620px) {
+    .project-container {
+      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+    }
+    .container {
+      width: 100%;
+      margin: 0;
+      padding: 0;
+    }
+    .smaller-screen {
+      display: block;
+    }
+  }
+</style>
+
+<FontAwesome />
+<ParallaxBg>
+    <title>Projects</title>
+    <div class="container">
+        <Padding />
+        <NavBar />
+        <h1>Projects</h1>
+        <div class="search-bar">
+          <input type="text" placeholder="Search projects" on:input={handleSearchText} />
+          <i class="fa fa-folder-open" aria-hidden="true"></i>
+          <select name="category" id="category" on:change={handleSearchCategory}>
+            <option value="">All</option>
+            <optgroup label="Minecraft">
+              <option value="minecraft">Minecraft</option>
+              <option value="mcmodding">Modding</option>
+              <option value="fabric">FabricMC</option>
+              <option value="quilt">QuiltMC</option>
+              <option value="forge">Forge</option>
+            </optgroup>
+            <optgroup label="WebDev">
+              <option value="webdev">WebDev</option>
+              <option value="website">Website</option>
+            </optgroup>
+            <optgroup label="Other">
+              <option value="tools">Tool</option>
+              <option value="lib">Library</option>
+            </optgroup>
+          </select>
+          <i class="fa fa-globe" aria-hidden="true"></i>
+          <select name="language" id="language" on:change={handleSearchLang}>
+            <option value="">All</option>
+            <option value="clang">C</option>
+            <option value="c++">C++</option>
+            <option value="py">Python</option>
+            <option value="java">Java</option>
+            <option value="rslang">Rust</option>
+            <option value="html">HTML</option>
+            <option value="css">CSS</option>
+            <option value="jslang">Javascript</option>
+            <option value="svelte">Svelte</option>
+            <option value="sh">Shell</option>
+            <option value="lualang">Lua</option>
+            <option value="ps2">PowerShell 2</option>
+            <option value="godot">Godot Lang</option>
+          </select>
+          <i class="fa fa-tasks" aria-hidden="true"></i>
+          <select name="status" id="status" on:change={handleSearchStatus}>
+            <option value="">All</option>
+            <option value="planned">Planned</option>
+            <option value="dev">In Development</option>
+            <option value="alpha">Alpha</option>
+            <option value="beta">Beta</option>
+            <option value="release">Release</option>
+            <option value="discontinued">Discontinued</option>
+          </select>
+          <!-- svelte-ignore a11y-missing-attribute -->
+          <a style="float: right;margin-right: 10px;margin-top: 10px;">{searchResults.length} results</a>
+        </div>
+        <div class="project-container">
+          {#each searchResults as project}
+            <div class="project">
+                <!-- svelte-ignore a11y-missing-attribute -->
+                <h2 class="project-title">{project.title}<br class="smaller-screen"><br class="smaller-screen"><a class="project-status" style="color: {project.statuscolor};border-color:{project.statuscolor}">{project.status}</a><a class="project-version">{project.version}</a></h2>
+                <p class="project-description">{project.description}</p>
+                <div class="project-bg">
+                  <img src="/project-banners/{project.backgroud}" alt=" " />
+                </div>
+                <Padding />
+                <Padding />
+                <div class="project-links">
+                  <div>
+                    {#each Object.entries(project.links) as [platform, link]}
+                    <a
+                      class="project-link"
+                      href={link}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                    >
+                    {#if platform === "GH"}
+                    <i class="fa fa-github" aria-hidden="true"></i>
+                    {:else if platform === "WB"}
+                    <i class="fa fa-globe" aria-hidden="true"></i>
+                    {:else if platform === "YT"}
+                    <i class="fa fa-youtube" aria-hidden="true"></i>
+                    {:else if platform === "TW"}
+                    <i class="fa fa-twitter" aria-hidden="true"></i>
+                    {:else if platform === "DC"}
+                    <i class="fa fa-discord" aria-hidden="true"></i>
+                    {:else if platform === "PT"}
+                    <i class="fa fa-patreon" aria-hidden="true"></i>
+                    {:else if platform === "SP"}
+                    <i class="fa fa-spotify" aria-hidden="true"></i>
+                    {:else if platform === "IG"}
+                    <i class="fa fa-instagram" aria-hidden="true"></i>
+                    {:else}
+                    {platform}
+                    {/if}
+                    </a>
+                    {/each}
+                  </div>
+                </div>
+                <div>
+                  <a class="download-button" href="/projects/{project.title}">More Info</a>
+              </div>
+            </div>
+          {/each}
+        </div>
+      <Padding />
+    </div>
+  <Footer />
+</ParallaxBg>
diff --git a/src/routes/projects/api/projects/projects.json b/src/routes/projects/api/projects/projects.json
new file mode 100644
index 0000000..35bc653
--- /dev/null
+++ b/src/routes/projects/api/projects/projects.json
@@ -0,0 +1,836 @@
+[
+  {
+    "title": "",
+    "description": "",
+    "status": "",
+    "statuscolor": "",
+    "categories": [
+      ""
+    ],
+    "languages": [
+      ""
+    ],
+    "gh_api": "",
+    "version": "",
+    "backgroud": "",
+    "links": {
+      "GH": "",
+      "WB": "",
+      "MR": ""
+    },
+    "visible": "",
+    "last_update": ""
+  },
+  {
+    "title": "Website",
+    "description": "My website at https://jonasjones.dev",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "webdev",
+      "website"
+    ],
+    "languages": [
+      "css",
+      "svelte",
+      "js",
+      "html"
+    ],
+    "gh_api": "J-onasJones/jonasjones.dev",
+    "version": "---",
+    "backgroud": "/homepage.png",
+    "links": {
+      "GH": "J-onasJones/jonasjones.dev",
+      "WB": "/",
+      "MR": ""
+    },
+    "visible": true,
+    "last_update": 1690149600
+  },
+  {
+    "title": "Minecraft Server Status",
+    "description": "A Python based program that displays Your Minecraft Server's Status Infos",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "tools"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/Minecraft-server-Status",
+    "version": "1.0",
+    "backgroud": "/mcserverstatus.png",
+    "links": {
+      "GH": "J-onasJones/Minecraft-server-Status",
+      "WB": "/projects/Minecraft-server-Status"
+    },
+    "visible": true,
+    "last_update": 1688940000
+  },
+  {
+    "title": "Alpha Website",
+    "description": "Alpha Website at https://alpha.jonasjones.dev",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "webdev",
+      "website"
+    ],
+    "languages": [
+      "svelte",
+      "css",
+      "js",
+      "html"
+    ],
+    "gh_api": "J-onasJones/alpha.jonasjones.dev",
+    "version": "---",
+    "backgroud": "/alpha-homrpage.png",
+    "links": {
+      "GH": "J-onasJones/alpha.jonasjones.dev",
+      "WB": "/projects/alpha.jonasjones.dev"
+    },
+    "visible": true,
+    "last_update": 1688853600
+  },
+  {
+    "title": "Microcraft",
+    "description": "A Minecraft mod that allows for Microcontroller and Singleboard computer control",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/Microcraft",
+    "version": "0.1+alpha1",
+    "backgroud": "/microcraft.png",
+    "links": {
+      "GH": "J-onasJones/Microcraft",
+      "WB": "/projects/Microcraft"
+    },
+    "visible": true,
+    "last_update": 1687644000
+  },
+  {
+    "title": "Not Enough Cursedness",
+    "description": "A Minecraft mod introducing every little bit of cursed items/behavior into the game",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/NotEnoughCursedness",
+    "version": "0,2",
+    "backgroud": "/notenoughcursedness.png",
+    "links": {
+      "GH": "J-onasJones/NotEnoughCursedness",
+      "WB": "/projects/NotEnoughCursedness",
+      "MR": "https://modrinth.com/mod/not-enough-cursedness"
+    },
+    "visible": true,
+    "last_update": 1684101600
+  },
+  {
+    "title": "DayZ Linux GUI Launcher",
+    "description": "DayZ Linux GUI Launcher",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "tools",
+      "game"
+    ],
+    "languages": [
+      "rslang",
+      "sh"
+    ],
+    "gh_api": "J-onasJones/dayz-linux-gui-launcher",
+    "version": "0.1.0",
+    "backgroud": "/dayzlauncher.png",
+    "links": {
+      "GH": "J-onasJones/dayz-linux-gui-launcher",
+      "WB": "/projects/dayz-linux-gui-launcher"
+    },
+    "visible": true,
+    "last_update": 1682373600
+  },
+  {
+    "title": "ConsoleMC",
+    "description": "A mod that allows console commands to be executed over the ingame Minecraft chat",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/ConsoleMC",
+    "version": "0.1.0.1",
+    "backgroud": "/consolemc.png",
+    "links": {
+      "GH": "J-onasJones/ConsoleMC",
+      "WB": "/projects/ConsoleMC",
+      "MR": "https://modrinth.com/mod/consolemc"
+    },
+    "visible": true,
+    "last_update": 1682028000
+  },
+  {
+    "title": "Better ConsoleMC",
+    "description": "A more controlable and safer successor to the ConsoleMC mod",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/BetterConsoleMC",
+    "version": "0.0.1+alpha1",
+    "backgroud": "/betterconsolemc.png",
+    "links": {
+      "GH": "J-onasJones/BetterConsoleMC",
+      "WB": "/projects/BetterConsoleMC",
+      "MR": "https://modrinth.com/mod/betterconsolemc"
+    },
+    "visible": true,
+    "last_update": 1682028000
+  },
+  {
+    "title": "MC Webserver",
+    "description": "A simple webserver that runs alongside the Minecraft Server",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/McWebserver",
+    "version": "0.2",
+    "backgroud": "/mcwebserver.png",
+    "links": {
+      "GH": "J-onasJones/McWebserver",
+      "WB": "/projects/McWebserver"
+    },
+    "visible": true,
+    "last_update": 1682028000
+  },
+  {
+    "title": "MysteryMod",
+    "description": "The base mod of the Mystery Mod mod-family. It includes the Mystery-API that is required for all other Mystery Mods to work",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/MysteryMod",
+    "version": "0.1+alpha1",
+    "backgroud": "/mysterymod.png",
+    "links": {
+      "GH": "J-onasJones/MysteryMod",
+      "WB": "/projects/MysteryMod"
+    },
+    "visible": true,
+    "last_update": 1682028000
+  },
+  {
+    "title": "Jonas_Jones API",
+    "description": "api used for my website",
+    "status": "planned",
+    "statuscolor": "yellow",
+    "categories": [
+      "api",
+      "tools"
+    ],
+    "languages": [
+      "js"
+    ],
+    "gh_api": "J-onasJones/jonas_jones-api",
+    "version": "---",
+    "backgroud": "/jjapi.png",
+    "links": {
+      "GH": "J-onasJones/jonas_jones-api",
+      "WB": "/projects/jonas_jones-api"
+    },
+    "visible": false,
+    "last_update": 1677884400
+  },
+  {
+    "title": "Website V1",
+    "description": "The repository for my old homepage at https://old.jonasjones.me",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "webdev",
+      "website"
+    ],
+    "languages": [
+      "html",
+      "css",
+      "js"
+    ],
+    "gh_api": "J-onasJones/Website-v1",
+    "version": "1,0",
+    "backgroud": "/oldwebsite.png",
+    "links": {
+      "GH": "J-onasJones/Website-v1",
+      "WB": "https://old.jonasjones.dev"
+    },
+    "visible": true,
+    "last_update": 1675206000
+  },
+  {
+    "title": "MC Webserver Forge",
+    "description": "A simple webserver that runs alongside the Minecraft Server (Forge version).",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "forge"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/McWebserver-forge",
+    "version": "0,2",
+    "backgroud": "/mcwebserver.png",
+    "links": {
+      "GH": "J-onasJones/McWebserver-forge",
+      "WB": "/projects/McWebserver-forge",
+      "MR": "https://modrinth.com/mod/mcwebserver",
+      "CF": "https://www.curseforge.com/minecraft/mc-mods/mcwebserver"
+    },
+    "visible": true,
+    "last_update": 1674946800
+  },
+  {
+    "title": "Windows Bloatware Remover",
+    "description": "A tool that allows for removal of all Preinstalled Apps on Windows that can't be removed by Windows, such as Microsoft Edge",
+    "status": "beta",
+    "statuscolor": "orange",
+    "categories": [
+      "tools"
+    ],
+    "languages": [
+      "py",
+      "rslang"
+    ],
+    "gh_api": "J-onasJones/WindowsBloatwareRemover",
+    "version": "0.1.2",
+    "backgroud": "/bloatremover.png",
+    "links": {
+      "GH": "J-onasJones/WindowsBloatwareRemover",
+      "WB": "/projects/WindowsBloatwareRemover"
+    },
+    "visible": true,
+    "last_update": 1661724000
+  },
+  {
+    "title": "Windows Info Overlay",
+    "description": "A highly configurable overlay that displays system infos",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "tools"
+    ],
+    "languages": [
+      "rslang"
+    ],
+    "gh_api": "J-onasJones/windows-info-overlay",
+    "version": "---",
+    "backgroud": "/winoverlay.png",
+    "links": {
+      "GH": "J-onasJones/windows-info-overlay",
+      "WB": "/projects/windows-info-overlay"
+    },
+    "visible": false,
+    "last_update": 1673737200
+  },
+  {
+    "title": "Better Simple Config",
+    "description": "An upgrade of magistermaks's fabric-simplelibs simple-config system with MC Mod integration",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "forge",
+      "quilt",
+      "lib"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/BetterSimpleConfig",
+    "version": "1.0",
+    "backgroud": "/bettersimpleconfig.png",
+    "links": {
+      "GH": "J-onasJones/BetterSimpleConfig",
+      "WB": "/projects/BetterSimpleConfig"
+    },
+    "visible": true,
+    "last_update": 1670886000
+  },
+  {
+    "title": "QR Generator",
+    "description": "A QR code generator written in rust",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "lib",
+      "tools"
+    ],
+    "languages": [
+      "rslang"
+    ],
+    "gh_api": "J-onasJones/Qr-generator",
+    "version": "---",
+    "backgroud": "/qrgen.png",
+    "links": {
+      "GH": "J-onasJones/Qr-generator",
+      "WB": "/projects/Qr-generator"
+    },
+    "visible": false,
+    "last_update": 1669935600
+  },
+  {
+    "title": "PyTerm2D",
+    "description": "A 2d Python module for easier terminal object rendering",
+    "status": "planned",
+    "statuscolor": "yellow",
+    "categories": [
+      "lib"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/pyterm2d",
+    "version": "---",
+    "backgroud": "/pyterm2d.png",
+    "links": {
+      "GH": "J-onasJones/pyterm2d",
+      "WB": "/projects/pyterm2d"
+    },
+    "visible": false,
+    "last_update": 1668034800
+  },
+  {
+    "title": "The Bobby Car Game",
+    "description": "A multiplayer racing game around bobby cars",
+    "status": "planned",
+    "statuscolor": "yellow",
+    "categories": [
+      "game"
+    ],
+    "languages": [
+      "godot"
+    ],
+    "gh_api": "J-onasJones/TheBobbycarGame",
+    "version": "---",
+    "backgroud": "/bobbycargame.png",
+    "links": {
+      "GH": "J-onasJones/TheBobbycarGame",
+      "WB": "/projects/TheBobbyCarGame"
+    },
+    "visible": false,
+    "last_update": 1666562400
+  },
+  {
+    "title": "Moddah",
+    "description": "A cli tool that allows for easy client and server installation of the FabricMC modloader for Minecraft",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "tools"
+    ],
+    "languages": [
+      "rslang"
+    ],
+    "gh_api": "J-onasJones/moddah",
+    "version": "0.1+alpha1",
+    "backgroud": "/moddah.png",
+    "links": {
+      "GH": "J-onasJones/moddah",
+      "WB": "/projects/moddah"
+    },
+    "visible": true,
+    "last_update": 1666044000
+  },
+  {
+    "title": "Bash Command Alias Editor",
+    "description": "This program helps you to create and edit command aliases on the Bash shell",
+    "status": "discontinued",
+    "statuscolor": "purple",
+    "categories": [
+      "tools"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/BashCommandAliasEditor",
+    "version": "2.0.1",
+    "backgroud": "/bashcmdaliaseditor.png",
+    "links": {
+      "GH": "J-onasJones/BashCommandAliasEditor",
+      "WB": "/projects/BashCommandAliasEditor"
+    },
+    "visible": true,
+    "last_update": 1663624800
+  },
+  {
+    "title": "PI Server Rack",
+    "description": "A system that allows Monitoring of Raspberry PI('s) and it's running Minecraft Server(s)",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "tools"
+    ],
+    "languages": [
+      "c++",
+      "rslang",
+      "c"
+    ],
+    "gh_api": "J-onasJones/PI-server-rack",
+    "version": "0.1+alpha1",
+    "backgroud": "/pi-server-rack.png",
+    "links": {
+      "GH": "J-onasJones/PI-server-rack",
+      "WB": "/projects/PI-server-rack"
+    },
+    "visible": true,
+    "last_update": 1662242400
+  },
+  {
+    "title": "PinBoardBot",
+    "description": "A discord bot that sends messages that you want to pin in a dedicated channel to avoid the pinned-messages limit per text-channel",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "bot",
+      "dcbot"
+    ],
+    "languages": [
+      "js"
+    ],
+    "gh_api": "J-onasJones/PinBoardBot",
+    "version": "0.1",
+    "backgroud": "/pinboardbot.png",
+    "links": {
+      "GH": "J-onasJones/PinBoardBot",
+      "WB": "/projects/PinBoardBot"
+    },
+    "visible": true,
+    "last_update": 1662156000
+  },
+  {
+    "title": "Winception",
+    "description": "A 2D explorer game that let's you expierience past Operating System of the Windows and Linux family",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "game"
+    ],
+    "languages": [
+      "js",
+      "css",
+      "html"
+    ],
+    "gh_api": "J-onasJones/Winception",
+    "version": "0.1+alpha1",
+    "backgroud": "/winception.png",
+    "links": {
+      "GH": "J-onasJones/Winception",
+      "WB": "/projects/Winception"
+    },
+    "visible": false,
+    "last_update": 1661464800
+  },
+  {
+    "title": "Mystery Dungeons",
+    "description": "A mod that is part of the MysteryMod mod-family and focuses on Dungeons",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/MysteryDungeons",
+    "version": "0.1+alpha1",
+    "backgroud": "/mysterymod.png",
+    "links": {
+      "GH": "J-onasJones/MysteryDungeons",
+      "WB": "/projects/MysteryDungeons"
+    },
+    "visible": false,
+    "last_update": 1661464800
+  },
+  {
+    "title": "Mystery Dimensions",
+    "description": "A mod that is port of the MysteryMod mod-family with the focus of enhancing and adding Dimensions",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/MysteryDimensions",
+    "version": "0.1+alpha1",
+    "backgroud": "/mysterymod.png",
+    "links": {
+      "GH": "J-onasJones/MysteryDimensions",
+      "WB": "/projects/MysteryDimensions"
+    },
+    "visible": false,
+    "last_update": 1661464800
+  },
+  {
+    "title": "MysteryRPG",
+    "description": "An RPG related mod for the Mystery Mod mod-family. Adds content containing what the name implies.",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/MysteryRPG",
+    "version": "0.1+alpha1",
+    "backgroud": "/mysterymod.png",
+    "links": {
+      "GH": "J-onasJones/MysteryRPG",
+      "WB": "/projects/MysteryRPG.png"
+    },
+    "visible": false,
+    "last_update": 1658872800
+  },
+  {
+    "title": "SyncMod",
+    "description": "A mod that sync's your mods with the ones from the server of your choice.",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/SyncMod",
+    "version": "0.1+alpha1",
+    "backgroud": "/syncmod.png",
+    "links": {
+      "GH": "J-onasJones/SyncMod",
+      "WB": "/projects/SyncMod"
+    },
+    "visible": true,
+    "last_update": 1656194400
+  },
+  {
+    "title": "SpotifyMC",
+    "description": "Spotify Integration for Minecraft. Allows ingame control over music",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/SpotifyMC",
+    "version": "0.1+alpha1",
+    "backgroud": "/spotifymc.png",
+    "links": {
+      "GH": "J-onasJones/SpotifyMC",
+      "WB": "/projects/SpotifyMC"
+    },
+    "visible": true,
+    "last_update": 1651356000
+  },
+  {
+    "title": "SiMP Resourcepack",
+    "description": "The serverside resourcepack for SiMP",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft"
+    ],
+    "languages": [
+      ""
+    ],
+    "gh_api": "J-onasJones/simp-resourcepack",
+    "version": "1.0",
+    "backgroud": "/simp-rp.png",
+    "links": {
+      "GH": "J-onasJones/simp-resourcepack",
+      "WB": "/projects/simp-resourcepack"
+    },
+    "visible": true,
+    "last_update": 1643410800
+  },
+  {
+    "title": "Image Converter",
+    "description": "A Python based Image converter supporting a bunch of image formats.",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "tools",
+      "bazinga"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/ImageConverter",
+    "version": "1.2",
+    "backgroud": "/imageconverter.png",
+    "links": {
+      "GH": "J-onasJones/ImageConverter",
+      "WB": "/projects/ImageConverter"
+    },
+    "visible": true,
+    "last_update": 1642719600
+  },
+  {
+    "title": "J2 Technologies",
+    "description": "A lua based Whiteboard program inspired by i3-technologies",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "tools",
+      "bazinga"
+    ],
+    "languages": [
+      "lua"
+    ],
+    "gh_api": "J-onasJones/j2-technologies",
+    "version": "0.2.1+alpha1",
+    "backgroud": "/j2tech.png",
+    "links": {
+      "GH": "J-onasJones/j2-technologies",
+      "WB": "/projects/j2-technologies"
+    },
+    "visible": true,
+    "last_update": 1642201200
+  },
+  {
+    "title": "Make ZIP less compact",
+    "description": "With this program You will be able to make any zip archive less compact AND make it safe without the need of any encryption what soever",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "tools",
+      "bazinga"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/Make-ZIP-less-compact",
+    "version": "1.1",
+    "backgroud": "/mkzplsscmpct.png",
+    "links": {
+      "GH": "J-onasJones/Make-ZIP-less-compact",
+      "WB": "/projects/Make-ZIP-less-compect"
+    },
+    "visible": true,
+    "last_update": 1641250800
+  },
+  {
+    "title": "Resourcepack Editor",
+    "description": "A python based Editor for Minecraft Resourcepacks. It was designed to help with the structure of Resourcepacks when creating them",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "minecraft",
+      "tools",
+      "bazinga"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/Resourcepack-Editor",
+    "version": "0.1+alpha1",
+    "backgroud": "/rp-editor.png",
+    "links": {
+      "GH": "J-onasJones/Resourcepack-Editor",
+      "WB": "/projects/Resourcepack-Editor"
+    },
+    "visible": true,
+    "last_update": 1642114800
+  },
+  {
+    "title": "Mystery Core Mod",
+    "description": "The core mod of all Mystery Mods",
+    "status": "planned",
+    "statuscolor": "yellow",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/Mystery-core-mod",
+    "version": "---",
+    "backgroud": "/mysterymod.png",
+    "links": {
+      "GH": "J-onasJones/Mystery-core-mod",
+      "WB": "/projects/Mystery-core-mod"
+    },
+    "visible": false,
+    "updated": 1641337200
+  }
+]
\ No newline at end of file
diff --git a/src/routes/projects/projects.json b/src/routes/projects/projects.json
new file mode 100644
index 0000000..0a97293
--- /dev/null
+++ b/src/routes/projects/projects.json
@@ -0,0 +1,836 @@
+[
+  {
+    "title": "",
+    "description": "",
+    "status": "",
+    "statuscolor": "",
+    "categories": [
+      ""
+    ],
+    "languages": [
+      ""
+    ],
+    "gh_api": "",
+    "version": "",
+    "backgroud": "",
+    "links": {
+      "GH": "",
+      "WB": "",
+      "MR": ""
+    },
+    "visible": "",
+    "last_update": ""
+  },
+  {
+    "title": "Website",
+    "description": "My website at https://jonasjones.dev",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "webdev",
+      "website"
+    ],
+    "languages": [
+      "css",
+      "svelte",
+      "js",
+      "html"
+    ],
+    "gh_api": "J-onasJones/jonasjones.dev",
+    "version": "---",
+    "backgroud": "/homepage.png",
+    "links": {
+      "GH": "J-onasJones/jonasjones.dev",
+      "WB": "/",
+      "MR": ""
+    },
+    "visible": true,
+    "last_update": 1690149600
+  },
+  {
+    "title": "Minecraft Server Status",
+    "description": "A Python based program that displays Your Minecraft Server's Status Infos",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "tools"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/Minecraft-server-Status",
+    "version": "1.0",
+    "backgroud": "/mcserverstatus.png",
+    "links": {
+      "GH": "J-onasJones/Minecraft-server-Status",
+      "WB": "/projects/Minecraft-server-Status"
+    },
+    "visible": true,
+    "last_update": 1688940000
+  },
+  {
+    "title": "Alpha Website",
+    "description": "Alpha Website at https://alpha.jonasjones.dev",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "webdev",
+      "website"
+    ],
+    "languages": [
+      "svelte",
+      "css",
+      "js",
+      "html"
+    ],
+    "gh_api": "J-onasJones/alpha.jonasjones.dev",
+    "version": "---",
+    "backgroud": "/alpha-homepage.png",
+    "links": {
+      "GH": "J-onasJones/alpha.jonasjones.dev",
+      "WB": "/projects/alpha.jonasjones.dev"
+    },
+    "visible": true,
+    "last_update": 1688853600
+  },
+  {
+    "title": "Microcraft",
+    "description": "A Minecraft mod that allows for Microcontroller and Singleboard computer control",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/Microcraft",
+    "version": "0.1+alpha1",
+    "backgroud": "/microcraft.png",
+    "links": {
+      "GH": "J-onasJones/Microcraft",
+      "WB": "/projects/Microcraft"
+    },
+    "visible": true,
+    "last_update": 1687644000
+  },
+  {
+    "title": "Not Enough Cursedness",
+    "description": "A Minecraft mod introducing every little bit of cursed items/behavior into the game",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/NotEnoughCursedness",
+    "version": "0,2",
+    "backgroud": "/notenoughcursedness.png",
+    "links": {
+      "GH": "J-onasJones/NotEnoughCursedness",
+      "WB": "/projects/NotEnoughCursedness",
+      "MR": "https://modrinth.com/mod/not-enough-cursedness"
+    },
+    "visible": true,
+    "last_update": 1684101600
+  },
+  {
+    "title": "DayZ Linux GUI Launcher",
+    "description": "DayZ Linux GUI Launcher",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "tools",
+      "game"
+    ],
+    "languages": [
+      "rslang",
+      "sh"
+    ],
+    "gh_api": "J-onasJones/dayz-linux-gui-launcher",
+    "version": "0.1.0",
+    "backgroud": "/dayzlauncher.png",
+    "links": {
+      "GH": "J-onasJones/dayz-linux-gui-launcher",
+      "WB": "/projects/dayz-linux-gui-launcher"
+    },
+    "visible": true,
+    "last_update": 1682373600
+  },
+  {
+    "title": "ConsoleMC",
+    "description": "A mod that allows console commands to be executed over the ingame Minecraft chat",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/ConsoleMC",
+    "version": "0.1.0.1",
+    "backgroud": "/consolemc.png",
+    "links": {
+      "GH": "J-onasJones/ConsoleMC",
+      "WB": "/projects/ConsoleMC",
+      "MR": "https://modrinth.com/mod/consolemc"
+    },
+    "visible": true,
+    "last_update": 1682028000
+  },
+  {
+    "title": "Better ConsoleMC",
+    "description": "A more controlable and safer successor to the ConsoleMC mod",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/BetterConsoleMC",
+    "version": "0.0.1+alpha1",
+    "backgroud": "/betterconsolemc.png",
+    "links": {
+      "GH": "J-onasJones/BetterConsoleMC",
+      "WB": "/projects/BetterConsoleMC",
+      "MR": "https://modrinth.com/mod/betterconsolemc"
+    },
+    "visible": true,
+    "last_update": 1682028000
+  },
+  {
+    "title": "MC Webserver",
+    "description": "A simple webserver that runs alongside the Minecraft Server",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/McWebserver",
+    "version": "0.2",
+    "backgroud": "/mcwebserver.png",
+    "links": {
+      "GH": "J-onasJones/McWebserver",
+      "WB": "/projects/McWebserver"
+    },
+    "visible": true,
+    "last_update": 1682028000
+  },
+  {
+    "title": "MysteryMod",
+    "description": "The base mod of the Mystery Mod mod-family. It includes the Mystery-API that is required for all other Mystery Mods to work",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/MysteryMod",
+    "version": "0.1+alpha1",
+    "backgroud": "/mysterymod.png",
+    "links": {
+      "GH": "J-onasJones/MysteryMod",
+      "WB": "/projects/MysteryMod"
+    },
+    "visible": true,
+    "last_update": 1682028000
+  },
+  {
+    "title": "Jonas_Jones API",
+    "description": "api used for my website",
+    "status": "planned",
+    "statuscolor": "yellow",
+    "categories": [
+      "api",
+      "tools"
+    ],
+    "languages": [
+      "js"
+    ],
+    "gh_api": "J-onasJones/jonas_jones-api",
+    "version": "---",
+    "backgroud": "/jjapi.png",
+    "links": {
+      "GH": "J-onasJones/jonas_jones-api",
+      "WB": "/projects/jonas_jones-api"
+    },
+    "visible": false,
+    "last_update": 1677884400
+  },
+  {
+    "title": "Website V1",
+    "description": "The repository for my old homepage at https://old.jonasjones.me",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "webdev",
+      "website"
+    ],
+    "languages": [
+      "html",
+      "css",
+      "js"
+    ],
+    "gh_api": "J-onasJones/Website-v1",
+    "version": "1,0",
+    "backgroud": "/oldwebsite.png",
+    "links": {
+      "GH": "J-onasJones/Website-v1",
+      "WB": "https://old.jonasjones.dev"
+    },
+    "visible": true,
+    "last_update": 1675206000
+  },
+  {
+    "title": "MC Webserver Forge",
+    "description": "A simple webserver that runs alongside the Minecraft Server (Forge version).",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "forge"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/McWebserver-forge",
+    "version": "0,2",
+    "backgroud": "/mcwebserver.png",
+    "links": {
+      "GH": "J-onasJones/McWebserver-forge",
+      "WB": "/projects/McWebserver-forge",
+      "MR": "https://modrinth.com/mod/mcwebserver",
+      "CF": "https://www.curseforge.com/minecraft/mc-mods/mcwebserver"
+    },
+    "visible": true,
+    "last_update": 1674946800
+  },
+  {
+    "title": "Windows Bloatware Remover",
+    "description": "A tool that allows for removal of all Preinstalled Apps on Windows that can't be removed by Windows, such as Microsoft Edge",
+    "status": "beta",
+    "statuscolor": "orange",
+    "categories": [
+      "tools"
+    ],
+    "languages": [
+      "py",
+      "rslang"
+    ],
+    "gh_api": "J-onasJones/WindowsBloatwareRemover",
+    "version": "0.1.2",
+    "backgroud": "/bloatremover.png",
+    "links": {
+      "GH": "J-onasJones/WindowsBloatwareRemover",
+      "WB": "/projects/WindowsBloatwareRemover"
+    },
+    "visible": true,
+    "last_update": 1661724000
+  },
+  {
+    "title": "Windows Info Overlay",
+    "description": "A highly configurable overlay that displays system infos",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "tools"
+    ],
+    "languages": [
+      "rslang"
+    ],
+    "gh_api": "J-onasJones/windows-info-overlay",
+    "version": "---",
+    "backgroud": "/winoverlay.png",
+    "links": {
+      "GH": "J-onasJones/windows-info-overlay",
+      "WB": "/projects/windows-info-overlay"
+    },
+    "visible": false,
+    "last_update": 1673737200
+  },
+  {
+    "title": "Better Simple Config",
+    "description": "An upgrade of magistermaks's fabric-simplelibs simple-config system with MC Mod integration",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "forge",
+      "quilt",
+      "lib"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/BetterSimpleConfig",
+    "version": "1.0",
+    "backgroud": "/bettersimpleconfig.png",
+    "links": {
+      "GH": "J-onasJones/BetterSimpleConfig",
+      "WB": "/projects/BetterSimpleConfig"
+    },
+    "visible": true,
+    "last_update": 1670886000
+  },
+  {
+    "title": "QR Generator",
+    "description": "A QR code generator written in rust",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "lib",
+      "tools"
+    ],
+    "languages": [
+      "rslang"
+    ],
+    "gh_api": "J-onasJones/Qr-generator",
+    "version": "---",
+    "backgroud": "/qrgen.png",
+    "links": {
+      "GH": "J-onasJones/Qr-generator",
+      "WB": "/projects/Qr-generator"
+    },
+    "visible": false,
+    "last_update": 1669935600
+  },
+  {
+    "title": "PyTerm2D",
+    "description": "A 2d Python module for easier terminal object rendering",
+    "status": "planned",
+    "statuscolor": "yellow",
+    "categories": [
+      "lib"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/pyterm2d",
+    "version": "---",
+    "backgroud": "/pyterm2d.png",
+    "links": {
+      "GH": "J-onasJones/pyterm2d",
+      "WB": "/projects/pyterm2d"
+    },
+    "visible": false,
+    "last_update": 1668034800
+  },
+  {
+    "title": "The Bobby Car Game",
+    "description": "A multiplayer racing game around bobby cars",
+    "status": "planned",
+    "statuscolor": "yellow",
+    "categories": [
+      "game"
+    ],
+    "languages": [
+      "godot"
+    ],
+    "gh_api": "J-onasJones/TheBobbycarGame",
+    "version": "---",
+    "backgroud": "/bobbycargame.png",
+    "links": {
+      "GH": "J-onasJones/TheBobbycarGame",
+      "WB": "/projects/TheBobbyCarGame"
+    },
+    "visible": false,
+    "last_update": 1666562400
+  },
+  {
+    "title": "Moddah",
+    "description": "A cli tool that allows for easy client and server installation of the FabricMC modloader for Minecraft",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "tools"
+    ],
+    "languages": [
+      "rslang"
+    ],
+    "gh_api": "J-onasJones/moddah",
+    "version": "0.1+alpha1",
+    "backgroud": "/moddah.png",
+    "links": {
+      "GH": "J-onasJones/moddah",
+      "WB": "/projects/moddah"
+    },
+    "visible": true,
+    "last_update": 1666044000
+  },
+  {
+    "title": "Bash Command Alias Editor",
+    "description": "This program helps you to create and edit command aliases on the Bash shell",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "tools"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/BashCommandAliasEditor",
+    "version": "2.0.1",
+    "backgroud": "/bashcmdaliaseditor.png",
+    "links": {
+      "GH": "J-onasJones/BashCommandAliasEditor",
+      "WB": "/projects/BashCommandAliasEditor"
+    },
+    "visible": true,
+    "last_update": 1663624800
+  },
+  {
+    "title": "PI Server Rack",
+    "description": "A system that allows Monitoring of Raspberry PI('s) and it's running Minecraft Server(s)",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "tools"
+    ],
+    "languages": [
+      "c++",
+      "rslang",
+      "c"
+    ],
+    "gh_api": "J-onasJones/PI-server-rack",
+    "version": "0.1+alpha1",
+    "backgroud": "/pi-server-rack.png",
+    "links": {
+      "GH": "J-onasJones/PI-server-rack",
+      "WB": "/projects/PI-server-rack"
+    },
+    "visible": true,
+    "last_update": 1662242400
+  },
+  {
+    "title": "PinBoardBot",
+    "description": "A discord bot that sends messages that you want to pin in a dedicated channel to avoid the pinned-messages limit per text-channel",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "bot",
+      "dcbot"
+    ],
+    "languages": [
+      "js"
+    ],
+    "gh_api": "J-onasJones/PinBoardBot",
+    "version": "0.1",
+    "backgroud": "/pinboardbot.png",
+    "links": {
+      "GH": "J-onasJones/PinBoardBot",
+      "WB": "/projects/PinBoardBot"
+    },
+    "visible": true,
+    "last_update": 1662156000
+  },
+  {
+    "title": "Winception",
+    "description": "A 2D explorer game that let's you expierience past Operating System of the Windows and Linux family",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "game"
+    ],
+    "languages": [
+      "js",
+      "css",
+      "html"
+    ],
+    "gh_api": "J-onasJones/Winception",
+    "version": "0.1+alpha1",
+    "backgroud": "/winception.png",
+    "links": {
+      "GH": "J-onasJones/Winception",
+      "WB": "/projects/Winception"
+    },
+    "visible": false,
+    "last_update": 1661464800
+  },
+  {
+    "title": "Mystery Dungeons",
+    "description": "A mod that is part of the MysteryMod mod-family and focuses on Dungeons",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/MysteryDungeons",
+    "version": "0.1+alpha1",
+    "backgroud": "/mysterymod.png",
+    "links": {
+      "GH": "J-onasJones/MysteryDungeons",
+      "WB": "/projects/MysteryDungeons"
+    },
+    "visible": false,
+    "last_update": 1661464800
+  },
+  {
+    "title": "Mystery Dimensions",
+    "description": "A mod that is port of the MysteryMod mod-family with the focus of enhancing and adding Dimensions",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/MysteryDimensions",
+    "version": "0.1+alpha1",
+    "backgroud": "/mysterymod.png",
+    "links": {
+      "GH": "J-onasJones/MysteryDimensions",
+      "WB": "/projects/MysteryDimensions"
+    },
+    "visible": false,
+    "last_update": 1661464800
+  },
+  {
+    "title": "MysteryRPG",
+    "description": "An RPG related mod for the Mystery Mod mod-family. Adds content containing what the name implies.",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/MysteryRPG",
+    "version": "0.1+alpha1",
+    "backgroud": "/mysterymod.png",
+    "links": {
+      "GH": "J-onasJones/MysteryRPG",
+      "WB": "/projects/MysteryRPG.png"
+    },
+    "visible": false,
+    "last_update": 1658872800
+  },
+  {
+    "title": "SyncMod",
+    "description": "A mod that sync's your mods with the ones from the server of your choice.",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/SyncMod",
+    "version": "0.1+alpha1",
+    "backgroud": "/syncmod.png",
+    "links": {
+      "GH": "J-onasJones/SyncMod",
+      "WB": "/projects/SyncMod"
+    },
+    "visible": true,
+    "last_update": 1656194400
+  },
+  {
+    "title": "SpotifyMC",
+    "description": "Spotify Integration for Minecraft. Allows ingame control over music",
+    "status": "dev",
+    "statuscolor": "purple",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/SpotifyMC",
+    "version": "0.1+alpha1",
+    "backgroud": "/spotifymc.png",
+    "links": {
+      "GH": "J-onasJones/SpotifyMC",
+      "WB": "/projects/SpotifyMC"
+    },
+    "visible": true,
+    "last_update": 1651356000
+  },
+  {
+    "title": "SiMP Resourcepack",
+    "description": "The serverside resourcepack for SiMP",
+    "status": "release",
+    "statuscolor": "green",
+    "categories": [
+      "minecraft"
+    ],
+    "languages": [
+      ""
+    ],
+    "gh_api": "J-onasJones/simp-resourcepack",
+    "version": "1.0",
+    "backgroud": "/simp-rp.png",
+    "links": {
+      "GH": "J-onasJones/simp-resourcepack",
+      "WB": "/projects/simp-resourcepack"
+    },
+    "visible": true,
+    "last_update": 1643410800
+  },
+  {
+    "title": "Image Converter",
+    "description": "A Python based Image converter supporting a bunch of image formats.",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "tools",
+      "bazinga"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/ImageConverter",
+    "version": "1.2",
+    "backgroud": "/imageconverter.png",
+    "links": {
+      "GH": "J-onasJones/ImageConverter",
+      "WB": "/projects/ImageConverter"
+    },
+    "visible": true,
+    "last_update": 1642719600
+  },
+  {
+    "title": "J2 Technologies",
+    "description": "A lua based Whiteboard program inspired by i3-technologies",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "tools",
+      "bazinga"
+    ],
+    "languages": [
+      "lua"
+    ],
+    "gh_api": "J-onasJones/j2-technologies",
+    "version": "0.2.1+alpha1",
+    "backgroud": "/j2tech.png",
+    "links": {
+      "GH": "J-onasJones/j2-technologies",
+      "WB": "/projects/j2-technologies"
+    },
+    "visible": true,
+    "last_update": 1642201200
+  },
+  {
+    "title": "Make ZIP less compact",
+    "description": "With this program You will be able to make any zip archive less compact AND make it safe without the need of any encryption what soever",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "tools",
+      "bazinga"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/Make-ZIP-less-compact",
+    "version": "1.1",
+    "backgroud": "/mkzplsscmpct.png",
+    "links": {
+      "GH": "J-onasJones/Make-ZIP-less-compact",
+      "WB": "/projects/Make-ZIP-less-compect"
+    },
+    "visible": true,
+    "last_update": 1641250800
+  },
+  {
+    "title": "Resourcepack Editor",
+    "description": "A python based Editor for Minecraft Resourcepacks. It was designed to help with the structure of Resourcepacks when creating them",
+    "status": "discontinued",
+    "statuscolor": "gray",
+    "categories": [
+      "minecraft",
+      "tools",
+      "bazinga"
+    ],
+    "languages": [
+      "py"
+    ],
+    "gh_api": "J-onasJones/Resourcepack-Editor",
+    "version": "0.1+alpha1",
+    "backgroud": "/rp-editor.png",
+    "links": {
+      "GH": "J-onasJones/Resourcepack-Editor",
+      "WB": "/projects/Resourcepack-Editor"
+    },
+    "visible": true,
+    "last_update": 1642114800
+  },
+  {
+    "title": "Mystery Core Mod",
+    "description": "The core mod of all Mystery Mods",
+    "status": "planned",
+    "statuscolor": "yellow",
+    "categories": [
+      "minecraft",
+      "mcmodding",
+      "fabric",
+      "quilt"
+    ],
+    "languages": [
+      "java"
+    ],
+    "gh_api": "J-onasJones/Mystery-core-mod",
+    "version": "---",
+    "backgroud": "/mysterymod.png",
+    "links": {
+      "GH": "J-onasJones/Mystery-core-mod",
+      "WB": "/projects/Mystery-core-mod"
+    },
+    "visible": false,
+    "updated": 1641337200
+  }
+]
\ No newline at end of file
diff --git a/src/routes/status/+page.svelte b/src/routes/status/+page.svelte
new file mode 100644
index 0000000..8bbf991
--- /dev/null
+++ b/src/routes/status/+page.svelte
@@ -0,0 +1,16 @@
+<script>
+    import Footer from "../../components/Footer.svelte";
+    import NavBar from "../../components/NavBar.svelte";
+    import ParallaxBg from "../../components/ParallaxBg.svelte";
+    import Padding from "../../components/padding.svelte";
+</script>
+
+<ParallaxBg>
+    <title>Status</title>
+    <div class="container">
+        <Padding />
+        <NavBar />
+        <h1>Coming Soonish</h1>
+    </div>
+    <Footer />
+</ParallaxBg>
diff --git a/static/equalizer.gif b/static/equalizer.gif
new file mode 100644
index 0000000..dcd180f
Binary files /dev/null and b/static/equalizer.gif differ
diff --git a/static/favicon.png b/static/favicon.png
index 17c8e18..c730aad 100644
Binary files a/static/favicon.png and b/static/favicon.png differ
diff --git a/static/favicon.webp b/static/favicon.webp
new file mode 100644
index 0000000..9f06ed1
Binary files /dev/null and b/static/favicon.webp differ
diff --git a/static/font/sary-soft.soft-regular-webfont.css b/static/font/sary-soft.soft-regular-webfont.css
new file mode 100755
index 0000000..4e0e0a5
--- /dev/null
+++ b/static/font/sary-soft.soft-regular-webfont.css
@@ -0,0 +1,12 @@
+/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 9, 2022 */
+
+
+
+@font-face {
+    font-family: 'sary_softregular';
+    src: url('sary-soft.soft-regular-webfont.woff2') format('woff2'),
+         url('sary-soft.soft-regular-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
\ No newline at end of file
diff --git a/static/font/sary-soft.soft-regular-webfont.woff b/static/font/sary-soft.soft-regular-webfont.woff
new file mode 100755
index 0000000..49d7e6e
Binary files /dev/null and b/static/font/sary-soft.soft-regular-webfont.woff differ
diff --git a/static/font/sary-soft.soft-regular-webfont.woff2 b/static/font/sary-soft.soft-regular-webfont.woff2
new file mode 100755
index 0000000..a0704e6
Binary files /dev/null and b/static/font/sary-soft.soft-regular-webfont.woff2 differ
diff --git a/static/font/sary-soft.soft-semibold-webfont.css b/static/font/sary-soft.soft-semibold-webfont.css
new file mode 100755
index 0000000..1555ee2
--- /dev/null
+++ b/static/font/sary-soft.soft-semibold-webfont.css
@@ -0,0 +1,12 @@
+/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on November 9, 2022 */
+
+
+
+@font-face {
+    font-family: 'sary_soft_semiboldregular';
+    src: url('sary-soft.soft-semibold-webfont.woff2') format('woff2'),
+         url('sary-soft.soft-semibold-webfont.woff') format('woff');
+    font-weight: normal;
+    font-style: normal;
+
+}
\ No newline at end of file
diff --git a/static/font/sary-soft.soft-semibold-webfont.woff b/static/font/sary-soft.soft-semibold-webfont.woff
new file mode 100755
index 0000000..1fd0247
Binary files /dev/null and b/static/font/sary-soft.soft-semibold-webfont.woff differ
diff --git a/static/font/sary-soft.soft-semibold-webfont.woff2 b/static/font/sary-soft.soft-semibold-webfont.woff2
new file mode 100755
index 0000000..0bf548e
Binary files /dev/null and b/static/font/sary-soft.soft-semibold-webfont.woff2 differ
diff --git a/static/icon_800x800.png b/static/icon_800x800.png
index 0d388e9..d925538 100644
Binary files a/static/icon_800x800.png and b/static/icon_800x800.png differ
diff --git a/static/icon_800x800.webp b/static/icon_800x800.webp
new file mode 100644
index 0000000..2fdc88a
Binary files /dev/null and b/static/icon_800x800.webp differ
diff --git a/static/icon_800x800_transparent.png b/static/icon_800x800_transparent.png
index 59b8736..1db3a53 100644
Binary files a/static/icon_800x800_transparent.png and b/static/icon_800x800_transparent.png differ
diff --git a/static/icon_800x800_transparent.webp b/static/icon_800x800_transparent.webp
new file mode 100644
index 0000000..5dee5f6
Binary files /dev/null and b/static/icon_800x800_transparent.webp differ
diff --git a/static/icon_80x80.png b/static/icon_80x80.png
index 17c8e18..bed1c39 100644
Binary files a/static/icon_80x80.png and b/static/icon_80x80.png differ
diff --git a/static/icon_80x80.webp b/static/icon_80x80.webp
new file mode 100644
index 0000000..34b8384
Binary files /dev/null and b/static/icon_80x80.webp differ
diff --git a/static/johnrefs1.gif b/static/johnrefs1.gif
new file mode 100644
index 0000000..f3f0c32
Binary files /dev/null and b/static/johnrefs1.gif differ
diff --git a/static/johnrefs2.gif b/static/johnrefs2.gif
new file mode 100644
index 0000000..8655caa
Binary files /dev/null and b/static/johnrefs2.gif differ
diff --git a/static/logo_colored.png b/static/logo_colored.png
old mode 100755
new mode 100644
index a0298a2..8c21a48
Binary files a/static/logo_colored.png and b/static/logo_colored.png differ
diff --git a/static/logo_colored.webp b/static/logo_colored.webp
new file mode 100644
index 0000000..29232df
Binary files /dev/null and b/static/logo_colored.webp differ
diff --git a/static/pause-icon-256.png b/static/pause-icon-256.png
new file mode 100644
index 0000000..8db779e
Binary files /dev/null and b/static/pause-icon-256.png differ
diff --git a/static/pause-icon-256.webp b/static/pause-icon-256.webp
new file mode 100644
index 0000000..8171494
Binary files /dev/null and b/static/pause-icon-256.webp differ
diff --git a/static/project-banners/alpha-homepage.png b/static/project-banners/alpha-homepage.png
new file mode 100644
index 0000000..2371558
Binary files /dev/null and b/static/project-banners/alpha-homepage.png differ
diff --git a/static/project-banners/bashcmdaliaseditor.png b/static/project-banners/bashcmdaliaseditor.png
new file mode 100644
index 0000000..760ed15
Binary files /dev/null and b/static/project-banners/bashcmdaliaseditor.png differ
diff --git a/static/project-banners/betterconsolemc.png b/static/project-banners/betterconsolemc.png
new file mode 100644
index 0000000..6570de4
Binary files /dev/null and b/static/project-banners/betterconsolemc.png differ
diff --git a/static/project-banners/bettersimpleconfig.png b/static/project-banners/bettersimpleconfig.png
new file mode 100644
index 0000000..7f668c3
Binary files /dev/null and b/static/project-banners/bettersimpleconfig.png differ
diff --git a/static/project-banners/bloatremover.png b/static/project-banners/bloatremover.png
new file mode 100644
index 0000000..3444ea1
Binary files /dev/null and b/static/project-banners/bloatremover.png differ
diff --git a/static/project-banners/bobbycargame.png b/static/project-banners/bobbycargame.png
new file mode 100644
index 0000000..885f0e5
Binary files /dev/null and b/static/project-banners/bobbycargame.png differ
diff --git a/static/project-banners/consolemc.png b/static/project-banners/consolemc.png
new file mode 100644
index 0000000..a00f8cf
Binary files /dev/null and b/static/project-banners/consolemc.png differ
diff --git a/static/project-banners/dayzlauncher.png b/static/project-banners/dayzlauncher.png
new file mode 100644
index 0000000..4a7f1c0
Binary files /dev/null and b/static/project-banners/dayzlauncher.png differ
diff --git a/static/project-banners/homepage.png b/static/project-banners/homepage.png
new file mode 100644
index 0000000..2371558
Binary files /dev/null and b/static/project-banners/homepage.png differ
diff --git a/static/project-banners/imageconverter.png b/static/project-banners/imageconverter.png
new file mode 100644
index 0000000..0b56ebd
Binary files /dev/null and b/static/project-banners/imageconverter.png differ
diff --git a/static/project-banners/j2tech.png b/static/project-banners/j2tech.png
new file mode 100644
index 0000000..f4ec4e1
Binary files /dev/null and b/static/project-banners/j2tech.png differ
diff --git a/static/project-banners/jjapi.png b/static/project-banners/jjapi.png
new file mode 100644
index 0000000..9afb041
Binary files /dev/null and b/static/project-banners/jjapi.png differ
diff --git a/static/project-banners/mcserverstatus.png b/static/project-banners/mcserverstatus.png
new file mode 100644
index 0000000..3e01cf1
Binary files /dev/null and b/static/project-banners/mcserverstatus.png differ
diff --git a/static/project-banners/mcwebserver.png b/static/project-banners/mcwebserver.png
new file mode 100644
index 0000000..f0211b5
Binary files /dev/null and b/static/project-banners/mcwebserver.png differ
diff --git a/static/project-banners/microcraft.png b/static/project-banners/microcraft.png
new file mode 100644
index 0000000..e88dcda
Binary files /dev/null and b/static/project-banners/microcraft.png differ
diff --git a/static/project-banners/minecraft-server-status.png b/static/project-banners/minecraft-server-status.png
new file mode 100644
index 0000000..a40e3e7
Binary files /dev/null and b/static/project-banners/minecraft-server-status.png differ
diff --git a/static/project-banners/mkzplsscmpct.png b/static/project-banners/mkzplsscmpct.png
new file mode 100644
index 0000000..db04d49
Binary files /dev/null and b/static/project-banners/mkzplsscmpct.png differ
diff --git a/static/project-banners/moddah.png b/static/project-banners/moddah.png
new file mode 100644
index 0000000..897329e
Binary files /dev/null and b/static/project-banners/moddah.png differ
diff --git a/static/project-banners/mysterymod.png b/static/project-banners/mysterymod.png
new file mode 100644
index 0000000..9633822
Binary files /dev/null and b/static/project-banners/mysterymod.png differ
diff --git a/static/project-banners/notenoughcursedness.png b/static/project-banners/notenoughcursedness.png
new file mode 100644
index 0000000..a9d94c7
Binary files /dev/null and b/static/project-banners/notenoughcursedness.png differ
diff --git a/static/project-banners/oldwebsite.png b/static/project-banners/oldwebsite.png
new file mode 100644
index 0000000..e7848c6
Binary files /dev/null and b/static/project-banners/oldwebsite.png differ
diff --git a/static/project-banners/pi-server-rack.png b/static/project-banners/pi-server-rack.png
new file mode 100644
index 0000000..9615d24
Binary files /dev/null and b/static/project-banners/pi-server-rack.png differ
diff --git a/static/project-banners/pinboardbot.png b/static/project-banners/pinboardbot.png
new file mode 100644
index 0000000..4a4d206
Binary files /dev/null and b/static/project-banners/pinboardbot.png differ
diff --git a/static/project-banners/pyterm2d.png b/static/project-banners/pyterm2d.png
new file mode 100644
index 0000000..f17e8b4
Binary files /dev/null and b/static/project-banners/pyterm2d.png differ
diff --git a/static/project-banners/qrgen.png b/static/project-banners/qrgen.png
new file mode 100644
index 0000000..217ac68
Binary files /dev/null and b/static/project-banners/qrgen.png differ
diff --git a/static/project-banners/rp-editor.png b/static/project-banners/rp-editor.png
new file mode 100644
index 0000000..d744f16
Binary files /dev/null and b/static/project-banners/rp-editor.png differ
diff --git a/static/project-banners/simp-rp.png b/static/project-banners/simp-rp.png
new file mode 100644
index 0000000..e839f65
Binary files /dev/null and b/static/project-banners/simp-rp.png differ
diff --git a/static/project-banners/spotifymc.png b/static/project-banners/spotifymc.png
new file mode 100644
index 0000000..1e2ed0b
Binary files /dev/null and b/static/project-banners/spotifymc.png differ
diff --git a/static/project-banners/syncmod.png b/static/project-banners/syncmod.png
new file mode 100644
index 0000000..6731968
Binary files /dev/null and b/static/project-banners/syncmod.png differ
diff --git a/static/project-banners/winception.png b/static/project-banners/winception.png
new file mode 100644
index 0000000..a5fef15
Binary files /dev/null and b/static/project-banners/winception.png differ
diff --git a/static/project-banners/winoverlay.png b/static/project-banners/winoverlay.png
new file mode 100644
index 0000000..1a1b5a2
Binary files /dev/null and b/static/project-banners/winoverlay.png differ
diff --git a/static/ricky.png b/static/ricky.png
new file mode 100644
index 0000000..2371558
Binary files /dev/null and b/static/ricky.png differ
diff --git a/static/ricky.webp b/static/ricky.webp
new file mode 100644
index 0000000..b064955
Binary files /dev/null and b/static/ricky.webp differ
diff --git a/static/root_logo.png b/static/root_logo.png
old mode 100755
new mode 100644
index c83a24b..0ad73c1
Binary files a/static/root_logo.png and b/static/root_logo.png differ
diff --git a/static/root_logo.webp b/static/root_logo.webp
new file mode 100644
index 0000000..e69e1ea
Binary files /dev/null and b/static/root_logo.webp differ
diff --git a/static/taeyong-blackwhite.png b/static/taeyong-blackwhite.png
new file mode 100644
index 0000000..097cc30
Binary files /dev/null and b/static/taeyong-blackwhite.png differ
diff --git a/static/taeyong-blackwhite.webp b/static/taeyong-blackwhite.webp
new file mode 100644
index 0000000..3c87509
Binary files /dev/null and b/static/taeyong-blackwhite.webp differ
diff --git a/static/taeyong.gif b/static/taeyong.gif
new file mode 100644
index 0000000..4462a1c
Binary files /dev/null and b/static/taeyong.gif differ
diff --git a/static/taeyong.png b/static/taeyong.png
new file mode 100644
index 0000000..a678793
Binary files /dev/null and b/static/taeyong.png differ
diff --git a/static/taeyong.webp b/static/taeyong.webp
new file mode 100644
index 0000000..c4edbaf
Binary files /dev/null and b/static/taeyong.webp differ
