favicon added to the project

webui-client/src/public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#ffc40d</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

webui-client/src/public/safari-pinned-tab.svg

@@ -0,0 +1,60 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="280.000000pt" height="280.000000pt" viewBox="0 0 280.000000 280.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,280.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M125 2053 c-46 -16 -100 -65 -114 -103 -11 -34 -8 -127 6 -161 15
+-35 67 -78 149 -124 79 -44 104 -68 104 -102 0 -27 -32 -63 -57 -64 -10 0 -27
+-2 -38 -4 -11 -2 -52 7 -93 21 -40 13 -75 24 -77 24 -3 0 -5 -29 -5 -65 l0
+-64 52 -16 c171 -50 327 17 343 148 12 102 -25 160 -145 227 -92 52 -120 77
+-120 106 0 38 10 53 46 64 31 11 101 0 164 -24 11 -5 20 7 33 43 9 27 17 53
+17 58 0 14 -107 44 -170 47 -31 1 -74 -3 -95 -11z"/>
+<path d="M765 2060 c-143 -31 -227 -160 -226 -350 1 -136 46 -238 131 -294 37
+-25 56 -30 125 -34 57 -3 99 1 138 12 l57 17 0 59 c0 33 -2 60 -4 60 -2 0 -22
+-7 -45 -15 -42 -15 -78 -19 -140 -16 -50 2 -103 60 -117 130 -21 102 1 228 48
+278 41 44 113 50 191 16 22 -10 41 -13 46 -7 13 15 42 95 37 103 -17 27 -179
+54 -241 41z"/>
+<path d="M1179 2040 c-5 -58 -3 -634 2 -642 10 -16 339 -14 349 2 4 7 6 29 5
+49 -2 20 -4 41 -4 47 -1 6 -40 10 -111 9 l-110 -1 0 86 0 87 105 -1 104 -1 0
+58 c-1 65 10 60 -126 59 l-83 0 0 73 0 74 83 -1 c157 0 142 -6 142 57 0 30 -4
+55 -10 56 -5 1 -85 2 -177 3 -143 1 -168 -1 -169 -14z"/>
+<path d="M1719 1976 c-1 -277 0 -578 3 -581 2 -2 28 -5 58 -7 l55 -3 -1 253
+c-1 139 -1 252 1 250 1 -2 26 -48 55 -103 50 -96 106 -201 176 -330 37 -67 47
+-72 145 -67 l59 4 -2 331 -3 331 -55 1 -55 0 0 -242 c0 -134 -3 -243 -6 -243
+-4 0 -12 12 -18 28 -6 15 -21 45 -34 67 -13 22 -49 87 -79 145 -31 58 -74 136
+-95 174 l-38 70 -82 1 -83 2 -1 -81z"/>
+<path d="M2489 2050 c-14 -9 -10 -660 4 -661 7 0 79 -1 160 -2 l148 -2 -3 60
+-3 60 -80 1 c-44 1 -85 2 -91 3 -7 1 -11 32 -11 85 l0 83 76 1 c123 0 112 -6
+109 59 l-3 57 -91 0 -91 0 0 72 1 73 75 -1 c122 -1 112 -6 109 59 l-3 57 -148
+0 c-82 1 -153 -1 -158 -4z"/>
+<path d="M712 1100 c-70 -31 -98 -123 -60 -199 16 -33 33 -47 95 -78 91 -46
+116 -74 110 -123 -7 -50 -15 -65 -41 -80 -33 -17 -84 -19 -136 -3 -25 7 -46
+13 -48 13 -2 0 -2 -12 0 -27 3 -24 9 -29 53 -39 128 -28 215 24 218 132 2 84
+-13 106 -113 159 -98 52 -116 76 -104 139 11 61 73 86 149 60 30 -10 41 -10
+47 -1 15 23 8 35 -24 46 -61 19 -104 20 -146 1z"/>
+<path d="M1779 1110 c-43 -12 -68 -30 -83 -58 -32 -62 -25 -143 17 -183 12
+-11 52 -36 88 -54 76 -39 90 -53 95 -98 12 -99 -69 -136 -203 -93 -20 6 -23 4
+-23 -18 0 -19 7 -27 33 -35 142 -47 250 22 241 154 -4 56 -30 85 -116 130 -90
+47 -113 76 -103 136 12 69 80 93 169 60 23 -10 36 1 36 29 0 19 -110 41 -151
+30z"/>
+<path d="M990 835 l0 -275 125 0 c69 0 125 3 126 8 0 4 2 15 4 25 3 15 -7 17
+-101 17 -76 0 -104 3 -105 13 -1 6 -2 54 -3 104 l-1 93 98 0 c97 0 97 0 97 25
+0 25 0 25 -95 25 -52 0 -95 3 -96 8 0 4 -2 46 -2 95 l-2 87 102 0 c72 0 103 4
+106 13 11 32 -4 37 -129 37 l-124 0 0 -275z"/>
+<path d="M1316 838 c1 -254 2 -273 19 -276 10 -2 20 1 24 6 3 6 6 107 6 225
+-1 119 2 214 6 211 4 -2 13 -21 20 -42 6 -20 22 -59 35 -87 12 -27 35 -79 49
+-115 15 -36 33 -78 40 -95 8 -16 21 -47 29 -67 10 -27 21 -38 35 -38 12 0 21
+6 22 13 1 16 1 486 0 515 -1 18 -6 23 -23 20 l-23 -3 1 -222 c0 -123 -1 -223
+-2 -223 -1 0 -18 39 -39 88 -36 86 -79 185 -117 272 -11 24 -24 55 -29 67 -5
+15 -17 23 -31 23 l-23 0 1 -272z"/>
+<path d="M2030 1093 c-1 -26 -1 -420 0 -480 l0 -53 125 0 125 0 0 25 0 25
+-103 0 -104 0 1 105 0 105 98 0 c98 0 98 0 98 25 0 25 0 25 -99 25 l-98 0 0
+95 0 95 103 0 104 0 0 25 0 25 -125 0 c-112 0 -125 -2 -125 -17z"/>
+</g>
+</svg>

webui-client/src/public/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-256x256.png",
+            "sizes": "256x256",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#981c1c",
+    "background_color": "#981c1c",
+    "display": "standalone"
+}

webui-client/src/views/index.ejs

@@ -6,6 +6,27 @@
 			name="viewport"
 			content="width=device-width, initial-scale=1.0" />
 		<title>SceneSense UI</title>
+		<link
+			rel="apple-touch-icon"
+			sizes="180x180"
+			href="/apple-touch-icon.png" />
+		<link
+			rel="icon"
+			type="image/png"
+			sizes="32x32"
+			href="/favicon-32x32.png" />
+		<link
+			rel="icon"
+			type="image/png"
+			sizes="16x16"
+			href="/favicon-16x16.png" />
+		<link rel="manifest" href="/site.webmanifest" />
+		<link
+			rel="mask-icon"
+			href="/safari-pinned-tab.svg"
+			color="#5bbad5" />
+		<meta name="msapplication-TileColor" content="#ffc40d" />
+		<meta name="theme-color" content="#981c1c" />
 		<!-- Include Bootstrap CSS -->
 		<link
 			rel="stylesheet"
@@ -58,30 +79,39 @@
 				<div class="d-flex flex-column">
 					<!-- First row with larger buttons -->
 					<div class="btn-group mb-2" role="group">
-						<button class="btn btn-outline-primary btn-lg" onclick="getLastRecord()">
+						<button
+							class="btn btn-outline-primary btn-lg"
+							onclick="getLastRecord()">
 							Get Last Record
 						</button>
-						<button class="btn btn-outline-primary btn-lg" onclick="getAllRecords()">
+						<button
+							class="btn btn-outline-primary btn-lg"
+							onclick="getAllRecords()">
 							Get All Records
 						</button>
 					</div>
-			
+
 					<!-- Second row with smaller buttons -->
 					<div class="btn-group" role="group">
-						<button class="btn btn-outline-primary mb-2" onclick="getRecordsSince()">
+						<button
+							class="btn btn-outline-primary mb-2"
+							onclick="getRecordsSince()">
 							Get Records Since
 						</button>
-						<button class="btn btn-outline-primary mb-2" onclick="getRecordsBetween()">
+						<button
+							class="btn btn-outline-primary mb-2"
+							onclick="getRecordsBetween()">
 							Get Records Between
 						</button>
-						<button class="btn btn-outline-primary mb-2" onclick="getRecordsUntil()">
+						<button
+							class="btn btn-outline-primary mb-2"
+							onclick="getRecordsUntil()">
 							Get Records Until
 						</button>
 					</div>
 				</div>
 			</div>
-			
-			
+
 			<div class="table-responsive">
 				<table class="table table-bordered">
 					<thead>