diff --git a/index.html b/index.html
index e69de29..6d0fb11 100644
--- a/index.html
+++ b/index.html
@@ -0,0 +1,427 @@
+<!DOCTYPE html>
+<html>
+  <link rel="icon" type="image/x-icon" href="logo_icon.png">
+  <link id="style-main" rel="stylesheet" href="main.css">
+  <title>DBPJP</title>
+  <header>
+    <link id="style-topnav" rel="stylesheet" href="/css/topnav.css">
+    <link id="style-header" rel="stylesheet" href="/css/header.css">
+
+    <div class="navbar">
+        <a href="" style="padding: 3px;padding-bottom: 0px;"><img src="logo_icon.png" height="39px"></a>
+        <a href="/news">News</a>
+        <div class="dropmenu">
+          <button class="dropmenubtn navbarbtn" >Projects<i class="fa fa-caret-down"></i></button>
+          <div class="dropmenu-content">
+            <div class="dropmenu-content-content">
+              <div class="header-mega">
+                <h1>Project Overview</h1>
+                <p><a href="/projects/" style="font-size: 15px;padding: 0px;margin-top: -15px;">View all projects</a></p>
+              </div>   
+              <div class="row">
+                <div class="column">
+                  <h3>Minecraft Mods</h3>
+                  <a href="/projects/microcontrollermc/">MicrocontrollerMC</a>
+                  <a href="/projects/consolemc/">ConsoleMC</a>
+                  <a href="/projects/spotifymc/">SpotifyMC</a>
+                  <a href="/projects/syncmod/">SyncMod</a>
+                  <a href="/projects/mysterymod/">MysteryMod</a>
+                </div>
+                <div class="column">
+                  <h3>Rust/Python</h3>
+                  <a href="/projects/windowsbloatwareremover/">Windows Bloatware Removal Tool</a>
+                  <a href="/projects/bashcommandaliaseditor/">Bash Command Alias Editor</a>
+                  <a href="/projects/pi-mc-watcher/">PI-MC-WATCHER</a>
+                  <a href="/projects/streamdeckui-pluginloader/">StreamDeck UI Pluginloader</a>
+                  <a href="/projects/resourcepack-editor/">Resourcepack Editor</a>
+                </div>
+                <div class="column">
+                  <h3>Miscellaneous</h3>
+                  <a href="/projects/website/">Homepage</a>
+                </div>
+                <div id="header-mega-all">
+                  <a href="/projects/">View all projects</a>
+                </div>
+              </div>
+            </div>
+          </div>
+      </div>
+      <div class="dropdown">
+        <button class="dropbtn navbarbtn">Youtube<i class="fa fa-caret-down"></i></button>
+        <div class="dropdown-content">
+          <div class="dropdown-content-content">
+            <a href="/youtube/">Info</a>
+            <a href="http://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg">Visit channel</a>
+            <a href="http://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg?sub_confirmation=1">Subscribe</a>
+          </div>
+          
+        </div>
+      </div>
+      <a href="/about/">About</a>
+      <a href="/contact/">Contact</a>
+      <a style="background-color: orange;color: #333333;" href="/construction/"><img style="padding-top: 5px;" src="warning-symbolic-dark.png" height="17px"> Website under construction</a>
+      <div class="expandonhover">
+        <a href="/account/" ><img src="account.png" height="18px"></a>
+        <a id="floatinright" href="/signup/" >Sign Up</a>
+        <a id="floatinright" href="/login/" >Login</a>
+      </div>
+      <a style="float: right;" onclick="toggleDarkMode();"><img src="dark-mode.png" height="18px"></a>
+  
+      <div id="header">
+        <h1>DBPJP</h1>
+      </div>
+    </div>
+    <div id="error-msg">
+      <div style="width: 15%;">
+        <img src="warning-symbolic.png" width="75%">
+      </div>
+      <div style="align-self: stretch;" onselectstart="return false">
+        <p>See this message? This means that You are either using a browser that doesn't properly support this website or a Browser extension is modifiying this content (e.g. Dark Reader), try disabling it. Either way, You're missing out on content.</p>
+      </div>
+    </div>
+  </header>
+  
+
+  <body>
+      <div style="padding-left: 50px;padding-right: 50px;">
+        <h1>Downloads</h1>
+        <p>Here You can find the downloads for both the client and server side modpack of DBPJP (Delusional Banana Pascal Jones Pack)</p>
+      </div>
+    </body>
+
+  <footer>
+      <link id="style-footer" rel="stylesheet" href="/css/footer.css">
+      <link id="style-assets" rel="stylesheet" href="/css/assets.css">
+      <div id="footer">
+        <div id="innerFooterBox">
+          <div>
+            <a class="contactIcon" href="https://youtube.com/c/JonasJonesJonasJones/">
+                <div class="contactIconDiv">
+                    <img height="25px" src="youtube_icon.png">
+                </div>
+            </a>
+            <a class="contactIcon" href="https://github.com/J-onasJones/">
+                <div class="contactIconDiv">
+                    <img height="25px" src="github_icon.png">
+                </div>
+            </a>
+            <a class="contactIcon" href="https://discord.gg/V2EsuUVmWh/">
+                <div class="contactIconDiv">
+                    <img height="25px" src="discord_icon.png">
+                </div>
+            </a>
+            <a class="contactIcon" href="https://www.instagram.com/_jonas_jones_/">
+                <div class="contactIconDiv">
+                    <img height="25px" src="instagram_icon.png">
+                </div>
+            </a>
+            <a class="contactIcon" href="https://twitter.com/Jonas_Jones_/">
+                <div class="contactIconDiv">
+                    <img height="25px" src="twitter_icon.png">
+                </div>
+            </a>
+          </div>
+          <div class="vl"></div>
+          <div id="topLinks">
+            <h1>Quick Access</h1>
+            <div><a href="/news/"><img src="/src/iconsnews.png" height="23px" style="padding-right: 10px;">NEWS<i class="arrow right" style="border-color: white;"></i></a></div>
+            <div><a href="/projects/"><img src="/src/icons/projects.png" height="23px" style="padding-right: 10px;">PROJECTS<i class="arrow right" style="border-color: white;"></i></a></div>
+            <div><a href="/youtube/"><img src="/src/icons/youtube.png" height="23px" style="padding-right: 10px;">YOUTUBE<i class="arrow right" style="border-color: white;"></i></a></div>
+            <div><a href="/downloads/"><img src="/src/icons/downloads.svg" height="23px" style="padding-right: 10px;">DOWNLOADS<i class="arrow right" style="border-color: white;"></i></a></div>
+            <div><a></a></div>
+            <div><a href="/about/"><img src="/src/icons/contact.png" height="23px" style="padding-right: 10px;">CONTACT<i class="arrow right" style="border-color: white;"></i></a></div>
+            <div><a href="/license/"><img src="/src/icons/license.png" height="23px" style="padding-right: 10px;">LICENSE <i class="arrow right" style="border-color: white;"></i></a></div>
+          </div>
+        </div>
+      </div>
+      <div class="footer-bar">
+        <a>Website by Jonas_Jones, hosted on <a style="color: white;" href="https://github.com/J-onasJones/J-onasJones.github.io">GitHub</a> - 2022</a>
+      </div>
+  </footer>
+
+  <script>
+    function toggleDarkMode() {
+      var main = document.getElementById("style-main");
+      var topnav = document.getElementById("style-topnav");
+      var header = document.getElementById("style-header");
+      var footer = document.getElementById("style-footer");
+      var assets = document.getElementById("style-assets");
+
+      if (main.href.match("light")) {
+        main.href = "/css/dark/main.css";
+        topnav.href = "/css/dark/topnav.css";
+        header.href = "/css/dark/header.css";
+        footer.href = "/css/dark/footer.css";
+        assets.href = "/css/dark/assets.css";
+      } else {
+        main.href = "/css/light/main.css";
+        topnav.href = "/css/light/topnav.css";
+        header.href = "/css/light/header.css";
+        footer.href = "/css/light/footer.css";
+        assets.href = "/css/light/assets.css";
+      }
+    }
+  </script>
+
+</html>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+<!--<!DOCTYPE html>
+<html>
+    <link rel="stylesheet" href="css/main.css">
+    <title>DBPJP</title>
+    <header>
+      <link rel="stylesheet" href="css/topnav.css">
+      <link rel="stylesheet" href="css/header.css">
+      <link rel="stylesheet" href="css/header.css">
+      <link rel="icon" type="image/x-icon" href="src/logos/logo_icon.png">
+      <div class="navbar">
+          <a href="https://jonasjones.me" style="padding: 3px;padding-bottom: 0px;"><img src="src/logos/logo_iconNoMargin.png" height="39px"></a>
+          <a href="404.html">News</a>
+          <div class="dropmenu">
+            <button class="dropmenubtn navbarbtn" onclick="window.location.href='projects/index.html';">Projects<i class="fa fa-caret-down"></i></button>
+            <div class="dropmenu-content">
+              <div class="dropmenu-content-content">
+                <div class="header-mega">
+                  <h1>Project Overview</h1>
+                  <p><a href="#" style="font-size: 15px;padding: 0px;margin-top: -15px;">View all projects</a></p>
+                </div>   
+                <div class="row">
+                  <div class="column">
+                    <h3>Minecraft Mods</h3>
+                    <a href="404.html">ConsoleMC</a>
+                    <a href="404.html">SpotifyMC</a>
+                    <a href="https://jonasjones.me/projects/minecraft-mods/mystery-mod/">Mystery-Mod</a>
+                  </div>
+                  <div class="column">
+                    <h3>Python</h3>
+                    <a href="404.html">Windows Bloatware Removal Tool</a>
+                    <a href="404.html">Bash Command Alias Editor</a>
+                    <a href="404.html">PI-MC-WATCHER</a>
+                  </div>
+                  <div class="column">
+                    <h3>Miscellaneous</h3>
+                    <a href="https://jonasjones.me/projects/website/homepage/">Homepage</a>
+                    <a href="404.html">uwu</a>
+                    <a href="404.html">ôwo</a>
+                  </div>
+                  <div id="header-mega-all">
+                    <a href="404.html">View all projects</a>
+                  </div>
+                </div>
+              </div>
+            </div>
+        </div>
+        <div class="dropdown">
+          <button class="dropbtn navbarbtn">Youtube<i class="fa fa-caret-down"></i></button>
+          <div class="dropdown-content">
+            <div class="dropdown-content-content">
+              <a href="https://jonasjones.me/youtube/">Info</a>
+              <a href="https://www.youtube.com/JonasJonesJonasJones">Visit channel</a>
+              <a href="http://www.youtube.com/channel/UCVIxvKBIMSMgurYS8pK7fSg?sub_confirmation=1">Subscribe</a>
+            </div>
+            
+          </div>
+        </div>
+        <a href="https://jonasjones.me/#contact">Contact</a>
+        <a href="404.html" style="float: right;"><img src="src/icons/account.png" height="18px"></a>
+        <a href="404.html" style="float: right;" onclick="toggleDarkMode();"><img src="src/icons/dark-mode.png" height="18px"></a>
+    
+      <div id="header">
+        <h1>SVFFM</h1>
+      </div>
+    </header>
+    <div id="error-msg">
+      <div style="width: 15%;">
+        <img src="src/icons/warning-symbolic.png" width="75%">
+      </div>
+      <div style="align-self: stretch;">
+        <p>See this message? This means that You are either using a browser that doesn't properly support this website or a Browser extension is modifiying this content (e.g. Dark Reader), try disabling it. Either way, You're missing out on content.</p>
+      </div>
+    </div>
+
+    <div style="background-color: orange;padding: 5px;border-radius: 5px;margin: 5px; color: black;position:absolute; top: 50;right: 5;">
+      <h3>This Website is WIP</h3>
+      <p>A new website is on the way. You are now seeing the work in progress. At this point, please don't report any bugs to GitHub yet.</p>
+      <p>The old and still official website is available at <a href="https://j-onasjones.github.io/">jonasjones.me</a>.</p>
+    </div>
+
+    <body>
+      <div class="body" style="padding-left: 50px;">
+        <h1>Downloads</h1>
+        <p>Here You can find the downloads for both the client and server side modpack of SVFFM (Slightly Vanilla Flavoured Fabric Modified)</p>
+
+
+        <style>
+          table, th, td {
+            border:1px solid black;
+            text-align: center;
+            padding: 3px;
+          }
+
+          a.downloadbutton {
+            text-decoration: none;
+            color: #0D6769;
+            border: 2px solid #0D6769;
+            border-radius: 3px;
+            padding: 2px;
+          }
+          a.downloadbutton:hover {
+            color: white;
+            background-color: #0D6769;
+          }
+          </style>
+
+        <h2>Client pack</h2>
+        <table style="width:100%">
+          <tr>
+            <th>Environment</th>
+            <th>Name</th>
+            <th>Version</th>
+            <th>Minecraft Version</th>
+            <th>Release Date</th>
+            <th>Changelog</th>
+            <th>Download (Google Drive)</th>
+          </tr>
+          <tr>
+            <td>Client</td>
+            <td>SVFFM</td>
+            <td>1.2 [LATEST]</td>
+            <td>1.18.2</td>
+            <td>14.08.22-17:08:51</td>
+            <td>Downgraded to 1.18.2</td>
+            <td><a href="https://drive.google.com/uc?export=download&id=16NIT9XLeOt-knVs6Ae2NqF_4a9KD0DGu" class="downloadbutton">Download</a></td>
+          </tr>
+          <tr>
+            <td>Client</td>
+            <td>SVFFM</td>
+            <td>1.1</td>
+            <td>1.19</td>
+            <td>22.07.22-23:02:29</td>
+            <td>Removed Dashloader; Added Zoomify</td>
+            <td><a href="https://drive.google.com/uc?export=download&id=1MDtTtsB5i-FrAWqE4powFJOUBKKpKc-F" class="downloadbutton">Download</a></td>
+          </tr>
+          <tr>
+            <td>Client</td>
+            <td>SVFFM</td>
+            <td>1.0</td>
+            <td>1.19</td>
+            <td>21.07.22-23:08:43</td>
+            <td>Added fabric compatible mods and own additions.</td>
+            <td><a href="https://drive.google.com/uc?export=download&id=1ACfvmTH5qj46Ya6xfA4qjEzQZzhr99Qy" class="downloadbutton">Download</a></td>
+          </tr>
+        </table>
+
+        <h2>Server pack</h2>
+
+        <table style="width:100%">
+          <tr>
+            <th>Environment</th>
+            <th>Name</th>
+            <th>Version</th>
+            <th>Minecraft Version</th>
+            <th>Release Date</th>
+            <th>Changelog</th>
+            <th>Download (Google Drive)</th>
+          </tr>
+          <tr>
+            <td>Server</td>
+            <td>SVFFM</td>
+            <td>SERVER-1.0 [LATEST]</td>
+            <td>1.19</td>
+            <td>22.07.22-23:03:56</td>
+            <td>Added all server side mods.</td>
+            <td><a href="https://drive.google.com/uc?export=download&id=1_yoYXTnjo18s5byK9VC2DiDs42nO1QHn" class="downloadbutton">Download</a></td>
+          </tr>
+        </table>
+
+      </div>
+    </body>
+
+    <footer>
+        <link rel="stylesheet" href="css/footer.css">
+        <link rel="stylesheet" href="css/assets.css">
+        <div id="footer">
+          <div id="innerFooterBox">
+            <div>
+              <a class="contactIcon" href="https://youtube.com/c/JonasJonesJonasJones/">
+                  <div class="contactIconDiv">
+                      <img height="25px" src="src/logos/youtube_icon.png">
+                  </div>
+              </a>
+              <a class="contactIcon" href="https://github.com/J-onasJones/">
+                  <div class="contactIconDiv">
+                      <img height="25px" src="src/logos/github_icon.png">
+                  </div>
+              </a>
+              <a class="contactIcon" href="https://discord.gg/V2EsuUVmWh/">
+                  <div class="contactIconDiv">
+                      <img height="25px" src="src/logos/discord_icon.png">
+                  </div>
+              </a>
+              <a class="contactIcon" href="https://www.instagram.com/_jonas_jones_/">
+                  <div class="contactIconDiv">
+                      <img height="25px" src="src/logos/instagram_icon.png">
+                  </div>
+              </a>
+              <a class="contactIcon" href="https://twitter.com/Jonas_Jones_/">
+                  <div class="contactIconDiv">
+                      <img height="25px" src="src/logos/twitter_icon.png">
+                  </div>
+              </a>
+            </div>
+            <div class="vl"></div>
+            <div id="topLinks">
+              <h1>Quick Access</h1>
+              <div><a href="404.html"><img src="src/icons/news.png" height="23px" style="padding-right: 10px;">NEWS<i class="arrow right" style="border-color: white;"></i></a></div>
+              <div><a href="404.html"><img src="src/icons/projects.png" height="23px" style="padding-right: 10px;">PROJECTS<i class="arrow right" style="border-color: white;"></i></a></div>
+              <div><a href="404.html"><img src="src/icons/youtube.png" height="23px" style="padding-right: 10px;">YOUTUBE<i class="arrow right" style="border-color: white;"></i></a></div>
+              <div><a href="404.html"><img src="src/icons/downloads.svg" height="23px" style="padding-right: 10px;">DOWNLOADS<i class="arrow right" style="border-color: white;"></i></a></div>
+              <div><a></a></div>
+              <div><a href="https://jonasjones.me/#contact"><img src="src/icons/contact.png" height="23px" style="padding-right: 10px;">CONTACT<i class="arrow right" style="border-color: white;"></i></a></div>
+              <div><a href="https://github.com/J-onasJones/J-onasJones.github.io/blob/main/LICENSE"><img src="src/icons/license.png" height="23px" style="padding-right: 10px;">LICENSE <i class="arrow right" style="border-color: white;"></i></a></div>
+            </div>
+          </div>
+        </div>
+        <div class="footer-bar">
+          <a>Website by Jonas_Jones, hosted on GitHub - 2022</a>
+        </div>
+    </footer>
+
+    <script>
+      function toggleDarkMode() {
+        var element = document.body;
+        element.classList.toggle("dark-mode");
+      }
+    </script>
+
+</html>-->
\ No newline at end of file
