From 2511d558f884cfd3a0d639ec11deb9f39d81f5f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bruno=20Ryb=C3=A1rsky?= <bruno@brn.systems>
Date: Tue, 2 May 2023 13:56:16 +0200
Subject: [PATCH] Change speaker icon

---
 assets/speaker.png | Bin 0 -> 421 bytes
 index.css          |  42 +++++++++---------------------------------
 index.html         |   2 +-
 3 files changed, 10 insertions(+), 34 deletions(-)
 create mode 100644 assets/speaker.png

diff --git a/assets/speaker.png b/assets/speaker.png
new file mode 100644
index 0000000000000000000000000000000000000000..3604994789a53f0ce7c27c491f4ffbe6b7bb72c4
GIT binary patch
literal 421
zcmV;W0b2fvP)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00001b5ch_0Itp)
z=>Px$Ur9tkRCt{2o52o)FbqSziU0rQ?G&je#?&;=QTy(wu`wcn_ND%OW-fkZRRJ(1
zJm_jbig>A?0cpa6P6nilmwFhmM0ntCz*6y&uK~-22k)wd{vcEQ&l`LtE;dW4@W3Sj
zh<J%l046*j6M&1Cm;_h|52_PjC0?pafSvH*Qeo4PKzidwzXhJMtYdZQ1MXPbt~)27
zWKMBSK-rMymVol<)F}bTXzq{z^qa&J17-`f?lYVo0fb`!T>#B7fG&XM7(f?5a}1yh
zpg9K61<)J==mKbt0dxU0Pre6O&-1f5B;X^^WCsHR!~`b;Bp?lL1_WDgk_t-F;A}v!
z)PxQONDI?Y^;3e}AaT2P^<Npnh}$)*AAwB6+aH*yN`qAbMl90cvRiy*8f+6Vf~CPF
z0VCOIuzC$XrEC^(H6Ymb$jr#rho(ka&jML&eQ<JQ+oQ81?Pq~3ri}Ok{u(oA2M!~J
P00000NkvXXu0mjfC19+T

literal 0
HcmV?d00001

diff --git a/index.css b/index.css
index 663ecb9..ed60b1f 100644
--- a/index.css
+++ b/index.css
@@ -132,8 +132,8 @@ td {
  .switch {
     position: relative;
     display: inline-block;
-    width: 64px;
-    height: 38px;
+    width: 128px;
+    height: 128px;
   }
   
   /* Hide default HTML checkbox */
@@ -151,42 +151,18 @@ td {
     left: 0;
     right: 0;
     bottom: 0;
-    background-color: #ccc;
-    -webkit-transition: .4s;
-    transition: .4s;
-  }
-  
-  .slider:before {
-    position: absolute;
-    content: "";
-    height: 30px;
-    width: 30px;
-    left: 4px;
-    bottom: 4px;
-    background-color: white;
+    width: 128px;
+    height: 128px;
+    background-color: red;
+    background-image: url("assets/speaker.png");
     -webkit-transition: .4s;
     transition: .4s;
   }
   
   input:checked + .slider {
-    background-color: #2196F3;
+    background-color: #00FF00 !important;
   }
   
   input:focus + .slider {
-    box-shadow: 0 0 1px #2196F3;
-  }
-  
-  input:checked + .slider:before {
-    -webkit-transform: translateX(26px);
-    -ms-transform: translateX(26px);
-    transform: translateX(26px);
-  }
-  
-  /* Rounded sliders */
-  .slider.round {
-    border-radius: 38px;
-  }
-  
-  .slider.round:before {
-    border-radius: 50%;
-  } 
\ No newline at end of file
+    box-shadow: 0 0 1px #00FF00 !important;
+  }
\ No newline at end of file
diff --git a/index.html b/index.html
index ccd5461..fb2552b 100644
--- a/index.html
+++ b/index.html
@@ -73,7 +73,7 @@
                     <td>
                         <label class="switch" id="switchcontaineraudio">
                             <input type="checkbox" id="audiocheckbox" checked>
-                            <span class="slider round" id="visualcheckbox"></span>
+                            <span class="slider fixbgimage" id="visualcheckbox"></span>
                         </label>
                     </td>
                 </tr>