diff --git a/CS/ProblemSolvingProcess/index.html b/CS/ProblemSolvingProcess/index.html
index ddfb517..0671505 100644
--- a/CS/ProblemSolvingProcess/index.html
+++ b/CS/ProblemSolvingProcess/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <link rel="icon" type="image/x-icon" href="../../favicon.png">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Problem Solving Process Poster</title>
diff --git a/CS/index.html b/CS/index.html
index 43a57c3..1cada20 100644
--- a/CS/index.html
+++ b/CS/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <link rel="icon" type="image/x-icon" href="../favicon.png">
+    <link rel="icon" type="image/x-icon" href="/favicon.png">
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>CS/</title>
@@ -49,7 +49,7 @@
 <body>
     <div class="terminal">
         <ul>
-            <li><p><span class="command"><a href="../projects">../</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/guides.html b/guides.html
index c38af40..b3cfffc 100644
--- a/guides.html
+++ b/guides.html
@@ -24,11 +24,9 @@
             margin: 0;
             text-align: center;
         }
-
         .terminal {
             margin-bottom: 20px;
         }
-
         .terminal ul {
             list-style: none;
             padding: 0;
@@ -36,29 +34,22 @@
             justify-content: center;
             margin: 0;
         }
-
         .terminal li {
             margin: 0 15px;
         }
-
         .terminal a {
             color: #fff;
             text-decoration: none;
         }
-
         .terminal a:hover {
             text-decoration: underline;
         }
-
         h3, h4 {
             margin: 10px 0;
         }
-
-        h4 {
-            cursor: pointer;
+        .guide {
+            cursor: url(./link.cur), auto;
         }
-
-        /* Modal styles */
         .modal {
             display: none;
             position: fixed;
@@ -72,7 +63,6 @@
             align-items: center;
             justify-content: center;
         }
-
         .modal-content {
             background-color: #333;
             padding: 20px;
@@ -83,22 +73,18 @@
             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;
@@ -108,7 +94,6 @@
             top: 20px;
             cursor: pointer;
         }
-
         .close:hover {
             color: #ccc;
         }
@@ -123,7 +108,7 @@
     
     <h3>Guides</h3>
     
-    <h4 id="adBlockingBtn">Ad Blocking</h4>
+    <h4 class="guide" id="adBlockingBtn">Ad Blocking</h4>
 
     <div id="adBlockingModal" class="modal">
         <div class="modal-content">
@@ -131,7 +116,7 @@
             <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>
+            <p>Go to the extensions icon, then click on uBlock Origin. 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>
diff --git a/index.html b/index.html
index 14cde6f..d42f2e2 100644
--- a/index.html
+++ b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <link rel="icon" type="image/x-icon" href="./favicon.png">
+    <link id="favicon" 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">
@@ -19,7 +19,17 @@
                     <a href="#" class="dropbtn">playlists</a>
                     <div class="dropdown-content">
                         <a href="./">Eduard (👅)</a>
-                        <a href="./noah">Noah (Yep)</a>
+                        <a href="./playlists/noah/">Noah (Yep)</a>
+                    </div>
+                </li>
+                <!-- New Disguise Dropdown -->
+                <li class="dropdown">
+                    <a href="#" class="dropbtn">disguise</a>
+                    <div class="dropdown-content">
+                        <a href="#" data-title="prigoana.lol" data-icon="./favicon.png">Bases</a>
+                        <a href="#" data-title="Home" data-icon="https://www.gstatic.com/classroom/ic_product_classroom_144.png">Classroom</a>
+                        <a href="#" data-title="Home - Google Drive" data-icon="https://ssl.gstatic.com/docs/doclist/images/drive_2022q3_32dp.png">Drive</a>
+                        <a href="#" data-title="Google Docs" data-icon="https://ssl.gstatic.com/docs/documents/images/kix-favicon-2023q4.ico">Docs</a>
                     </div>
                 </li>
             </ul>
@@ -43,6 +53,7 @@
     <script src="https://unpkg.com/butterchurn-presets/lib/butterchurnPresets.min.js"></script>
     <script src="./index.js"></script>
     <script>
+        // Existing Last.fm Fetch Script
         let url = 'https://lastfm-last-played.biancarosa.com.br/yetiuard/latest-song';
         let songElement = document.querySelector('#song');
         let albumCoverElement = document.querySelector('#album-cover');
@@ -55,6 +66,7 @@
                 albumCoverElement.innerHTML = `<img src="${json.track.image[2]['#text']}" alt="Album Cover">`;
             });
 
+        // Service Worker Registration
         if ('serviceWorker' in navigator) {
             navigator.serviceWorker.register('./service-worker.js')
                 .then(registration => {
@@ -64,6 +76,31 @@
                     console.log('Service Worker registration failed:', error);
                 });
         }
+
+        // Disguise Dropdown Functionality
+        document.querySelectorAll('.dropdown-content a[data-title]').forEach(function(element) {
+            element.addEventListener('click', function(event) {
+                event.preventDefault();
+                const newTitle = this.getAttribute('data-title');
+                const newIcon = this.getAttribute('data-icon');
+
+                // Change the document title
+                document.title = newTitle;
+
+                // Change the favicon
+                const favicon = document.getElementById('favicon');
+                if (favicon) {
+                    favicon.href = newIcon;
+                } else {
+                    const link = document.createElement('link');
+                    link.id = 'favicon';
+                    link.rel = 'icon';
+                    link.type = 'image/x-icon';
+                    link.href = newIcon;
+                    document.head.appendChild(link);
+                }
+            });
+        });
     </script>
 </body>
 </html>
diff --git a/playlists/noah/index.html b/playlists/noah/index.html
new file mode 100644
index 0000000..4bfd5aa
--- /dev/null
+++ b/playlists/noah/index.html
@@ -0,0 +1,58 @@
+<!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="/">back</a></li>
+                <li class="dropdown">
+                    <a href="#" class="dropbtn">playlists</a>
+                    <div class="dropdown-content">
+                        <a href="/">Eduard (👅)</a>
+                        <a href="/playlists/noah/">Noah (Yep)</a>
+                    </div>
+                </li>
+                <li class="dropdown">
+                    <a href="#" class="dropbtn">disguise</a>
+                    <div class="dropdown-content">
+                        <a href="#" data-title="prigoana.lol" data-icon="./favicon.png">Base</a>
+                        <a href="#" data-title="Home" data-icon="https://www.gstatic.com/classroom/ic_product_classroom_144.png">Classroom</a>
+                        <a href="#" data-title="Home - Google Drive" data-icon="https://ssl.gstatic.com/docs/doclist/images/drive_2022q3_32dp.png">Drive</a>
+                        <a href="#" data-title="Google Docs" data-icon="https://ssl.gstatic.com/docs/documents/images/kix-favicon-2023q4.ico">Docs</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="./index.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/playlists/noah/index.js
similarity index 88%
rename from noah.js
rename to playlists/noah/index.js
index e4fcdfd..8a6f20f 100644
--- a/noah.js
+++ b/playlists/noah/index.js
@@ -283,31 +283,31 @@ const webamp = new Webamp({
       },
     ],
   initialSkin: {
-    url: "./skins/PurpleGlow.wsz",
+    url: "../../skins/PurpleGlow.wsz",
   },
   availableSkins: [
     {
-      url: "./skins/Axon.wsz",
+      url: "../../skins/Axon.wsz",
       name: "Axon",
     },
     {
-      url: "./skins/m-lo_black.wsz",
+      url: "../../skins/m-lo_black.wsz",
       name: "Black",
     },
     {
-      url: "./skins/PurpleGlow.wsz",
+      url: "../../skins/PurpleGlow.wsz",
       name: "Purple Glow",
     },
     {
-      url: "./skins/purpleplayer.wsz",
+      url: "../../skins/purpleplayer.wsz",
       name: "Purple",
     },
     {
-      url: "./skins/TSWNN.wsz",
+      url: "../../skins/TSWNN.wsz",
       name: "TSWNN",
     },
     {
-      url: "./skins/Vaporwave.wsz",
+      url: "../../skins/Vaporwave.wsz",
       name: "Vaporwave",
     },
   ],
@@ -325,4 +325,28 @@ const webamp = new Webamp({
     butterchurnOpen: true,
   },
 });
+        // Disguise Dropdown Functionality
+        document.querySelectorAll('.dropdown-content a[data-title]').forEach(function(element) {
+          element.addEventListener('click', function(event) {
+              event.preventDefault();
+              const newTitle = this.getAttribute('data-title');
+              const newIcon = this.getAttribute('data-icon');
+
+              // Change the document title
+              document.title = newTitle;
+
+              // Change the favicon
+              const favicon = document.getElementById('favicon');
+              if (favicon) {
+                  favicon.href = newIcon;
+              } else {
+                  const link = document.createElement('link');
+                  link.id = 'favicon';
+                  link.rel = 'icon';
+                  link.type = 'image/x-icon';
+                  link.href = newIcon;
+                  document.head.appendChild(link);
+              }
+          });
+      });
 webamp.renderWhenReady(document.getElementById("app"));
diff --git a/noah.html b/playlists/template/index.html
similarity index 60%
rename from noah.html
rename to playlists/template/index.html
index a7a9169..82bba7e 100644
--- a/noah.html
+++ b/playlists/template/index.html
@@ -6,20 +6,27 @@
     <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">
+    <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><a href="../../">back</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>
+                        <a href="../../">Eduard (👅)</a>
+                        <a href="../noah/">Noah (Yep)</a>
+                    </div>
+                </li>
+                <li class="dropdown">
+                    <a href="#" class="dropbtn">disguise</a>
+                    <div class="dropdown-content">
+                        <a href="#" data-title="prigoana.lol" data-icon="./favicon.png">Base</a>
+                        <a href="#" data-title="Home" data-icon="https://www.gstatic.com/classroom/ic_product_classroom_144.png">Classroom</a>
+                        <a href="#" data-title="Home - Google Drive" data-icon="https://ssl.gstatic.com/docs/doclist/images/drive_2022q3_32dp.png">Drive</a>
+                        <a href="#" data-title="Google Docs" data-icon="https://ssl.gstatic.com/docs/documents/images/kix-favicon-2023q4.ico">Docs</a>
                     </div>
                 </li>
             </ul>
@@ -35,7 +42,7 @@
     <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 src="./index.js"></script>
     <script>
         if ('serviceWorker' in navigator) {
             navigator.serviceWorker.register('./service-worker.js')
diff --git a/playlists/template/index.js b/playlists/template/index.js
new file mode 100644
index 0000000..2dc1921
--- /dev/null
+++ b/playlists/template/index.js
@@ -0,0 +1,79 @@
+const Webamp = window.Webamp;
+const webamp = new Webamp({
+    initialTracks: [
+      {
+        metaData: {
+            artist: "Tyler, The Creator",
+            title: "EARFQUAKE"
+        },
+        url: "https://eduardskibidiedger.github.io/2/049.%20Tyler,%20The%20Creator%20-%20EARFQUAKE.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,
+  },
+});
+        // Disguise Dropdown Functionality
+        document.querySelectorAll('.dropdown-content a[data-title]').forEach(function(element) {
+          element.addEventListener('click', function(event) {
+              event.preventDefault();
+              const newTitle = this.getAttribute('data-title');
+              const newIcon = this.getAttribute('data-icon');
+
+              // Change the document title
+              document.title = newTitle;
+
+              // Change the favicon
+              const favicon = document.getElementById('favicon');
+              if (favicon) {
+                  favicon.href = newIcon;
+              } else {
+                  const link = document.createElement('link');
+                  link.id = 'favicon';
+                  link.rel = 'icon';
+                  link.type = 'image/x-icon';
+                  link.href = newIcon;
+                  document.head.appendChild(link);
+              }
+          });
+      });
+webamp.renderWhenReady(document.getElementById("app"));
\ No newline at end of file
