endstat/templates/index.html
2019-05-01 11:38:36 -04:00

58 lines
1.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Endstat</title>
<style>
body {
background-color: #212121;
margin: 0;
color: #fff;
}
main {
width: 700px;
margin: 0 auto;
}
section {
display: flex;
background-color: #424242;
align-items: center;
margin: 1rem 0;
padding: 1rem;
border-radius: 1rem;
}
p { margin: 0; }
h1 { display: inline; }
.indicator {
width: 1rem;
height: 1rem;
border-radius: 1rem;
}
.ok { background-color: green; }
.warn { background-color: yellow; }
.error { background-color: red; }
</style>
</head>
<body>
<main>
<h1>Welcome!</h1>
<h1>{{ results.last_update }}</h1>
{% for status in results.statuses -%}
<section>
<p>{{ status.domain }}</p>
<p>{{ status.endpoint }}</p>
<p>{{ status.location }}</p>
{% if status.error %}<p>{{ status.error }}</p>{% endif %}
<div class="indicator {% if status.status == 0 %}ok{% elif status.status == 1 %}warn{% else %}error{% endif %}"></div>
</section>
{% endfor -%}
</main>
</body>
</html>