FDS2610/monitor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add favicon, external styles.css

Browse source
This commit is contained in:
fds2610 2025-11-11 10:01:47 +00:00
parent 5287a23c46
commit c622116fb7
3 changed files with 120 additions and 123 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
html/favicon.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 4.2 KiB

125
html/mon.html
View file

@ -4,130 +4,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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> <title>FDS Server-Status</title>
<style> <link rel="stylesheet" href="styles.css">
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>
</head> </head>
<body> <body>
<div class="hamburger" id="hamburger">☰</div> <div class="hamburger" id="hamburger">☰</div>

118
html/styles.css Normal file
View file

@ -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;
}
}