feat: move music player to its own window
This commit is contained in:
parent
c3e9c53a81
commit
19b97f2af6
5 changed files with 40 additions and 5 deletions
BIN
site/badges/winamp6.gif
Normal file
BIN
site/badges/winamp6.gif
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5 KiB |
|
|
@ -51,7 +51,7 @@ body {
|
|||
}
|
||||
|
||||
.box-content {
|
||||
flex: 4;
|
||||
flex: 2;
|
||||
}
|
||||
|
||||
.box-rp {
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue