diff --git a/CS/index.html b/CS/index.html
index 946ba0a..43a57c3 100644
--- a/CS/index.html
+++ b/CS/index.html
@@ -49,7 +49,7 @@
 <body>
     <div class="terminal">
         <ul>
-            <li><p><span class="command"><a href="../projects.html">../</a></span></p></li>
+            <li><p><span class="command"><a href="../projects">../</a></span></p></li>
             <li><span class="space"><span class="space"></span><span class="command"><a href="./ProblemSolvingProcess/">Problem Solving Process</a></span></li>
         </ul>
     </div>
diff --git a/about.html b/about.html
index 3ba2248..b15f48e 100644
--- a/about.html
+++ b/about.html
@@ -29,7 +29,7 @@
             justify-content: center;
             margin: 0;
         }
-        .terminal li {
+        .terminal li {s
             margin: 0 15px;
         }
         .terminal a {
@@ -44,7 +44,7 @@
     <header>
         <div class="terminal">
             <ul>
-                <li><a href="./index.html">back</a></li>
+                <li><a href="./">back</a></li>
             </ul>
         </div>
     </header>
diff --git a/common.css b/common.css
new file mode 100644
index 0000000..767654e
--- /dev/null
+++ b/common.css
@@ -0,0 +1,110 @@
+body {
+    user-select: none;
+    background-color: #000;
+    color: #fff;
+    font-family: monospace;
+    cursor: url(./cursor.cur), auto;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+}
+img {
+    pointer-events: none;
+}
+.terminal {
+    background-color: #000;
+    color: green;
+    padding: 20px;
+    text-align: center;
+}
+.terminal h1 {
+    color: lightgreen;
+}
+.terminal .command {
+    color: lightblue;
+}
+.terminal ul.navbar {
+    list-style: none;
+    padding: 0;
+    display: flex;
+    justify-content: center;
+    margin: 0;
+}
+.terminal li {
+    margin: 0 15px;
+}
+.terminal a {
+    color: #fff;
+    text-decoration: none;
+}
+.terminal a:hover {
+    text-decoration: underline;
+}
+
+/* Updated Dropdown Styles */
+.dropdown {
+    position: relative;
+    display: inline-block;
+}
+
+.dropbtn {
+    color: #fff;
+    text-decoration: none;
+    cursor: pointer;
+}
+
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #333;
+    min-width: 160px;
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+    right: 0;      /* Align to the right */
+    left: auto;    /* Remove left alignment */
+}
+
+.dropdown-content a {
+    color: #fff;
+    padding: 12px 16px;
+    text-decoration: none;
+    display: block;
+}
+
+.dropdown-content a:hover {
+    background-color: #575757;
+}
+
+.dropdown:hover .dropdown-content {
+    display: block;
+}
+
+.dropdown:hover .dropbtn {
+    text-decoration: underline;
+}
+
+#widget {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+}
+#album-cover img {
+    max-width: 150px;
+    max-height: 150px;
+}
+#song {
+    text-align: center;
+}
+.spacer230p {
+    height: 230px;
+}
+.model {
+    color: #ff2ef1; 
+    height: 230px; 
+    font-family: monospace; 
+    white-space: pre;
+}
+a {            
+    cursor: url(./link.cur), auto;
+}
diff --git a/guides.html b/guides.html
index 592a143..c38af40 100644
--- a/guides.html
+++ b/guides.html
@@ -6,7 +6,10 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>prigoana.lol</title>
-    <style>        a{            cursor: url(./link.cur), auto;}
+    <style>
+        a {
+            cursor: url(./link.cur), auto;
+        }
         body {
             user-select: none;
             background-color: #000;
@@ -16,11 +19,16 @@
             display: flex;
             flex-direction: column;
             align-items: center;
-            background-color: #000;
-            color: rgb(255, 255, 255);
+            justify-content: center;
+            height: 20vh;
+            margin: 0;
             text-align: center;
         }
 
+        .terminal {
+            margin-bottom: 20px;
+        }
+
         .terminal ul {
             list-style: none;
             padding: 0;
@@ -28,25 +36,128 @@
             justify-content: center;
             margin: 0;
         }
+
         .terminal li {
             margin: 0 15px;
         }
+
         .terminal a {
             color: #fff;
             text-decoration: none;
         }
+
         .terminal a:hover {
-            text-decoration: underline;}
+            text-decoration: underline;
+        }
+
+        h3, h4 {
+            margin: 10px 0;
+        }
+
+        h4 {
+            cursor: pointer;
+        }
+
+        /* Modal styles */
+        .modal {
+            display: none;
+            position: fixed;
+            z-index: 1;
+            left: 0;
+            top: 0;
+            width: 100%;
+            height: 100%;
+            overflow: auto;
+            background-color: rgba(0, 0, 0, 0.8);
+            align-items: center;
+            justify-content: center;
+        }
+
+        .modal-content {
+            background-color: #333;
+            padding: 20px;
+            border: 1px solid #fff;
+            width: 80%;
+            max-width: 600px;
+            text-align: left;
+            color: #fff;
+            font-size: 1rem;
+        }
+
+        .modal-content img {
+            width: 100%;
+            height: auto;
+            margin: 10px 0;
+        }
+
+        .modal-content p {
+            margin-bottom: 15px;
+        }
+
+        .modal-content a {
+            text-decoration: underline;
+            color: inherit;
+        }
+
+        .close {
+            color: #fff;
+            font-size: 28px;
+            font-weight: bold;
+            position: absolute;
+            right: 20px;
+            top: 20px;
+            cursor: pointer;
+        }
+
+        .close:hover {
+            color: #ccc;
+        }
     </style>
 </head>
 <body>
-        <div class="terminal">
-            <ul>
-                <li><a href="./index.html">back</a></li>
-            </ul>
-        </div>
-    <h3>Guides</h3>
-<h4>Ad Blocking</h4>
+    <div class="terminal">
+        <ul>
+            <li><a href="./">back</a></li>
+        </ul>
     </div>
+    
+    <h3>Guides</h3>
+    
+    <h4 id="adBlockingBtn">Ad Blocking</h4>
+
+    <div id="adBlockingModal" class="modal">
+        <div class="modal-content">
+            <span class="close" id="closeModal">&times;</span>
+            <h3>Ad Blocking</h3>
+            <p>Add these 2 extensions to your browser:</p>
+            <p><a href="https://chromewebstore.google.com/detail/ublock-origin-lite/ddkjiahejlhfcafbddmgiahcphecmpfh">uBlock Origin Lite</a> <a href="https://chromewebstore.google.com/detail/ublock-origin/cjpalhdlnbpafiamejdnhcphjbkeiagm">uBlock Origin</a></p>
+            <p>Go to the extensions icon, then click on uBlock Origon. Click on the settings icon, and turn on every filter. Do the same for uBlock Origin Lite.</p>
+            <h4>Why?</h4>
+            <p>This is to block ads (from Spotify, YouTube, etc.), protect from malware, remove annoyances like cookie pop-ups, and provide a cleaner, more streamlined web-browsing experience.</p>
+            <h4>Paranoid?</h4>
+            <p>Both extensions and filter lists are <strong>open-source</strong>, which means you can see their actual code.</p>
+            <p><a href="https://github.com/uBlockOrigin/uBOL-home">uBO Lite source</a> <a href="https://github.com/gorhill/uBlock">uBO source</a></p>
+        </div>
+    </div>
+
+    <script>
+        var modal = document.getElementById("adBlockingModal");
+        var btn = document.getElementById("adBlockingBtn");
+        var close = document.getElementById("closeModal");
+
+        btn.onclick = function() {
+            modal.style.display = "flex";
+        }
+
+        close.onclick = function() {
+            modal.style.display = "none";
+        }
+
+        window.onclick = function(event) {
+            if (event.target == modal) {
+                modal.style.display = "none";
+            }
+        }
+    </script>
 </body>
 </html>
diff --git a/index.html b/index.html
index 351dcb8..14cde6f 100644
--- a/index.html
+++ b/index.html
@@ -6,86 +6,28 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>prigoana.lol</title>
-    <style>
-        body {
-            user-select: none;
-            background-color: #000;
-            color: #fff;
-            font-family: monospace;
-            cursor: url(./cursor.cur), auto;
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-        }
-        img {
-            pointer-events: none;
-        }
-        .terminal {
-            background-color: #000;
-            color: green;
-            padding: 20px;
-            text-align: center;
-        }
-        .terminal h1 {
-            color: lightgreen;
-        }
-        .terminal .command {
-            color: lightblue;
-        }
-        .terminal ul {
-            list-style: none;
-            padding: 0;
-            display: flex;
-            justify-content: center;
-            margin: 0;
-        }
-        .terminal li {
-            margin: 0 15px;
-        }
-        .terminal a {
-            color: #fff;
-            text-decoration: none;
-        }
-        .terminal a:hover {
-            text-decoration: underline;
-        }
-        #widget {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            justify-content: center;
-        }
-        #album-cover img {
-            max-width: 150px;
-            max-height: 150px;
-        }
-        #song {
-            text-align: center;
-        }
-        .spacer230p {
-            height: 230px;
-        }
-        .model {
-            color: #ff2ef1; 
-            height: 230px; 
-            font-family: monospace; 
-            white-space: pre;
-        }
-        a{            cursor: url(./link.cur), auto;}
-    </style>
+    <link rel="stylesheet" href="./common.css">
 </head>
 <body>
     <header>
         <div class="terminal">
-            <ul>
-                <li><a href="./projects.html">projects</a></li>
-                <li><a href="./about.html">about</a></li>
-                <!--<li><a href="./guides.html">guides</a></li>-->
+            <ul class="navbar">
+                <li><a href="./projects">projects</a></li>
+                <li><a href="./about">about</a></li>
+                <li><a href="./guides">guides</a></li>
+                <li class="dropdown">
+                    <a href="#" class="dropbtn">playlists</a>
+                    <div class="dropdown-content">
+                        <a href="./">Eduard (👅)</a>
+                        <a href="./noah">Noah (Yep)</a>
+                    </div>
+                </li>
             </ul>
         </div>
     </header>
-    <main><p style="line-height: 50px; height: 200px;">&nbsp;</p>
-        <div id="app" ></div>
+    <main>
+        <p style="line-height: 50px; height: 200px;">&nbsp;</p>
+        <div id="app"></div>
         <p style="line-height: 50px; height: 230px;">&nbsp;</p>
         <div id="lastfm-widget"></div>
         <div id="widget">
@@ -104,17 +46,23 @@
         let url = 'https://lastfm-last-played.biancarosa.com.br/yetiuard/latest-song';
         let songElement = document.querySelector('#song');
         let albumCoverElement = document.querySelector('#album-cover');
-        fetch(url).then(response => response.json()).then(json => {
-            songElement.innerHTML = json.track.name + ' - ' + json.track.artist['#text'];
-            songElement.innerHTML += '<div>' + json.track.album['#text'] + '</div>';
-            albumCoverElement.innerHTML = '<img src="' + json.track.image[2]['#text'] + '" alt="Album Cover">';
-        });
-        if ('serviceWorker' in navigator) {
-            navigator.serviceWorker.register('./service-worker.js').then(registration => {
-                console.log('Service Worker registered with scope:', registration.scope);
-            }).catch(error => {
-                console.log('Service Worker registration failed:', error);
+
+        fetch(url)
+            .then(response => response.json())
+            .then(json => {
+                songElement.innerHTML = `${json.track.name} - ${json.track.artist['#text']}`;
+                songElement.innerHTML += `<div>${json.track.album['#text']}</div>`;
+                albumCoverElement.innerHTML = `<img src="${json.track.image[2]['#text']}" alt="Album Cover">`;
             });
+
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register('./service-worker.js')
+                .then(registration => {
+                    console.log('Service Worker registered with scope:', registration.scope);
+                })
+                .catch(error => {
+                    console.log('Service Worker registration failed:', error);
+                });
         }
     </script>
 </body>
diff --git a/noah.html b/noah.html
new file mode 100644
index 0000000..a7a9169
--- /dev/null
+++ b/noah.html
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <link rel="icon" type="image/x-icon" href="./favicon.png">
+    <link rel="manifest" href="./manifest.json">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>prigoana.lol</title>
+    <link rel="stylesheet" href="./common.css">
+</head>
+<body>
+    <header>
+        <div class="terminal">
+            <ul class="navbar">
+                <li><a href="./projects">projects</a></li>
+                <li><a href="./about">about</a></li>
+                <li><a href="./guides">guides</a></li>
+                <li class="dropdown">
+                    <a href="#" class="dropbtn">playlists</a>
+                    <div class="dropdown-content">
+                        <a href="./">Eduard (👅)</a>
+                        <a href="./noah">Noah (Yep)</a>
+                    </div>
+                </li>
+            </ul>
+        </div>
+    </header>
+    <main>
+        <p style="line-height: 50px; height: 200px;">&nbsp;</p>
+        <div id="app"></div>
+        <p style="line-height: 50px; height: 230px;">&nbsp;</p>
+    </main>
+    <footer>
+    </footer>
+    <script src="https://unpkg.com/webamp/built/webamp.bundle.min.js"></script>
+    <script src="https://unpkg.com/butterchurn/lib/butterchurn.min.js"></script>
+    <script src="https://unpkg.com/butterchurn-presets/lib/butterchurnPresets.min.js"></script>
+    <script src="./noah.js"></script>
+    <script>
+        if ('serviceWorker' in navigator) {
+            navigator.serviceWorker.register('./service-worker.js')
+                .then(registration => {
+                    console.log('Service Worker registered with scope:', registration.scope);
+                })
+                .catch(error => {
+                    console.log('Service Worker registration failed:', error);
+                });
+        }
+    </script>
+</body>
+</html>
diff --git a/noah.js b/noah.js
new file mode 100644
index 0000000..e4fcdfd
--- /dev/null
+++ b/noah.js
@@ -0,0 +1,328 @@
+const Webamp = window.Webamp;
+const webamp = new Webamp({
+    initialTracks: [
+      {
+        "metaData": {
+          "artist": "Dave",
+          "title": "Sprinter"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/01.%20Dave%20-%20Sprinter.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Coolio",
+          "title": "Gangsta's Paradise"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/02.%20Coolio%20-%20Gangsta's%20Paradise.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Central Cee",
+          "title": "BAND4BAND"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/03.%20Central%20Cee%20-%20BAND4BAND.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Central Cee",
+          "title": "Doja"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/04.%20Central%20Cee%20-%20Doja.flac"
+      },
+      {
+        "metaData": {
+          "artist": "BenzZ",
+          "title": "Je M'appelle"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/05.%20BenzZ%20-%20Je%20M'appelle.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Aitch",
+          "title": "Rain"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/06.%20Aitch%20-%20Rain.flac"
+      },
+      {
+        "metaData": {
+          "artist": "21 Savage",
+          "title": "redrum"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/07.%2021%20Savage%20-%20redrum.flac"
+      },
+      {
+        "metaData": {
+          "artist": "ArrDee",
+          "title": "Oliver Twist"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/08.%20ArrDee%20-%20Oliver%20Twist.flac"
+      },
+      {
+        "metaData": {
+          "artist": "SR",
+          "title": "Welcome To Brixton"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/09.%20SR%20-%20Welcome%20To%20Brixton.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Hzino",
+          "title": "Violation"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/10.%20Hzino%20-%20Violation.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Tion Wayne",
+          "title": "Body (Remix) [feat. ArrDee, E1 (3x3), ZT (3x3), Bugzy Malone, Buni, Fivio Foreign & Darkoo]"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/11.%20Tion%20Wayne%20-%20Body%20(Remix)%20[feat.%20ArrDee,%20E1%20(3x3),%20ZT%20(3x3),%20Bugzy%20Malone,%20Buni,%20Fivio%20Foreign%20&%20Darkoo].flac"
+      },
+      {
+        "metaData": {
+          "artist": "Russ Millions",
+          "title": "Body"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/12.%20Russ%20Millions%20-%20Body.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Central Cee",
+          "title": "Day in the Life"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/13.%20Central%20Cee%20-%20Day%20in%20the%20Life.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Central Cee",
+          "title": "Loading"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/14.%20Central%20Cee%20-%20Loading.flac"
+      },
+      {
+        "metaData": {
+          "artist": "OTP",
+          "title": "BM"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/15.%20OTP%20-%20BM.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Central Cee",
+          "title": "Commitment Issues"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/16.%20Central%20Cee%20-%20Commitment%20Issues.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Central Cee",
+          "title": "Obsessed With You"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/17.%20Central%20Cee%20-%20Obsessed%20With%20You.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Central Cee",
+          "title": "6 For 6"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/18.%20Central%20Cee%20-%206%20For%206.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Central Cee",
+          "title": "Khabib"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/19.%20Central%20Cee%20-%20Khabib.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Central Cee",
+          "title": "Retail Therapy"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/20.%20Central%20Cee%20-%20Retail%20Therapy.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Central Cee",
+          "title": "Daily Duppy (feat. GRM Daily)"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/21.%20Central%20Cee%20-%20Daily%20Duppy%20(feat.%20GRM%20Daily).flac"
+      },
+      {
+        "metaData": {
+          "artist": "Asake",
+          "title": "Wave"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/22.%20Asake%20-%20Wave.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Dave",
+          "title": "UK Rap"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/23.%20Dave%20-%20UK%20Rap.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Central Cee",
+          "title": "gen z luv"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/24.%20Central%20Cee%20-%20gen%20z%20luv.flac"
+      },
+      {
+        "metaData": {
+          "artist": "BenzZ",
+          "title": "Je M'appelle (Remix)"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/25.%20BenzZ%20-%20Je%20M'appelle%20(Remix).flac"
+      },
+      {
+        "metaData": {
+          "artist": "BenzZ",
+          "title": "Alors Alors"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/26.%20BenzZ%20-%20Alors%20Alors.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Ice Spice",
+          "title": "Did It First"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/27.%20Ice%20Spice%20-%20Did%20It%20First.flac"
+      },
+      {
+        "metaData": {
+          "artist": "The Police",
+          "title": "Every Breath You Take (Remastered 2003)"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/28.%20The%20Police%20-%20Every%20Breath%20You%20Take%20(Remastered%202003).flac"
+      },
+      {
+        "metaData": {
+          "artist": "Dave",
+          "title": "Trojan Horse"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/29.%20Dave%20-%20Trojan%20Horse.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Russ Millions",
+          "title": "Reggae & Calypso (Russ Millions x Buni x YV)"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/30.%20Russ%20Millions%20-%20Reggae%20&%20Calypso%20(Russ%20Millions%20x%20Buni%20x%20YV).flac"
+      },
+      {
+        "metaData": {
+          "artist": "Canking",
+          "title": "lemme land"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/31.%20Canking%20-%20lemme%20land_.flac"
+      },
+      {
+        "metaData": {
+          "artist": "ArrDee",
+          "title": "Oliver Twist"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/32.%20ArrDee%20-%20Oliver%20Twist.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Russ Millions",
+          "title": "Big Shark"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/33.%20Russ%20Millions%20-%20Big%20Shark.flac"
+      },
+      {
+        "metaData": {
+          "artist": "SR",
+          "title": "What's Good"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/34.%20SR%20-%20What's%20Good.flac"
+      },
+      {
+        "metaData": {
+          "artist": "D38",
+          "title": "No Miming"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/35.%20D38%20-%20D38%20-%20No%20Miming.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Russ Millions",
+          "title": "Talk To Me Nice"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/36.%20Russ%20Millions%20-%20Talk%20To%20Me%20Nice.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Dave",
+          "title": "Thiago Silva"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/37.%20Dave%20-%20Thiago%20Silva.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Russ Millions",
+          "title": "6:30"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/38.%20Russ%20Millions%20-%206_30.flac"
+      },
+      {
+        "metaData": {
+          "artist": "Oasis",
+          "title": "Champagne Supernova"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/39.%20Oasis%20-%20Champagne%20Supernova.flac"
+      },
+      {
+        "metaData": {
+          "artist": "New Music Masters",
+          "title": "Can't Hold Us (Like the Ceiling Can't Hold Us)"
+        },
+        "url": "https://eduardskibidiedger.github.io/noah1/40.%20New%20Music%20Masters%20-%20Can't%20Hold%20Us%20(Like%20the%20Ceiling%20Can't%20Hold%20Us).flac"
+      },
+    ],
+  initialSkin: {
+    url: "./skins/PurpleGlow.wsz",
+  },
+  availableSkins: [
+    {
+      url: "./skins/Axon.wsz",
+      name: "Axon",
+    },
+    {
+      url: "./skins/m-lo_black.wsz",
+      name: "Black",
+    },
+    {
+      url: "./skins/PurpleGlow.wsz",
+      name: "Purple Glow",
+    },
+    {
+      url: "./skins/purpleplayer.wsz",
+      name: "Purple",
+    },
+    {
+      url: "./skins/TSWNN.wsz",
+      name: "TSWNN",
+    },
+    {
+      url: "./skins/Vaporwave.wsz",
+      name: "Vaporwave",
+    },
+  ],
+  __butterchurnOptions: {
+    importButterchurn: () => Promise.resolve(window.butterchurn),
+    getPresets: () => {
+      const presets = window.butterchurnPresets.getPresets();
+      return Object.keys(presets).map((name) => {
+        return {
+          name,
+          butterchurnPresetObject: presets[name],
+        };
+      });
+    },
+    butterchurnOpen: true,
+  },
+});
+webamp.renderWhenReady(document.getElementById("app"));
diff --git a/projects.html b/projects.html
index b4ce899..efed3b1 100644
--- a/projects.html
+++ b/projects.html
@@ -49,7 +49,7 @@
 <body>
     <div class="terminal">
         <ul>
-            <li><p><span class="command"><a href="./index.html">./</a></span></p></li>
+            <li><p><span class="command"><a href="./">./</a></span></p></li>
             <li><span class="space"></span><span class="command"><a href="./CS/">CS/</a></span></li>
             <li><span class="space"><span class="space"></span><span class="command"><a href="./CS/ProblemSolvingProcess/">Problem Solving Process</a></span></li>
         </ul>
