Emi Matchu
a6daef636c
Initially I put this all in the same thing cuz I wasn't sure I could count on our nginx config to actually serve asset requests correctly… I've figured it out now!
56 lines
1.1 KiB
HTML
56 lines
1.1 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Dress to Impress: Maintenance Time!</title>
|
|
<style type="text/css">
|
|
body {
|
|
background-color: #fff;
|
|
color: #666;
|
|
font-family: arial, sans-serif;
|
|
padding: 2em 1em;
|
|
}
|
|
|
|
main {
|
|
border: 1px solid #ccc;
|
|
margin-inline: auto;
|
|
padding: 1em;
|
|
max-width: 600px;
|
|
|
|
display: grid;
|
|
grid-template-areas: "illustration body";
|
|
grid-template-columns: auto 1fr;
|
|
column-gap: 1em;
|
|
}
|
|
|
|
h1 {
|
|
font-size: 1.5em;
|
|
margin: 0;
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
p {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<main>
|
|
<img
|
|
width="100"
|
|
height="100"
|
|
alt="Distressed Grundo programmer"
|
|
src="/images/error-grundo.png"
|
|
/>
|
|
<div>
|
|
<h1>DTI is down for maintenance!</h1>
|
|
<p>
|
|
We're working on something for the moment, sorry for the
|
|
trouble!
|
|
</p>
|
|
<p>We're doing our best to be back up soon! 💖</p>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
</html>
|