rs2009/ruds.io
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: move music player to its own window

Browse source
This commit is contained in:
Rudra Saraswat 2025-12-13 12:26:35 +00:00
parent c3e9c53a81
commit 19b97f2af6
5 changed files with 40 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
site/badges/winamp6.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5 KiB

2
site/global.css
View file

@ -51,7 +51,7 @@ body {
} }
.box-content { .box-content {
flex: 4; flex: 2;
} }
.box-rp { .box-rp {

22
site/index.html
View file

@ -35,6 +35,23 @@
</ul> </ul>
</div> </div>
</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>
<div class="box-content subcontainer"> <div class="box-content subcontainer">
<div class="window active"> <div class="window active">
@ -80,7 +97,8 @@
</ul> </ul>
</div> </div>
</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">
<div class="title-bar-text">music player</div> <div class="title-bar-text">music player</div>
<div class="title-bar-controls"> <div class="title-bar-controls">
@ -92,7 +110,7 @@
<div class="window-body has-space"> <div class="window-body has-space">
<iframe src="/site/webdeck-player/index.html" height="250" width="600"></iframe> <iframe src="/site/webdeck-player/index.html" height="250" width="600"></iframe>
</div> </div>
</div> </div> -->
</div> </div>
<div class="box-rp"> <div class="box-rp">
<div class="window active"> <div class="window active">

2
site/pages/credits.html
View file

@ -47,8 +47,8 @@
</div> </div>
</div> </div>
<div class="window-body has-space"> <div class="window-body has-space">
<ul>CSS stylesheet: <a href="https://jdan.github.io/98.css/">98.css</a></ul>
<ul> <ul>
<li>CSS stylesheet: <a href="https://jdan.github.io/98.css/">98.css</a></li>
<li>88x31 (buttons): <li>88x31 (buttons):
<ul> <ul>
<li><a href="https://hellnet.work/8831/">hellnet.work/8831/</a></li> <li><a href="https://hellnet.work/8831/">hellnet.work/8831/</a></li>

19
site/pages/notes.html
View file

@ -35,11 +35,28 @@
</ul> </ul>
</div> </div>
</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>
<div class="box-content subcontainer"> <div class="box-content subcontainer">
<div class="window active"> <div class="window active">
<div class="title-bar"> <div class="title-bar">
<div class="title-bar-text">credits</div> <div class="title-bar-text">notes</div>
<div class="title-bar-controls"> <div class="title-bar-controls">
<button aria-label="Minimize"></button> <button aria-label="Minimize"></button>
<button aria-label="Maximize"></button> <button aria-label="Maximize"></button>