generator-status/offline.html

82 lines
2.6 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="/manifest.json">
<!-- <script type="module">
import 'https://cdn.jsdelivr.net/npm/@pwabuilder/pwaupdate';
const el = document.createElement('pwa-update');
document.body.appendChild(el);
</script> -->
<title>Generator Status...</title>
<style>
* {
margin: 0;
}
p {
font-family: "Source Sans Pro", "SF Pro Display", sans-serif;
font-weight: 600;
font-size: inherit;
}
b {
font-weight: bolder;
}
.title-bg {
background-color: dimgray;
height: auto;
display: block;
text-align: center;
align-content: center;
padding: 50px 50px 10px 50px;
}
.title-text {
color: white;
padding: 10px 5px;
font-size: 40px;
}
.credits {
padding: 10px 5px;
text-align: center;
font-size: 15px;
color: gray;
}
.credits a {
color: #555555;
font-weight: 700;
}
.credits a:hover {
color: #3c5c68;
}
a {
text-decoration: none;
color: inherit;
}
.date-time-updated {
padding: 5px 5px;
color: #dddddd;
text-align: center;
}
.date-time-updated b {
color: #ffffff;
}
</style>
</head>
<body>
<div class="title-bg">
<div class="title-text">
<p>You're Offline</p>
</div>
<div class="date-time-updated">
<p>please check your internet connection</p>
</div>
</div>
<div class="credits">
<p>Made with ❤️ | Source Code: <a href="https://git.sandcastle.eu.org/thebiblelover7/generator-status">Gitea</a>
<br>
Thanks to <a href="https://matrix.to/#/@junyong_chung:tchncs.de">Junyong Chung</a> for the hardware and <a href="https://meu.edu.lb">MEU</a> for providing the domain.</p>
</div>
</body>
</html>