Mercurial > code > home > repos > light9

changeset 2066:8f2540fe0df5

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
reformat
author drewp@bigasterisk.com
date Sat, 21 May 2022 15:54:56 -0700
parents 6fbc1853c0b1
children 508001655c2f
files light9/ascoltami/index.html
diffstat 1 files changed, 36 insertions(+), 17 deletions(-) [+]
line wrap: on
line diff
--- a/light9/ascoltami/index.html	Sat May 21 15:54:35 2022 -0700
+++ b/light9/ascoltami/index.html	Sat May 21 15:54:56 2022 -0700
@@ -2,11 +2,14 @@
 <html>
   <head>
     <title>ascoltami on {{host}}</title>
-    
-    <link rel="Stylesheet" type="text/css" href="style.css">
+    <link rel="stylesheet" href="style.css" />
     <style>
-        #cmd-go { min-width: 5em; }
-        .song-name { padding-left: 0.4em; }
+      #cmd-go {
+        min-width: 5em;
+      }
+      .song-name {
+        padding-left: 0.4em;
+      }
     </style>
   </head>
   <body>
@@ -15,37 +18,53 @@
 
     <div class="dimStalled">
       <table>
-        <tr><td colspan="3"><strong>Song:</strong> <span id="currentSong"></span></td></tr>
+        <tr>
+          <td colspan="3"><strong>Song:</strong> <span id="currentSong"></span></td>
+        </tr>
         <tr>
           <td><strong>Time:</strong> <span id="currentTime"></span></td>
           <td><strong>Left:</strong> <span id="leftTime"></span></td>
           <td><strong>Until autostop:</strong> <span id="leftAutoStopTime"></span></td>
         </tr>
         <tr>
-
           <td colspan="3">
-            <strong>Update freq:</strong> requested <span id="updateReq"></span>, actual <span id="updateActual"></span>
-            <strong>States:</strong> <span id="states"></span>
+            <strong>Update freq:</strong> requested <span id="updateReq"></span>, actual <span id="updateActual"></span> <strong>States:</strong>
+            <span id="states"></span>
           </td>
-          
         </tr>
       </table>
-      
+
       <div class="timeRow">
         <div id="timeSlider"></div>
       </div>
     </div>
     <div class="commands">
-      <button id="cmd-stop" class="playMode"><strong>Stop</strong><div class="key">s</div></button>
-      <button id="cmd-play" class="playMode"><strong>Play</strong> <div class="key">p</div></button>
-      <button id="cmd-intro"><strong>Skip intro</strong> <div class="key">i</div></button>
-      <button id="cmd-post"><strong>Skip to Post</strong> <div class="key">t</div></button>
-      <button id="cmd-go"><strong>Go</strong> <div class="key">g</div><div id="next"></div></button>
+      <button id="cmd-stop" class="playMode">
+        <strong>Stop</strong>
+        <div class="key">s</div>
+      </button>
+      <button id="cmd-play" class="playMode">
+        <strong>Play</strong>
+        <div class="key">p</div>
+      </button>
+      <button id="cmd-intro">
+        <strong>Skip intro</strong>
+        <div class="key">i</div>
+      </button>
+      <button id="cmd-post">
+        <strong>Skip to Post</strong>
+        <div class="key">t</div>
+      </button>
+      <button id="cmd-go">
+        <strong>Go</strong>
+        <div class="key">g</div>
+        <div id="next"></div>
+      </button>
     </div>
-    
+
     <p>Running on <span id="nav"></span></p>
     <p><a href="">reload</a></p>
-    
+
     <script type="module" src="main.ts"></script>
   </body>
 </html>