token-validator: Add error page for service unavailable
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
nemunaire 2023-05-05 09:57:48 +02:00
parent 3627de3afe
commit ffd67fa4b6

View File

@ -0,0 +1,101 @@
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Maatma :: Service Unavailable</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
</head>
<body>
<div class="container mt-1 mb-4">
<div class="d-flex align-items-center">
<h1 class="display-3 mb-0 text-nowrap">
Error 503
</h1>
<div class="text-muted ms-3 flex-fill text-end">
<script>
document.write(new Intl.DateTimeFormat('default', {hour:'numeric', minute: 'numeric', second: 'numeric', year: 'numeric', month: 'numeric', day: 'numeric', timeZone: 'UTC'}).format(new Date()))
</script>
UTC
</div>
</div>
<h2 class="text-muted fw-light">
Service Unavailable
</h2>
</div>
<div class="container-fluid py-5" style="background-color: #ddd; box-shadow: inset 0px 0px 5px #999">
<div class="d-flex justify-content-around flex-sm-row">
<div class="position-relative h-100">
<div class="text-center display-2">
<div class="position-absolute w-100 ps-5">
<i class="bi bi-check-circle-fill text-success" style="font-size: 50%"></i>
</div>
<i class="bi bi-laptop text-muted"></i>
</div>
<h3 class="text-center">
Browser<br>
<span class="text-success">
Working
</span>
</h3>
</div>
<div class="d-flex flex-column display-1 justify-content-center align-items-center">
<i class="d-none d-sm-inline bi bi-arrow-left-right"></i>
</div>
<div class="position-relative h-100">
<div class="text-center display-2">
<div class="position-absolute w-100 ps-5">
<i class="bi bi-x-circle-fill text-danger" style="font-size: 50%"></i>
</div>
<i class="bi bi-cloud-fill text-muted"></i>
</div>
<h3 class="text-center">
Maatma<br>
<span class="text-danger">
Error
</span>
</h3>
</div>
<div class="d-flex flex-column display-1 justify-content-center align-items-center">
<i class="d-none d-sm-inline bi bi-arrow-left-right"></i>
</div>
<div class="position-relative h-100">
<div class="text-center display-2">
<div class="position-absolute w-100 ps-5">
<i class="bi bi-question-circle-fill text-info" style="font-size: 50%"></i>
</div>
<i class="bi bi-hdd-network-fill text-muted"></i>
</div>
<h3 class="text-center">
<div class="font-monospace text-truncate" style="min-height: 1.1em;">
<script>
document.write(window.location.host);
</script>
</div>
<span class="text-muted">
Unknown
</span>
</h3>
</div>
</div>
</div>
<div class="container mt-4">
<div class="row">
<div class="col-md">
<h3 class="mb-1">What happened?</h3>
<p>
Maatma seems to have an issue and can't send the request correctly to its destination.
</p>
</div>
<div class="col-md">
<h3 class="mb-1">It's my host, what can I do?</h3>
<p>
Most probably: nothing. Try to ping <a href="https://matrix.to/#/#maatma:nemunai.re" target="_blank">@nemunaire</a> on Matrix if he's not aware of the problem.
</p>
</div>
</div>
</div>
</body>
</html>