code refactor

src/components/Footer.svelte

@@ -1,9 +1,8 @@
 <div class="footer">
     <p>Website by Jonas_Jones 2021 - 2023</p>
 </div>
+
 <style>
-
-
 .footer {
   height: 1rem;
   background-color: #000;

src/components/NavBar.svelte

@@ -32,8 +32,6 @@
       <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}>
@@ -49,9 +47,9 @@
   </div>
 
 </div>
-<div class="unsupported"><TooSmallDimsOverlay /></div>
+<div class="unsupported">
-
+  <TooSmallDimsOverlay />
-
+</div>
 
 <script>
     let showMenu = false;
@@ -127,7 +125,6 @@
   setInterval(fetchLastFmData, 15000);
   </script>
 
-  
   <style>
     .hamburger-menu {
     position: relative;

src/components/TooSmallDimsOverlay.svelte

@@ -25,6 +25,7 @@
     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>

src/routes/+error.svelte

@@ -19,8 +19,8 @@
         const taeyong = document.querySelector('.taeyong');
         taeyong.style.display = 'none';
     }
-
 </script>
+
 <ParallaxBg>
     <NavBar />
     <Padding />
@@ -40,10 +40,6 @@
             />
         </div>
     </center>
-    
-    <style>
-        @import '+page.css';
-    </style>
     <Footer />
 </ParallaxBg>
 <div class="taeyong">

src/routes/+page.svelte

@@ -12,7 +12,6 @@
       <img src="/root_logo.webp" alt="My Picture" class="picture">
     </div>
   </div>
-  
   <div class="line">
     <hr>
   </div>
@@ -40,8 +39,3 @@
   import ParallaxBg from '../components/ParallaxBg.svelte';
   import Padding from '../components/padding.svelte';
 </script>
-  
-
-  <style>
-    @import '+page.css';
-  </style>

src/routes/about/+page.svelte

@@ -23,7 +23,6 @@ import Padding from "../../components/padding.svelte";
             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>

src/routes/based/+page.svelte

@@ -4,6 +4,7 @@
     import ParallaxBg from "../../components/ParallaxBg.svelte";
     import Padding from "../../components/padding.svelte";
 </script>
+
 <ParallaxBg>
     <NavBar />
     <title>For the Based</title>
@@ -19,13 +20,10 @@
                 <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 {

src/routes/projects/+page.svelte

@@ -7,7 +7,6 @@ import Footer from "../../components/Footer.svelte";
 
   import projects from "./projects.json";
 
-
   var searchResults = projects;
 
   var searchtext = '';
@@ -46,7 +45,6 @@ function handleSearch() {
       return text.includes(searchtext) && category.includes(searchcategory) && language.includes(searchlanguage) && status.includes(searchstatus);
     });
   }
-
 </script>
 
 <style>
@@ -221,7 +219,6 @@ function handleSearch() {
       display: block;
     }
   }
-
 </style>
 
 <FontAwesome />
@@ -326,7 +323,6 @@ function handleSearch() {
           </div>
           {/each}
         </div>
-        
       <Padding />
     </div>
   <Footer />

src/routes/status/+page.svelte

@@ -4,6 +4,7 @@ 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">