diff --git a/site/badges/winamp6.gif b/site/badges/winamp6.gif
new file mode 100644
index 0000000..234667a
Binary files /dev/null and b/site/badges/winamp6.gif differ
diff --git a/site/global.css b/site/global.css
index 17bfd90..abf3e9e 100644
--- a/site/global.css
+++ b/site/global.css
@@ -51,7 +51,7 @@ body {
 }
 
 .box-content {
-    flex: 4;
+    flex: 2;
 }
 
 .box-rp {
diff --git a/site/index.html b/site/index.html
index 5c610df..433767d 100644
--- a/site/index.html
+++ b/site/index.html
@@ -35,6 +35,23 @@
                     </ul>
                 </div>
             </div>
+            <div class="window active">
+                <div class="title-bar">
+                    <div class="title-bar-text">socials</div>
+                    <div class="title-bar-controls">
+                        <button aria-label="Minimize"></button>
+                        <button aria-label="Maximize"></button>
+                        <button aria-label="Close"></button>
+                    </div>
+                </div>
+                <div class="window-body has-space">
+                    <ul>
+                        <li>GitHub: <a href="https://github.com/RudraSwat">RudraSwat</a></li>
+                        <li>X(itter): <a href="https://x.com/RudraSaraswat1">@RudraSaraswat1</a> (inactive)</li>
+                        <li><a href="/site/pages/credits.html">credits</a></li>
+                    </ul>
+                </div>
+            </div>
         </div>
         <div class="box-content subcontainer">
             <div class="window active">
@@ -80,7 +97,8 @@
                     </ul>
                 </div>
             </div>
-            <div class="window active">
+            <button style="all: unset; width: fit-content; cursor: pointer;" onclick="window.open('/site/webdeck-player/index.html', 'Web Deck Player', 'height=250, width=600')"><img title="music player" style="image-rendering: pixelated;" src="/site/badges/winamp6.gif"></a> 
+            <!-- <div class="window active">
                 <div class="title-bar">
                     <div class="title-bar-text">music player</div>
                     <div class="title-bar-controls">
@@ -92,7 +110,7 @@
                 <div class="window-body has-space">
                     <iframe src="/site/webdeck-player/index.html" height="250" width="600"></iframe> 
                 </div>
-            </div>
+            </div> -->
         </div>
         <div class="box-rp">
             <div class="window active">
diff --git a/site/pages/credits.html b/site/pages/credits.html
index 095f8e9..442d276 100644
--- a/site/pages/credits.html
+++ b/site/pages/credits.html
@@ -47,8 +47,8 @@
                     </div>
                 </div>
                 <div class="window-body has-space">
-                    <ul>CSS stylesheet: <a href="https://jdan.github.io/98.css/">98.css</a></ul>
                     <ul>
+                        <li>CSS stylesheet: <a href="https://jdan.github.io/98.css/">98.css</a></li>
                         <li>88x31 (buttons): 
                             <ul>
                                 <li><a href="https://hellnet.work/8831/">hellnet.work/8831/</a></li>
diff --git a/site/pages/notes.html b/site/pages/notes.html
index ddca980..de7f9ae 100644
--- a/site/pages/notes.html
+++ b/site/pages/notes.html
@@ -35,11 +35,28 @@
                     </ul>
                 </div>
             </div>
+            <div class="window active">
+                <div class="title-bar">
+                    <div class="title-bar-text">pages</div>
+                    <div class="title-bar-controls">
+                        <button aria-label="Minimize"></button>
+                        <button aria-label="Maximize"></button>
+                        <button aria-label="Close"></button>
+                    </div>
+                </div>
+                <div class="window-body has-space">
+                    <ul>
+                        <li><a href="/site/">home</a></li>
+                        <li><a href="/site/pages/notes.html">notes</a></li>
+                        <li><a href="/site/pages/credits.html">credits</a></li>
+                    </ul>
+                </div>
+            </div>
         </div>
         <div class="box-content subcontainer">
             <div class="window active">
                 <div class="title-bar">
-                    <div class="title-bar-text">credits</div>
+                    <div class="title-bar-text">notes</div>
                     <div class="title-bar-controls">
                         <button aria-label="Minimize"></button>
                         <button aria-label="Maximize"></button>