<!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>