60 lines
1.2 KiB
HTML
60 lines
1.2 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: Whelmy mode!</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 overloaded!</h1>
|
||
|
|
<p>
|
||
|
|
There's a lot going on in our server right now… usually this lasts for
|
||
|
|
a few seconds, then passes? Sorry about this!
|
||
|
|
</p>
|
||
|
|
<p>
|
||
|
|
If this keeps happening, we'll be alerted automatically, and we'll do
|
||
|
|
our best to get it fixed up 💖
|
||
|
|
</p>
|
||
|
|
</div>
|
||
|
|
</main>
|
||
|
|
</body>
|
||
|
|
</html>
|