From aeb12f6cd1114c3013f01c53b56a6967b6345bc7 Mon Sep 17 00:00:00 2001
From: viktorxda <35473052+viktorxda@users.noreply.github.com>
Date: Fri, 31 Jan 2025 07:11:41 +0100
Subject: [PATCH] wifibroadcast-ng: update setup page

---
 .../package/wifibroadcast-ng/www/index.html   | 31 ++++++++++---------
 general/package/wifibroadcast-ng/www/logo.svg | 16 ++++++++++
 2 files changed, 33 insertions(+), 14 deletions(-)
 create mode 100644 general/package/wifibroadcast-ng/www/logo.svg
diff --git a/general/package/wifibroadcast-ng/www/index.html b/general/package/wifibroadcast-ng/www/index.html
index b7a5caa9..988287bc 100644
--- a/general/package/wifibroadcast-ng/www/index.html
+++ b/general/package/wifibroadcast-ng/www/index.html
@@ -6,30 +6,30 @@
   <title>Camera</title>
   <style>
     body {
-      font-family: Arial, sans-serif;
-      background-color: #f4f4f4;
+      font-family: Helvetica;
+      background-color: #1e1e1e;
       margin: 0;
       padding: 0;
-      color: #333;
+      color: #dcdcdc;
       text-align: center;
     }
     header {
-      background-color: #2c3e50;
+      background-color: #252526;
       color: white;
-      padding: 10px 0;
+      padding: 20px 0;
     }
     h3 {
       font-size: 1.5rem;
       margin-top: 1rem;
-      color: #34495e;
+      color: #dee2e6bf;
     }
     .container {
       padding: 20px;
     }
     .form-section {
-      background-color: #fff;
+      background-color: #2d2d2d;
       border-radius: 8px;
-      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
       max-width: 40%;
       padding: 20px;
       margin: 20px auto;
@@ -40,18 +40,21 @@
       margin: 10px 0 5px;
       width: 150px;
       vertical-align: top;
+      color: #dee2e6;
     }
     .form-section input, select {
-      width: 120px;
+      width: 180px;
       padding: 10px;
       margin-bottom: 15px;
       border-radius: 4px;
-      border: 1px solid #ccc;
+      border: 1px solid #555;
+      background-color: #3c3c3c;
+      color: #dcdcdc;
       display: inline-block;
       box-sizing: border-box;
     }
     .form-section button {
-      background-color: #3498db;
+      background-color: #0d6efd80;
       color: white;
       padding: 10px 60px;
       border: none;
@@ -60,12 +63,12 @@
       font-size: 1rem;
     }
     .form-section button:hover {
-      background-color: #2980b9;
+      background-color: #0b5ed7;
     }
     #camera-preview {
       max-width: 60%;
       border-radius: 8px;
-      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+      box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);
     }
     .row {
       margin-bottom: 15px;
@@ -75,7 +78,7 @@
 <body>
 
 <header>
-  <h1>Preview</h1>
+  <img src="logo.svg" width="20%">
 </header>
 
 <div class="container">
diff --git a/general/package/wifibroadcast-ng/www/logo.svg b/general/package/wifibroadcast-ng/www/logo.svg
new file mode 100644
index 00000000..c359a7d1
--- /dev/null
+++ b/general/package/wifibroadcast-ng/www/logo.svg
@@ -0,0 +1,16 @@
+<svg width="232" height="64" viewBox="0 0 232 64" xmlns="http://www.w3.org/2000/svg" style="background-color:transparent;" fill="#ffffff">
+	<g transform="matrix(1.3333333,0,0,-1.3333333,0,269.13333)">
+		<path d="m 19.092536,161.9099 -2.9415,-3.43102 1.572994,-1.34828 c 2.550878,-2.18732 5.677184,-3.2806 8.804272,-3.2806 3.126332,0 6.253161,1.09354 8.803537,3.27986 l 1.547984,1.32732 -2.9415,3.43102 -1.547984,-1.32732 c -3.397241,-2.91218 -8.327823,-2.9123 -11.724811,3.8e-4 z" />
+		<path d="m 119.62027,183.07744 c -1.15945,0 -2.08151,-0.28614 -2.74032,-0.85104 -0.63647,-0.54532 -1.09357,-1.19728 -1.35895,-1.9382 l -0.005,2.45824 h -4.27544 V 168.0588 h 4.27544 v 9.48392 c 0,0.33242 0.0708,0.62842 0.20963,0.87974 0.1396,0.25358 0.33073,0.47106 0.56749,0.64656 0.23852,0.1762 0.51119,0.30572 0.81022,0.38506 0.30354,0.0804 0.62037,0.121 0.94225,0.121 0.71731,0 1.22047,-0.21326 1.49539,-0.63406 0.28296,-0.4341 0.42662,-1.11842 0.42662,-2.03382 v -8.8484 h 4.27581 v 9.18014 c 0,1.8534 -0.3922,3.30358 -1.1655,4.31038 -0.77957,1.01382 -1.94265,1.52812 -3.45786,1.52812 z" />
+		<path d="m 102.09521,183.07744 c -1.09417,0 -2.08184,-0.1838 -2.935975,-0.54616 -0.85615,-0.36278 -1.58793,-0.88656 -2.17468,-1.55716 -0.58575,-0.66962 -1.03398,-1.48458 -1.331,-2.42258 -0.29601,-0.93422 -0.44611,-1.98918 -0.44611,-3.13532 0,-1.1642 0.15478,-2.23334 0.46009,-3.1776 0.30681,-0.9483 0.76933,-1.7635 1.37365,-2.4233 0.60433,-0.66082 1.35427,-1.18004 2.22875,-1.54284 0.872715,-0.36204 1.879265,-0.54542 2.991515,-0.54542 1.33142,0 2.53741,0.21654 3.58437,0.64362 1.04923,0.42858 1.91178,1.0338 2.56306,1.7988 l 0.0508,0.0588 -2.15923,2.69178 -0.0743,-0.0764 c -0.45344,-0.46726 -0.94969,-0.87268 -1.47443,-1.20486 -0.5162,-0.32664 -1.19643,-0.49208 -2.02095,-0.49208 -1.07282,0 -1.86704,0.27078 -2.36114,0.80506 -0.496615,0.53604 -0.748425,1.27472 -0.748425,2.19564 v 0.125 h 9.307385 v 1.30928 c 0,0.97944 -0.1268,1.93152 -0.3766,2.8286 -0.25082,0.90084 -0.65589,1.70618 -1.20448,2.39462 -0.54985,0.68918 -1.26733,1.24686 -2.13202,1.6561 -0.86569,0.409 -1.91535,0.6164 -3.12024,0.6164 z m 0.0831,-3.19858 c 0.79213,0 1.38471,-0.26106 1.76056,-0.77602 0.38213,-0.52448 0.57558,-1.22602 0.57558,-2.08494 v -0.1544 h -4.893305 v 0.1268 c 0,0.87448 0.2292,1.58366 0.681125,2.10664 0.44891,0.51896 1.08015,0.7819 1.87604,0.7819 z" />
+		<path d="m 87.438468,183.07744 c -0.95432,0 -1.813454,-0.26588 -2.55386,-0.79036 -0.690948,-0.48984 -1.155482,-1.11868 -1.383956,-1.8709 v 2.33026 H 79.22485 v -20.21132 h 4.275802 v 7.87158 c 0.11398,-0.3412 0.278698,-0.66668 0.491354,-0.96872 0.243036,-0.34698 0.543514,-0.65176 0.891498,-0.90584 0.346978,-0.25308 0.741392,-0.45288 1.17248,-0.59324 0.430838,-0.1406 0.89616,-0.21184 1.382484,-0.21184 1.86445,0 3.293182,0.6684 4.246748,1.98602 0.946538,1.30832 1.42625,3.22672 1.42625,5.70278 0,2.4758 -0.479828,4.39 -1.426616,5.68954 -0.953568,1.30858 -2.382182,1.97204 -4.246382,1.97204 z m -1.353062,-3.50236 c 0.741914,0 1.364476,-0.26412 1.850298,-0.78484 0.48733,-0.52274 0.734456,-1.23974 0.734456,-2.13128 v -2.51342 c 0,-0.89204 -0.24701,-1.6088 -0.734088,-2.13128 -0.48557,-0.52072 -1.108248,-0.78484 -1.850666,-0.78484 -0.749196,0 -1.376094,0.184 -1.86317,0.54762 -0.485572,0.36156 -0.721584,0.84714 -0.721584,1.4851 v 4.28058 c 0,0.63722 0.236012,1.12306 0.721584,1.4851 0.487578,0.3633 1.114478,0.54726 1.86317,0.54726 z" />
+		<path d="m 26.529036,186.38636 c -4.714606,0 -8.53616,-3.82156 -8.53616,-8.53616 0,-4.71436 3.821554,-8.53654 8.53616,-8.53654 4.714356,0 8.536531,3.82218 8.536531,8.53654 0,4.7146 -3.822175,8.53616 -8.536531,8.53616 z" />
+		<path d="m 140.56016,187.5239 v -19.4651 h 4.38651 v 6.95912 h 4.82159 c 0.91063,0 1.74071,0.156 2.46706,0.4634 0.72685,0.30756 1.35527,0.7376 1.86795,1.2784 0.51294,0.54082 0.91486,1.20204 1.19455,1.96578 0.27844,0.7615 0.41964,1.61806 0.41964,2.54578 0,0.90862 -0.1412,1.76002 -0.41964,2.53106 -0.27969,0.77228 -0.68136,1.4387 -1.19455,1.97976 -0.51344,0.54104 -1.14185,0.97146 -1.86795,1.27876 -0.72635,0.30706 -1.55643,0.46304 -2.46706,0.46304 z m 4.38651,-3.83374 h 4.32472 c 0.59855,0 1.07466,-0.1546 1.41411,-0.45936 0.33694,-0.30204 0.5079,-0.75704 0.5079,-1.35232 v -1.21514 c 0,-0.59554 -0.17096,-1.05042 -0.5079,-1.35196 -0.33895,-0.3048 -0.81481,-0.45936 -1.41411,-0.45936 h -4.32472 z" />
+		<path d="m 127.5301,187.52426 v -3.53032 h 2.48546 v -12.40556 h -2.48546 v -3.52958 h 9.35742 v 3.52958 h -2.48546 v 12.40556 h 2.48546 v 3.53032 z" />
+		<path d="m 67.953143,187.85526 c -1.276194,0 -2.458982,-0.21608 -3.515238,-0.64214 -1.059016,-0.42758 -1.972046,-1.07252 -2.714212,-1.91686 -0.741914,-0.84386 -1.324402,-1.90488 -1.731138,-3.15372 -0.406232,-1.2458 -0.612352,-2.7097 -0.612352,-4.3512 0,-1.64174 0.20612,-3.10574 0.612352,-4.35156 0.406986,-1.24932 0.989476,-2.31036 1.731138,-3.1537 0.741914,-0.84462 1.655196,-1.48956 2.714212,-1.91688 1.056256,-0.42606 2.239044,-0.64214 3.515238,-0.64214 1.276444,0 2.458864,0.21608 3.514868,0.64214 1.058514,0.42708 1.971913,1.07202 2.714581,1.91688 0.74116,0.84334 1.32365,1.90438 1.731138,3.1537 0.406232,1.24732 0.612352,2.71132 0.612352,4.35156 0,1.64026 -0.20612,3.10414 -0.612352,4.3512 -0.407238,1.24884 -0.989726,2.30986 -1.731138,3.15372 -0.742668,0.84484 -1.656067,1.4898 -2.714581,1.91686 -1.056004,0.42606 -2.238676,0.64214 -3.514868,0.64214 z m 0,-3.91648 c 1.23577,0 2.210436,-0.40706 2.897366,-1.21 0.690446,-0.80744 1.040816,-1.98554 1.040816,-3.50126 v -2.87236 c 0,-1.51596 -0.35037,-2.69392 -1.040816,-3.50162 -0.68718,-0.80268 -1.661596,-1.20962 -2.897366,-1.20962 -1.235772,0 -2.210438,0.40694 -2.897368,1.20962 -0.690444,0.8072 -1.040814,1.98516 -1.040814,3.50162 v 2.87236 c 0,1.51648 0.35037,2.69432 1.040814,3.50126 0.68668,0.80294 1.661596,1.21 2.897368,1.21 z" />
+		<path d="m 166.16055,187.85564 c -1.3136,0 -2.5155,-0.22558 -3.5715,-0.67046 -1.05902,-0.44592 -1.97193,-1.10948 -2.71385,-1.97242 -0.74141,-0.86166 -1.32341,-1.94146 -1.7304,-3.20886 -0.40623,-1.2639 -0.61235,-2.72766 -0.61235,-4.35084 0,-1.64174 0.20612,-3.09674 0.61235,-4.32398 0.40724,-1.2315 0.98996,-2.27414 1.73187,-3.09892 0.74217,-0.82602 1.6552,-1.4569 2.71422,-1.87494 1.0555,-0.41676 2.25656,-0.62816 3.56966,-0.62816 1.79692,0 3.30628,0.40952 4.48581,1.21772 1.17777,0.80694 2.14085,1.96664 2.86243,3.4472 l 0.0382,0.079 -3.59689,2.08826 -0.039,-0.1048 c -0.28822,-0.7738 -0.73945,-1.4444 -1.34202,-1.993 -0.5963,-0.5428 -1.40657,-0.81756 -2.40859,-0.81756 -1.20062,0 -2.17635,0.39406 -2.89994,1.17138 -0.72534,0.77906 -1.09341,1.93278 -1.09341,3.42916 v 3.09304 c 0,1.49638 0.36807,2.65046 1.09341,3.42954 0.72359,0.77756 1.69932,1.17174 2.89994,1.17174 1.02035,0 1.80261,-0.2381 2.32584,-0.7076 0.5275,-0.47454 0.92323,-1.11572 1.17505,-1.90584 l 0.0335,-0.1066 3.79659,1.97056 -0.0368,0.081 c -0.7045,1.57522 -1.65504,2.74604 -2.82528,3.47992 -1.16999,0.73364 -2.67348,1.10556 -4.46889,1.10556 z" />
+		<path d="M 16.140738,191.689 0,177.85056 16.145152,164.0077 l 2.9415,3.43066 -12.1433433,10.4122 12.1389293,10.40742 z" />
+		<path d="m 36.895639,191.70628 -2.941134,-3.43138 12.16026,-10.4247 -12.16541,-10.4295 2.941134,-3.43102 16.167952,13.86052 z" />
+		<path d="m 26.527566,201.85 c -3.126646,-1.2e-4 -6.253276,-1.09352 -8.803906,-3.28022 l -1.574462,-1.35012 2.9415,-3.43064 1.574464,1.35012 c 3.396988,2.91166 8.32819,2.91278 11.725177,3.8e-4 l 1.553502,-1.3321 2.941498,3.43138 -1.5535,1.33172 c -2.55088,2.18644 -5.677627,3.27962 -8.804273,3.27948 z" />
+	</g>
+</svg>
