Mercurial > brewboard / file diff

--- a/image/w/webui.html	Sat May 04 11:41:16 2019 +0200
+++ b/image/w/webui.html	Sat May 04 21:18:51 2019 +0200
@@ -18,8 +18,8 @@
    <table style='width: 100%; padding: 0px;'>
     <col width="20%"><col width="60%"><col width="20%">
     <tr>
-     <td>
-      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt00">Hand</button>
+     <td style="margin-top: 5px;">
+      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt00"><span id="but00">00</span></button>
      </td>
      <td rowspan="2">
       <table id="mlt_table">
@@ -38,15 +38,15 @@
      </table>
      </td>
      <td>
-      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt20">Auto</button>
+      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt20"><span id="but20">20</span></button>
      </td>
     </tr>
     <tr>
      <td>
-      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt01">+sp</button>
+      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt01"><span id="but01">01</span></button>
      </td>
      <td>
-      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt21">-sp</button>
+      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mlt21"><span id="but21">21</span></button>
      </td>
     </tr>
    </table>
@@ -57,13 +57,13 @@
     <col width="20%"><col width="60%"><col width="20%">
     <tr>
      <td>
-      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid00">+1m</button>
+      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid00"><span id="but02">02</span></button>
      </td>
      <td>
       <td><div id="timer">01:23:45</div></td>
      </td>
      <td>
-      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid20">-1m</button>
+      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="mid20"><span id="but22">22</span></button>
      </td>
     </tr>
    </table>
@@ -74,7 +74,7 @@
     <col width="20%"><col width="60%"><col width="20%">
     <tr>
      <td>
-      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt00">+sp</button>
+      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt00"><span id="but03">03</span></button>
      </td>
      <td rowspan="2">
       <table id="hlt_table">
@@ -93,40 +93,37 @@
       </table>
      </td>
      <td>
-      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt20">-sp</button>
+      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt20"><span id="but23">23</span></button>
      </td>
     </tr>
     <tr>
      <td>
-      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt01">Info</button>
+      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt01"><span id="but04">04</span></button>
      </td>
      <td>
-      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt21">Tools</button>
+      <button style="float: left; margin-left: 5px;" type="button" class="appbutton" id="hlt21"><span id="but24">24</span></button>
      </td>
     </tr>
    </table>
   </div>
 
-  <table style='width: 100%; padding: 0px;'>
-   <col width="20%"><col width="20%"><col width="20%"><col width="20%"><col width="20%">
+  <div id="row_info">
+   <div style="color: yellow; text-align: center;">
+    <p />Written by Michiel Broek &copy; 2018
+   </div>
+   <div style="color: orange; text-align: center;">
+    <p />Parts are written by Chris Morgan, Brett Beauregard, Blake Felt, LoBo and David Antliff.
+   </div>
+   <div>
+    <button style="margin-left: 150px; margin-top: 50px;" type="button" class="okbutton" id="ok_info">Ok</button>
+   </div>
+  </div>
 
-   <tr id="row_info">
-    <td colspan="5">
-     <div style="color: yellow; text-align: center;">
-      <p />
-      Written by Michiel Broek &copy; 2018
-     </div>
-     <div style="color: orange; text-align: center;">
-      <p />
-      Parts are written by Chris Morgan, Brett Beauregard, Blake Felt, LoBo and David Antliff.
-     </div>
-     <div>
-      <button style="margin-left: 150px; margin-top: 50px;" type="button" class="okbutton" id="ok_info">Ok</button>
-     </div>
-    </td>
-   </tr>
+  <div id="prompt">
+   <button style="margin-left: 40px; margin-top: 100px;" type="button" class="promptbutton" id="button_ja">Ja</button>
+   <button style="margin-left: 80px; margin-top: 100px;" type="button" class="promptbutton" id="button_nee">Nee</button>
+  </div>
 
-  </table>
  </div> <!-- webui_win -->
 
  <br>