gonzopi

commit f23624466ff046a8fad33b1d026bc3615f9561ed
parent b97170e2e4b5ad469392fe9549cdf69663b63ef3
Author: rbckman <rob@tarina.org>
Date:   Fri, 24 May 2024 21:17:21 +0100

nicer buttons webgui

Diffstat:
M
srv/static/style.css
 | 
36
++++++++++++++++++++++++++++++++++++
M
srv/templates/index.html
 | 
33
++++++++++-----------------------

2 files changed, 46 insertions(+), 23 deletions(-)
diff --git a/srv/static/style.css b/srv/static/style.css
@@ -41,6 +41,18 @@ img
     border-radius: 10px
 }
 
+#controller a:active
+{
+    margin-bottom: 20px;
+    color: #000;
+    line-height:60px;
+    background-color: #FFF;
+    font-size: 30px;
+    text-decoration: none;
+    padding: 5px;
+    border-radius: 10px
+}
+
 #controller2 a
 {
     margin-bottom: 20px;
@@ -53,6 +65,18 @@ img
     border-radius: 10px
 }
 
+#controller2 a:active
+{
+    margin-bottom: 20px;
+    color: #000;
+    line-height:60px;
+    background-color: #FFF;
+    font-size: 30px;
+    text-decoration: none;
+    padding: 5px;
+    border-radius: 10px
+}
+
 #controller3 a
 {
     margin-bottom: 20px;
@@ -64,3 +88,15 @@ img
     padding: 5px;
     border-radius: 10px
 }
+
+#controller3 a:active
+{
+    margin-bottom: 20px;
+    color: #000;
+    line-height:50px;
+    background-color: #FFF;
+    font-size: 20px;
+    text-decoration: none;
+    padding: 5px;
+    border-radius: 10px
+}
diff --git a/srv/templates/index.html b/srv/templates/index.html
@@ -176,36 +176,23 @@ connected
 $for i in cameras:
     $i
 <br>
-<div id="controls" style="display:none"> >
-<a id="VIEW" href="?func=view">VIEW</a> <a id="UP" href="?func=up">__UP__</a> <a id="RECORD" href="?func=record">RECORD</a><br>
-<a id="LEFT" href="?func=left">LEFT</a> <a id="MIDDLE" href="?func=middle">MIDDLE</a> <a id="RIGHT" href="?func=right">RIGHT</a><br>
-<a id="DELETE" href="?func=delete">DELETE</a> <a id="DOWN" href="?func=down">DOWN</a> <a id="RETAKE" href="?func=retake">RETAKE</a><br>
-<a id="CAMERA0" href="?func=camera0">CAM0</a> <a id="CAMERA1" href="?func=camera1">CAM1</a> <a id="CAMERA2" href="?func=camera2">CAM2</a><br>
-<a id="CAMERA3" href="?func=camera3">CAM3</a> <a id="CAMERA4" href="?func=camera4">CAM4</a> <a id="CAMERA5" href="?func=camera5">CAM5</a><br>
-<a id="CAMERA6" href="?func=camera6">CAM6</a> <a id="CAMERA7" href="?func=camera7">CAM7</a> <a id="CAMERA8" href="?func=camera8">CAM8</a><br>
-<a id="MOVE" href="?func=move">MOVE</a> <a id="COPY" href="?func=copy">COPY</a> <a id="PASTE" href="?func=paste">PASTE</a><br>
-<a href="?func=picture">PICTURE</a>
-<a href="?func=search">SEARCH</a>
-</div>
-
-<div id="menu2" style="margin:0 auto; width:99%" ></div>
-<div id="menu" style="margin:0 auto; width:99%">
-</div>
-<br>
 <div id="controller">
-<a id="VIEW" href="?func=view">VIEW</a> <a id="UP" href="?func=up">UP</a> <a id="RECORD" href="?func=record">RECORD</a><br>
-<a id="LEFT" href="?func=left">LEFT</a> <a id="MIDDLE" href="?func=middle">MIDDLE</a> <a id="RIGHT" href="?func=right">RIGHT</a><br>
-<a id="DELETE" href="?func=delete">DELETE</a> <a id="DOWN" href="?func=down">DOWN</a> <a id="RETAKE" href="?func=retake">RETAKE</a><br>
+<a id="VIEW">VIEW</a> <a id="UP">UP</a> <a id="RECORD">RECORD</a><br>
+<a id="LEFT">LEFT</a> <a id="MIDDLE">MIDDLE</a> <a id="RIGHT">RIGHT</a><br>
+<a id="DELETE">DELETE</a> <a id="DOWN">DOWN</a> <a id="RETAKE">RETAKE</a><br>
 </div>
-<br>
 <div id="controller2">
-<a id="CAMERA0" href="?func=camera0">CAM0</a> <a id="CAMERA1" href="?func=camera1">CAM1</a> <a id="CAMERA2" href="?func=camera2">CAM2</a><br>
+<a id="CAMERA0">CAM0</a> <a id="CAMERA1">CAM1</a> <a id="CAMERA2">CAM2</a><br>
 </div>
-<br>
 <div id="controller3">
-<a id="MOVE" href="?func=move">MOVE</a> <a id="COPY" href="?func=copy">COPY</a> <a id="PASTE" href="?func=paste">PASTE</a><br>
+<a id="MOVE">MOVE</a> <a id="COPY">COPY</a> <a id="PASTE">PASTE</a><br>
+</div>
+
+<div id="menu2" style="margin:0 auto; width:99%" ></div>
+<div id="menu" style="margin:0 auto; width:99%">
 </div>
 <br>
+<br>
 <input></input>
 
 $if thumb != '':