diff options
Diffstat (limited to 'libs/music/pcm')
| -rw-r--r-- | libs/music/pcm | 18 |
1 files changed, 12 insertions, 6 deletions
diff --git a/libs/music/pcm b/libs/music/pcm index adb3458..7152edf 100644 --- a/libs/music/pcm +++ b/libs/music/pcm @@ -6,6 +6,14 @@ <meta name="theme-color" content="#f44336"> <link rel="stylesheet" href="/libs/music/player.d/w3.css"> <style> + @font-face{ + font-family: 'CMU Typewriter Text w'; + src: url(/cmunbtl.woff); + } + body, h1, h2, h3, h4 { + font-family: 'CMU Typewriter Text w', 'CMU Typewriter Text', 'TeX Gyre Cursor', 'FreeMono', 'Courier New', Courier, monospace; + font-variant-ligatures: none; + } .w3-sidenav ul li {padding-left: 2px;} #playlist li {word-break: break-all;} .ellipsis {overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} @@ -52,7 +60,7 @@ <nav class="w3-sidenav w3-collapse w3-light-grey w3-animate-left w3-card-2" style="z-index: 3; width: 250px; display: none;" id="mySidenav"> <header class="w3-container w3-dark-grey"> - <h2>Albums <a href="javascript:void(0)" onclick="w3_close()" class="w3-right w3-xlarge w3-hide-large w3-closenav" title="close sidenav">×</a></h2> + <h2>Folders <a href="javascript:void(0)" onclick="w3_close()" class="w3-right w3-xlarge w3-hide-large w3-closenav" title="close sidenav">×</a></h2> </header> <ul class="w3-ul" style="margin-bottom: 120px;" id="folderlist"> </ul> @@ -60,7 +68,7 @@ <div class="w3-overlay w3-hide-large w3-animate-opacity" onclick="w3_close()" style="cursor: pointer; display: none;" id="myOverlay"></div> <div class="w3-main" style="margin-left:250px;"> <header class="w3-container w3-red w3-top"> - <h2 class="ellipsis"><span class="w3-opennav w3-xlarge w3-left w3-hide-large" onclick="w3_open()" id="openNav">☰</span> Pineapple Cloud Music</h2> + <h2 class="ellipsis"><span class="w3-opennav w3-xlarge w3-left w3-hide-large" onclick="w3_open()" id="openNav">☰</span> <span id="server-name">Private Cloud Music</span></h2> </header> <header class="w3-container w3-yellow"><h2 class="ellipsis">You can't see me</h2></header> <ul class="w3-ul w3-hoverable w3-pale-yellow" id="subfolderlist"> @@ -83,10 +91,7 @@ </div> </div> <div class="w3-container"> - <div id="progressbar" class="w3-progress-container"> - <div id="bufferbar" class="w3-progressbar" style="background-color:#AAA; width:0%"></div> - <div id="timebar" class="w3-progressbar w3-blue" style="width:0%"></div> - </div> + <pcm-progress id="progress-bar"></pcm-progress> </div> <div class="w3-container w3-center" style="padding:6px 0px;"> <button class="w3-btn w3-tiny" id="btn-prev"><<</button> @@ -98,6 +103,7 @@ </div> </div> +<script src="/libs/music/player.d/progress-bar.js"></script> <script src="/libs/music/player.d/pcm.js"></script> <script> function w3_open() { |