From 19b97f2af61c1d59d3a79db6c49ca0eea7cfd679 Mon Sep 17 00:00:00 2001
From: Ruds <rs2009@ruds.io>
Date: Sat, 13 Dec 2025 12:26:35 +0000
Subject: [PATCH] feat: move music player to its own window

---
 site/badges/winamp6.gif | Bin 0 -> 5081 bytes
 site/global.css         |   2 +-
 site/index.html         |  22 ++++++++++++++++++++--
 site/pages/credits.html |   2 +-
 site/pages/notes.html   |  19 ++++++++++++++++++-
 5 files changed, 40 insertions(+), 5 deletions(-)
 create mode 100644 site/badges/winamp6.gif

diff --git a/site/badges/winamp6.gif b/site/badges/winamp6.gif
new file mode 100644
index 0000000000000000000000000000000000000000..234667ae4a802074ef2310ec8087a71a26e69bd1
GIT binary patch
literal 5081
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
Q>&}EvRREPs3INXh2LOoYzyJUM

literal 0
HcmV?d00001

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>