Leah
035c1648c1
webmusic.js: prevent default action for keydown events webmusic.js: check for playable content webmusic.js: hide selector when track selected webmusic.js: ignore keyboard controls if ctrl or alt is pressed webmusic.js: seeking in track with number keys webmusic.js: use single quotes everywhere webmusic.js: use arrow functions everywhere webmusic.js: use const for audioplayer and variable element in function playSong webmusic.js: use strict mode webmusic.js: add classes needed for previous 2 commits webmusic.js: use classes for buttons webmusic.js: navigating through files/folders with arrowkeys/enter webmusic.js: removed debug prints, better player handling webmusic.js: bind to audioplayer-events just once webmusic.js: renamed gstate to playerState webmusic.js: renamed setState to setPlayerState and updateState to updatePlayerState webmusic.css: replaced spaces with tabs needed changes on template and css to make previous commit work webmusic.js: refactor continuous- and repeat-button handling webmusic.js: general code improvements webmusic.js: rename variable 'sound' to 'audioPlayer' remove howler.core.js webmusic.js: replace howler with the native Audio() element webmusic.js: set onclick-event on state element just once webmusic.js: skip folders needed changes on template to make previous commit work webmusic.js: navigate through files more smartly webmusic.js: code improovements webmusic.js: replace spaces with tabs webmusic.js: replace ifs with switch Co-authored-by: Leah (ctucx) <leah@ctu.cx> Co-authored-by: Isabelle <hi@f2k1.de> Co-authored-by: ctucx <c@ctu.cx> Reviewed-on: https://git.zotan.services/zotan/webmusic/pulls/5 Co-Authored-By: Leah <leah@ctu.cx> Co-Committed-By: Leah <leah@ctu.cx>
56 lines
681 B
CSS
56 lines
681 B
CSS
body {
|
|
background-color: #161616;
|
|
}
|
|
|
|
h2, h2 a {
|
|
font-family: 'Inconsolata', 'monospace';
|
|
font-size: 11pt;
|
|
color: #afafaf;
|
|
margin-top: 6px;
|
|
margin-bottom: 2px;
|
|
}
|
|
|
|
#container, a {
|
|
font-family: 'Ubuntu Mono', 'monospace';
|
|
font-size: 11pt;
|
|
color: #d8c18c;
|
|
text-decoration: none;
|
|
margin-top: 3px;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.playing, .active {
|
|
color: #6b9969;
|
|
}
|
|
|
|
.entry-muted {
|
|
color: #d88777;
|
|
}
|
|
|
|
.action {
|
|
font-size: 10pt;
|
|
color: #cc7851;
|
|
}
|
|
|
|
.action-muted {
|
|
font-size: 10pt;
|
|
color: #e5e5e5;
|
|
}
|
|
|
|
#container {
|
|
margin-left: 10%;
|
|
margin-right: 10%;
|
|
}
|
|
|
|
li {
|
|
list-style: none;
|
|
}
|
|
|
|
#state, #repeatButton, #continuousButton {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.selected {
|
|
color: #8cd8cd;
|
|
}
|