From c622116fb78c5a012c6b0a79a2c5472fb4d78bf4 Mon Sep 17 00:00:00 2001
From: fds2610 <felix@schepmann.de>
Date: Tue, 11 Nov 2025 10:01:47 +0000
Subject: [PATCH] add favicon, external styles.css

---
 html/favicon.png | Bin 0 -> 4338 bytes
 html/mon.html    | 125 +----------------------------------------------
 html/styles.css  | 118 ++++++++++++++++++++++++++++++++++++++++++++
 3 files changed, 120 insertions(+), 123 deletions(-)
 create mode 100644 html/favicon.png
 create mode 100644 html/styles.css

diff --git a/html/favicon.png b/html/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d6acf17a2290fb91547a6a51a130a74feb8244c
GIT binary patch
literal 4338
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

literal 0
HcmV?d00001

diff --git a/html/mon.html b/html/mon.html
index 670551d..78092d6 100644
--- a/html/mon.html
+++ b/html/mon.html
@@ -4,130 +4,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="icon" type="image/png" href="/favicon.png">
     <title>FDS Server-Status</title>
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            line-height: 1.6;
-            margin: 0;
-            padding: 20px;
-            color: #333;
-        }
-        h1 {
-            text-align: center;
-            color: #2c3e50;
-        }
-        table {
-            width: 100%;
-            border-collapse: collapse;
-            margin: 20px 0;
-            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
-        }
-        th, td {
-            padding: 12px 15px;
-            text-align: left;
-            border-bottom: 1px solid #ddd;
-        }
-        th {
-            background-color: #3498db;
-            color: white;
-        }
-        tr:nth-child(even) {
-            background-color: #f2f2f2;
-        }
-        tr:hover {
-            background-color: #e3f2fd;
-        }
-        .status {
-            padding: 5px 10px;
-            border-radius: 4px;
-            font-weight: bold;
-            text-align: center;
-        }
-        .online {
-            background-color: #2ecc71;
-            color: white;
-        }
-        .offline {
-            background-color: #e74c3c;
-            color: white;
-        }
-        .unknown {
-            background-color: #f39c12;
-            color: white;
-        }
-        .last-check {
-            font-size: 0.9em;
-            color: #7f8c8d;
-        }
-
-        /* Navigation */
-        .hamburger {
-/*            display: none; */
-            cursor: pointer;
-            font-size: 24px;
-            position: fixed;
-            top: 15px;
-            left: 15px;
-            z-index: 1000;
-        }
-        .nav-menu {
-            display: none;
-            position: fixed;
-            top: 0;
-            left: 0;
-            width: 250px;
-            height: 100%;
-            background-color: #2c3e50;
-            color: white;
-            z-index: 999;
-            padding-top: 60px;
-        }
-        .nav-menu a {
-            color: white;
-            text-decoration: none;
-            display: block;
-            padding: 15px;
-            border-bottom: 1px solid #34495e;
-        }
-        .nav-menu a:hover {
-            background-color: #3498db;
-        }
-        .close-btn {
-            position: absolute;
-            top: 15px;
-            right: 15px;
-            font-size: 24px;
-            cursor: pointer;
-        }
-        .settings-form {
-            padding: 20px;
-            max-width: 500px;
-            margin: 0 auto;
-        }
-        .settings-form label {
-            display: block;
-            margin-bottom: 5px;
-        }
-        .settings-form select {
-            width: 100%;
-            padding: 8px;
-            margin-bottom: 15px;
-        }
-        .settings-form button {
-            background-color: #3498db;
-            color: white;
-            border: none;
-            padding: 10px 15px;
-            cursor: pointer;
-        }
-
-        @media (max-width: 768px) {
-            .hamburger {
-                display: block;
-            }
-        }
-    </style>
+    <link rel="stylesheet" href="styles.css">
 </head>
 <body>
     <div class="hamburger" id="hamburger">☰</div>
diff --git a/html/styles.css b/html/styles.css
new file mode 100644
index 0000000..bae0b7e
--- /dev/null
+++ b/html/styles.css
@@ -0,0 +1,118 @@
+body {
+    font-family: Arial, sans-serif;
+    line-height: 1.6;
+    margin: 0;
+    padding: 20px;
+    color: #333;
+}
+h1 {
+    text-align: center;
+    color: #2c3e50;
+}
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 20px 0;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+}
+th, td {
+    padding: 12px 15px;
+    text-align: left;
+    border-bottom: 1px solid #ddd;
+}
+th {
+    background-color: #3498db;
+    color: white;
+}
+tr:nth-child(even) {
+    background-color: #f2f2f2;
+}
+tr:hover {
+    background-color: #e3f2fd;
+}
+.status {
+    padding: 5px 10px;
+    border-radius: 4px;
+    font-weight: bold;
+    text-align: center;
+}
+.online {
+    background-color: #2ecc71;
+    color: white;
+}
+.offline {
+    background-color: #e74c3c;
+    color: white;
+}
+.unknown {
+    background-color: #f39c12;
+    color: white;
+}
+.last-check {
+    font-size: 0.9em;
+    color: #7f8c8d;
+}
+/* Navigation */
+.hamburger {
+    cursor: pointer;
+    font-size: 24px;
+    position: fixed;
+    top: 15px;
+    left: 15px;
+    z-index: 1000;
+}
+.nav-menu {
+    display: none;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 250px;
+    height: 100%;
+    background-color: #2c3e50;
+    color: white;
+    z-index: 999;
+    padding-top: 60px;
+}
+.nav-menu a {
+    color: white;
+    text-decoration: none;
+    display: block;
+    padding: 15px;
+    border-bottom: 1px solid #34495e;
+}
+.nav-menu a:hover {
+    background-color: #3498db;
+}
+.close-btn {
+    position: absolute;
+    top: 15px;
+    right: 15px;
+    font-size: 24px;
+    cursor: pointer;
+}
+.settings-form {
+    padding: 20px;
+    max-width: 500px;
+    margin: 0 auto;
+}
+.settings-form label {
+    display: block;
+    margin-bottom: 5px;
+}
+.settings-form select {
+    width: 100%;
+    padding: 8px;
+    margin-bottom: 15px;
+}
+.settings-form button {
+    background-color: #3498db;
+    color: white;
+    border: none;
+    padding: 10px 15px;
+    cursor: pointer;
+}
+@media (max-width: 768px) {
+    .hamburger {
+        display: block;
+    }
+}