hans/rktplayer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

-

Browse Source
This commit is contained in:
Hans Dijkema
2026-02-17 15:38:13 +01:00
parent 734d583d4e
commit 76b313467d
3 changed files with 16 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
.gitignore vendored
View File

@@ -4,6 +4,8 @@
# DrRacket autosave files # DrRacket autosave files
*.rkt~ *.rkt~
*.html~
*.css~
*.rkt.bak *.rkt.bak
\#*.rkt# \#*.rkt#
\#*.rkt#*# \#*.rkt#*#

14
rktplayer.html
View File

@@ -17,19 +17,19 @@
<button id="repeat" class="command"><img id="repeat-img" src="repeat.svg" /></button> <button id="repeat" class="command"><img id="repeat-img" src="repeat.svg" /></button>
<button id="volume" class="command"><img id="volume-img" src="repeat.svg" /></button> <button id="volume" class="command"><img id="volume-img" src="repeat.svg" /></button>
</div> </div>
<div class="left-panel"> <div class="hpane">
<div class="music-info">
<div class="music-library"> <div class="music-library">
Library Library
</div> </div>
<div class="album-art"> <div class="album-art">
Album art Album art
</div> </div>
</div> </div>
<div class="right-panel"> <div class="music-playing">
<div class="music-playing"> Music playing
Music playing </div>
</div> </div>
</div>
</div> </div>
</body> </body>
</html> </html>

8
styles.css
View File

@@ -6,8 +6,12 @@ body {
.pane { .pane {
height: 100%; height: 100%;
width: 100%; width: 100%;
display: flex;
flex-direction: column;
} }
.buttons { .buttons {
height: 40px; height: 40px;
width: 100%; width: 100%;
@@ -35,7 +39,9 @@ span.h-slider {
} }
.buttons span.time { .buttons span.time {
width: 5em; width: 4em;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
} }