2023-09-30 17:57:42 +00:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
|
|
|
|
|
<head>
|
|
|
|
|
<title>exozyme - status </title>
|
|
|
|
|
<link rel="stylesheet" href="/public/index.css">
|
|
|
|
|
</head>
|
|
|
|
|
|
|
|
|
|
<body>
|
|
|
|
|
<div class="headerDiv">
|
|
|
|
|
<img src="/public/logo-transparent.png" width="200">
|
|
|
|
|
<h1>exozyme status</h1>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<ul class="serviceContainer">
|
|
|
|
|
{{#.}}
|
|
|
|
|
<li>
|
|
|
|
|
<div class="service {{#Ok}}serviceUp{{/Ok}}{{^Ok}}serviceDown{{/Ok}}">
|
|
|
|
|
<div>
|
|
|
|
|
<span class="serviceName">{{Name}}</span>
|
|
|
|
|
<span>- {{#Ok}}UP{{/Ok}}{{^Ok}}DOWN{{/Ok}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
<span class="serviceStatusText">{{Status}}</span>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
</li>
|
|
|
|
|
{{/.}}
|
|
|
|
|
</ul>
|
2023-09-30 23:47:29 +00:00
|
|
|
|
|
|
|
|
<div class="service">
|
|
|
|
|
<h2><label for="tgl0">Service name here (click on me!)</label></h2>
|
|
|
|
|
<input type="checkbox" id="tgl0">
|
|
|
|
|
<div class="extra-info">
|
|
|
|
|
You put like,
|
|
|
|
|
<br>
|
|
|
|
|
detailed info here.
|
|
|
|
|
</div>
|
|
|
|
|
<div class="bar"></div>
|
|
|
|
|
</div>
|
|
|
|
|
<style>
|
|
|
|
|
.service .bar {
|
|
|
|
|
border-bottom: solid 8px green;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.service .extra-info {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
.service input:checked ~ .extra-info {
|
|
|
|
|
display: unset;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.service input {
|
|
|
|
|
display: none;
|
|
|
|
|
}
|
|
|
|
|
</style>
|
2023-09-30 17:57:42 +00:00
|
|
|
</body>
|
|
|
|
|
|
2023-09-30 23:47:29 +00:00
|
|
|
</html>
|
