Update Server Tiles
This commit is contained in:
kelinfoxy
323
index.html
323
index.html
@@ -32,7 +32,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.wrap {
|
.wrap {
|
||||||
max-width: 1400px;
|
max-width: 1600px;
|
||||||
margin: 0px 0px;
|
margin: 0px 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -142,7 +142,7 @@
|
|||||||
|
|
||||||
.svc-icon-link {
|
.svc-icon-link {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
th.col-icon,
|
th.col-icon,
|
||||||
@@ -314,6 +314,56 @@
|
|||||||
gap: 20px;
|
gap: 20px;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
|
.admin-tile {
|
||||||
|
display: inline-flex;
|
||||||
|
max-width: var(--column-width);
|
||||||
|
border: 2px solid whitesmoke;
|
||||||
|
border-radius: 20px;
|
||||||
|
height: 100px;
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.admin-icon {
|
||||||
|
max-width: 95px;
|
||||||
|
min-width: 95px;
|
||||||
|
height: auto;
|
||||||
|
display: inline-flex;
|
||||||
|
margin: 0px 0px 0px;
|
||||||
|
border-radius: 16px 0px 0px 16px;
|
||||||
|
z-index: 2;
|
||||||
|
}
|
||||||
|
.admin-title {
|
||||||
|
display: block;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
font-weight: 600;
|
||||||
|
color: #f0e9e9;
|
||||||
|
margin-left: 20px;
|
||||||
|
margin-bottom: 0px;
|
||||||
|
max-height: 35px !important;
|
||||||
|
height: 35px !important;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.admin-row {
|
||||||
|
display: inline-flex;
|
||||||
|
vertical-align: bottom;
|
||||||
|
align-items: flex-start;
|
||||||
|
justify-content: flex-start;
|
||||||
|
gap: 10px;
|
||||||
|
margin: 0px 10px 10px 10px;
|
||||||
|
}
|
||||||
|
.admin-row a {
|
||||||
|
display: inline-flex;
|
||||||
|
font-size: 3rem;
|
||||||
|
}
|
||||||
|
.admin-row img {
|
||||||
|
width: 30px;
|
||||||
|
height: 30px;
|
||||||
|
display: inline-flex;
|
||||||
|
}
|
||||||
|
.local-url {
|
||||||
|
font-size: 0.8rem !important;
|
||||||
|
color: var(--text);
|
||||||
|
margin-top: 0px;
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
@@ -331,140 +381,159 @@
|
|||||||
<div class="wrap">
|
<div class="wrap">
|
||||||
<hr>
|
<hr>
|
||||||
<div class="admin-grid">
|
<div class="admin-grid">
|
||||||
<div class="card table-wrap">
|
|
||||||
<table class="admin-table">
|
<div class="admin-tile" style="border-color: rgba(185, 8, 8, 0.955);">
|
||||||
<thead>
|
<img src="https://icons.kelinreij.duckdns.org/Kelin" class="admin-icon">
|
||||||
<tr>
|
<div>
|
||||||
<th colspan="4" class="server-name"><img src="https://icons.kelinreij.duckdns.org/Kelin" class="server-icon">FoxBox Admin</th>
|
<div class="admin-title">FoxBox</div>
|
||||||
</tr>
|
<div class="admin-row">
|
||||||
</thead>
|
<div>
|
||||||
<tbody>
|
<a href="https://arcane.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
<tr>
|
<img src="https://icons.kelinreij.duckdns.org/arcane.svg"></a>
|
||||||
<td>
|
<a class="local-url" href="http://192.168.4.29:3552" target="_blank" rel="noopener">local</a>
|
||||||
<a class="svc-icon-link" href="https://arcane.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
</div>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/arcane.svg"></a>
|
<div>
|
||||||
<a class="svc-icon-link" href="https://backrest.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<a href="https://backrest.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a>
|
<img src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a>
|
||||||
<a class="svc-icon-link" href="https://dozzle.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<a class="local-url" href="http://192.168.4.29:9898" target="_blank" rel="noopener">local</a>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a>
|
</div>
|
||||||
<a class="svc-icon-link" href="https://glances.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<div>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/glances.svg"></a>
|
<a href="https://dozzle.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
<a class="svc-icon-link" href="https://traefik.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<img src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/traefik.svg"></a>
|
<a class="local-url" href="http://192.168.4.29:8085" target="_blank" rel="noopener">local</a>
|
||||||
</td>
|
</div>
|
||||||
</tr>
|
<div>
|
||||||
</tbody>
|
<a href="https://traefik.foxbox.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
</table>
|
<img src="https://icons.kelinreij.duckdns.org/traefik.svg"></a>
|
||||||
|
<a class="local-url" href="http://192.168.4.29:8080" target="_blank" rel="noopener">local</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card table-wrap">
|
<div class="admin-tile" style="border-color: rgba(185, 8, 8, 0.955);">
|
||||||
<table class="admin-table">
|
<img src="https://icons.kelinreij.duckdns.org/Jasper.svg" class="admin-icon">
|
||||||
<thead>
|
<div>
|
||||||
<tr>
|
<div class="admin-title">Jasper</div>
|
||||||
<th colspan="4" class="server-name"><img src="https://icons.kelinreij.duckdns.org/Jasper" class="server-icon">Jasper Admin</th>
|
<div class="admin-row">
|
||||||
</tr>
|
<div>
|
||||||
</thead>
|
<a href="https://arcane.jasper.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
<tbody>
|
<img src="https://icons.kelinreij.duckdns.org/arcane.svg"></a>
|
||||||
<tr>
|
<a class="local-url" href="http://192.168.4.4:3552" target="_blank" rel="noopener">local</a>
|
||||||
<td>
|
</div>
|
||||||
<a class="svc-icon-link" href="https://arcane.jasper.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<div>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/arcane.svg"></a>
|
<a href="https://backrest.jasper.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
<a class="svc-icon-link" href="https://backrest.jasper.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<img src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a>
|
<a class="local-url" href="http://192.168.4.4:9898" target="_blank" rel="noopener">local</a>
|
||||||
<a class="svc-icon-link" href="https://dozzle.jasper.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
</div>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a>
|
<div>
|
||||||
<a class="svc-icon-link" href="https://glances.jasper.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<a href="https://dozzle.jasper.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/glances.svg"></a>
|
<img src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a>
|
||||||
<a class="svc-icon-link" href="https://traefik.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<a class="local-url" href="http://192.168.4.4:8085" target="_blank" rel="noopener">local</a>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/traefik.svg"></a>
|
</div>
|
||||||
<a class="svc-icon-link" href="https://keycloak.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<div>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/keycloak.svg"></a>
|
<a href="https://traefik.jasper.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
</td>
|
<img src="https://icons.kelinreij.duckdns.org/traefik.svg"></a>
|
||||||
</tr>
|
<a class="local-url" href="http://192.168.4.4:8081" target="_blank" rel="noopener">local</a>
|
||||||
</tbody>
|
</div>
|
||||||
</table>
|
<div>
|
||||||
|
<a href="https://keycloak.jasper.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
|
<img src="https://icons.kelinreij.duckdns.org/keycloak.svg"></a>
|
||||||
|
<a class="local-url" href="http://192.168.4.4:8080" target="_blank" rel="noopener">local</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div class="admin-tile" style="border-color: rgba(185, 8, 8, 0.955);">
|
||||||
|
<img src="https://icons.kelinreij.duckdns.org/Sammi.svg" class="admin-icon">
|
||||||
<div class="card table-wrap">
|
<div>
|
||||||
<table class="admin-table">
|
<div class="admin-title">Jarvis</div>
|
||||||
<thead>
|
<div class="admin-row">
|
||||||
<tr>
|
<div>
|
||||||
<th colspan="4" class="server-name"><img src="https://icons.kelinreij.duckdns.org/Sammi" class="server-icon">Jarvis Admin</th>
|
<a href="https://arcane.jarvis.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
</tr>
|
<img src="https://icons.kelinreij.duckdns.org/arcane.svg"></a>
|
||||||
</thead>
|
<a class="local-url" href="http://192.168.4.11:3552" target="_blank" rel="noopener">local</a>
|
||||||
<tbody>
|
</div>
|
||||||
<tr>
|
<div>
|
||||||
<td>
|
<a href="https://backrest.jarvis.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
<a class="svc-icon-link" href="https://arcane.jarvis.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<img src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/arcane.svg"></a>
|
<a class="local-url" href="http://192.168.4.11:9898" target="_blank" rel="noopener">local</a>
|
||||||
<a class="svc-icon-link" href="https://backrest.jarvis.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
</div>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a>
|
<div>
|
||||||
<a class="svc-icon-link" href="https://dozzle.jarvis.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<a href="https://dozzle.jarvis.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a>
|
<img src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a>
|
||||||
<a class="svc-icon-link" href="https://glances.jarvis.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<a class="local-url" href="http://192.168.4.11:8085" target="_blank" rel="noopener">local</a>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/glances.svg"></a>
|
</div>
|
||||||
<a class="svc-icon-link" href="https://traefik.jarvis.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<div>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/traefik.svg"></a>
|
<a href="https://traefik.jarvis.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
</td>
|
<img src="https://icons.kelinreij.duckdns.org/traefik.svg"></a>
|
||||||
</tr>
|
<a class="local-url" href="http://192.168.4.11:8080" target="_blank" rel="noopener">local</a>
|
||||||
</tbody>
|
</div>
|
||||||
</table>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card table-wrap">
|
<div class="admin-tile" style="border-color: rgba(185, 8, 8, 0.955);">
|
||||||
<table class="admin-table">
|
<img src="https://icons.kelinreij.duckdns.org/Tucker.svg" class="admin-icon">
|
||||||
<thead>
|
<div>
|
||||||
<tr>
|
<div class="admin-title">Tucker</div>
|
||||||
<th colspan="4" class="server-name"><img src="https://icons.kelinreij.duckdns.org/Tucker" class="server-icon">Tucker Admin</th>
|
<div class="admin-row">
|
||||||
</tr>
|
<div>
|
||||||
</thead>
|
<a href="https://arcane.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
<tbody>
|
<img src="https://icons.kelinreij.duckdns.org/arcane.svg"></a>
|
||||||
<tr>
|
<a class="local-url" href="http://192.168.4.10:3552" target="_blank" rel="noopener">local</a>
|
||||||
<td>
|
</div>
|
||||||
<a class="svc-icon-link" href="https://arcane.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<div>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/arcane.svg"></a>
|
<a href="https://backrest.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
<a class="svc-icon-link" href="https://backrest.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<img src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a>
|
<a class="local-url" href="http://192.168.4.10:9898" target="_blank" rel="noopener">local</a>
|
||||||
<a class="svc-icon-link" href="https://dozzle.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
</div>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a>
|
<div>
|
||||||
<a class="svc-icon-link" href="https://glances.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<a href="https://dozzle.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/glances.svg"></a>
|
<img src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a>
|
||||||
<a class="svc-icon-link" href="https://traefik.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
<a class="local-url" href="http://192.168.4.10:8085" target="_blank" rel="noopener">local</a>
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/traefik.svg"></a>
|
</div>
|
||||||
</td>
|
<div>
|
||||||
</tr>
|
<a href="https://traefik.tucker.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
</tbody>
|
<img src="https://icons.kelinreij.duckdns.org/traefik.svg"></a>
|
||||||
</table>
|
<a class="local-url" href="http://192.168.4.10:8081" target="_blank" rel="noopener">local</a>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card table-wrap">
|
|
||||||
<table class="admin-table">
|
|
||||||
<thead>
|
|
||||||
<tr>
|
|
||||||
<th colspan="4" class="server-name"><img src="https://icons.kelinreij.duckdns.org/Pokee" class="server-icon">Pokee Admin</th>
|
|
||||||
</tr>
|
|
||||||
</thead>
|
|
||||||
<tbody>
|
|
||||||
<tr>
|
|
||||||
<td>
|
|
||||||
<a class="svc-icon-link" href="https://arcane.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/arcane.svg"></a>
|
|
||||||
<a class="svc-icon-link" href="https://backrest.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a>
|
|
||||||
<a class="svc-icon-link" href="https://dozzle.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a>
|
|
||||||
<a class="svc-icon-link" href="https://glances.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/glances.svg"></a>
|
|
||||||
<a class="svc-icon-link" href="https://traefik.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
|
||||||
<img class="svc-icon" src="https://icons.kelinreij.duckdns.org/traefik.svg"></a>
|
|
||||||
</td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="admin-tile" style="border-color: rgba(185, 8, 8, 0.955);">
|
||||||
|
<img src="https://icons.kelinreij.duckdns.org/Pokee.svg" class="admin-icon">
|
||||||
|
<div>
|
||||||
|
<div class="admin-title">Pokee</div>
|
||||||
|
<div class="admin-row">
|
||||||
|
<div>
|
||||||
|
<a href="https://arcane.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
|
<img src="https://icons.kelinreij.duckdns.org/arcane.svg"></a>
|
||||||
|
<a class="local-url" href="http://192.168.4.13:3552" target="_blank" rel="noopener">local</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://backrest.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
|
<img src="https://icons.kelinreij.duckdns.org/backrest-light.svg"></a>
|
||||||
|
<a class="local-url" href="http://192.168.4.13:9898" target="_blank" rel="noopener">local</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://dozzle.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
|
<img src="https://icons.kelinreij.duckdns.org/dozzle.svg"></a>
|
||||||
|
<a class="local-url" href="http://192.168.4.13:8085" target="_blank" rel="noopener">local</a>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<a href="https://traefik.pokee.kelinreij.duckdns.org" target="_blank" rel="noopener">
|
||||||
|
<img src="https://icons.kelinreij.duckdns.org/traefik.svg"></a>
|
||||||
|
<a class="local-url" href="http://192.168.4.13:8081" target="_blank" rel="noopener">local</a>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
<div class="tables">
|
<div class="tables">
|
||||||
<div class="group-column">
|
<div class="group-column">
|
||||||
|
|
||||||
@@ -624,7 +693,7 @@
|
|||||||
<table>
|
<table>
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th colspan="4" class="server-name"><img src="https://icons.kelinreij.duckdns.org/servarr.svg" class="server-icon">Media</th>
|
<th colspan="4" class="server-name"><img src="https://icons.kelinreij.duckdns.org/reboot.svg" class="server-icon">Media</th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
|
|||||||
Reference in New Issue
Block a user