feat: enhance logging and error handling, update HTML templates, and add footer

data/html/error.html

@@ -24,17 +24,7 @@
     </div>
   </div>
 
-  <footer class="powered-by" style="display: flex; align-items: center">
-    <span style="flex: 1"></span>
-    <span>Powered by: <img src="/logo.png" alt="ICSBox" class="footer-logo" /></span>
-    <span style="flex: 1; text-align: right">
-      <a href="/stats" style="
-            color: var(--text-secondary);
-            font-size: 0.8em;
-            text-decoration: none;
-          ">📊 Stats</a>
-    </span>
-  </footer>
+  {{FOOTER}}
 </body>
 
 </html>

data/html/footer.html

@@ -0,0 +1,16 @@
+<footer class="powered-by" style="display: flex; align-items: center">
+  <span style="flex: 1; text-align: left">
+    <span style="
+          color: var(--text-secondary);
+          font-size: 0.8em;
+        ">{{VERSION}}</span>
+  </span>
+  <span>Powered by: <img src="/logo.png" alt="ICSBox" class="footer-logo" /></span>
+  <span style="flex: 1; text-align: right">
+    <a href="/stats" style="
+          color: var(--text-secondary);
+          font-size: 0.8em;
+          text-decoration: none;
+        ">📊 Stats</a>
+  </span>
+</footer>

data/html/index.html

@@ -45,17 +45,7 @@
     </div>
   </div>
 
-  <footer class="powered-by" style="display: flex; align-items: center">
-    <span style="flex: 1"></span>
-    <span>Powered by: <img src="logo.png" alt="ICSBox" class="footer-logo" /></span>
-    <span style="flex: 1; text-align: right">
-      <a href="/stats" style="
-            color: var(--text-secondary);
-            font-size: 0.8em;
-            text-decoration: none;
-          ">📊 Stats</a>
-    </span>
-  </footer>
+  {{FOOTER}}
 
   <!-- Zoom overlay -->
   <div id="zoomOverlay" class="zoom-overlay" style="display: none"></div>
@@ -448,4 +438,4 @@
   </script>
 </body>
 
-</html>
+</html>

data/html/stats.html

@@ -172,17 +172,7 @@
     <p>Loading statistics...</p>
   </div>
 
-  <footer class="powered-by" style="display: flex; align-items: center">
-    <span style="flex: 1"></span>
-    <span>Powered by: <img src="/logo.png" alt="ICSBox" class="footer-logo" /></span>
-    <span style="flex: 1; text-align: right">
-      <a href="/stats" style="
-              color: var(--text-secondary);
-              font-size: 0.8em;
-              text-decoration: none;
-            ">📊 Stats</a>
-    </span>
-  </footer>
+  {{FOOTER}}
 
   <script>
     async function loadStats() {

data/html/view.html

@@ -19,17 +19,7 @@
     </div>
   </div>
 
-  <footer class="powered-by" style="display: flex; align-items: center">
-    <span style="flex: 1"></span>
-    <span>Powered by: <img src="/logo.png" alt="ICSBox" class="footer-logo" /></span>
-    <span style="flex: 1; text-align: right">
-      <a href="/stats" style="
-            color: var(--text-secondary);
-            font-size: 0.8em;
-            text-decoration: none;
-          ">📊 Stats</a>
-    </span>
-  </footer>
+  {{FOOTER}}
 
   <!-- Zoom overlay -->
   <div id="zoomOverlay" class="zoom-overlay" style="display: none;"></div>