container-server/services/proxy/errorpages/dist/maintenance.html

121 lines
2.5 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="en" dir="ltr">
<!-- Generated 2022-12-07T20:29:32.897098 -->
<head>
<meta charset="utf-8">
<title>503 - Maintenance</title>
<meta name="referrer" content="no-referrer">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<style>
body {
font-family: 'Courier New', Courier, monospace;
font-size: 1.2em;
padding: 16px;
background-color: #f5f5f5;
color: #333
}
@media only screen and (min-width: 760px) {
body {
font-size: 1.4em
}
}
h1,
h2,
h3 {
margin: 0;
font-weight: 700
}
h1 {
font-size: 3em
}
h2 {
font-size: 1.5em
}
h3 {
font-size: 1em
}
hr {
border: none;
border-top: 1px solid #e0e0e0;
margin: 16px 0;
height: 0
}
.head {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
justify-content: center
}
.head .emoji {
font-size: 4em;
padding: 12px;
display: block
}
@media only screen and (min-width: 760px) {
.head {
text-align: left;
flex-direction: row;
min-width: 512px
}
.head .info {
text-align: center
}
.head .emoji {
font-size: 8em;
padding: 24px;
display: block
}
}
.desc {
text-align: center
}
@media only screen and (min-width: 760px) {
.desc {
margin: 0;
padding: 0
}
}
@media (prefers-color-scheme: dark) {
body {
background-color: #2d2d2d;
color: #acacac
}
hr {
border-top: 1px solid #424242;
}
}
</style>
</head>
<body>
<div class="head">
<div class="emoji">🏗️</div>
<div class="info">
<h1>503</h1>
<h3>Maintenance</h3>
</div>
</div>
<p class="desc">The service is currently under maintenance and will be back later.</p>
<hr>
</body>
</html>