2015-03-29 06:20:50 +08:00
|
|
|
<!DOCTYPE html>
|
2015-10-01 09:02:44 +08:00
|
|
|
<html lang="en">
|
|
|
|
<head>
|
2017-01-07 21:57:20 +08:00
|
|
|
<title>502 bad gateway - DMOJ</title>
|
2015-10-01 09:02:44 +08:00
|
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
|
|
|
<style type="text/css">
|
|
|
|
hr {
|
|
|
|
margin: 0 22em;
|
|
|
|
}
|
2015-03-29 06:11:28 +08:00
|
|
|
|
2015-10-01 09:02:44 +08:00
|
|
|
body {
|
|
|
|
background: #f5f5f5;
|
2016-08-06 06:54:01 +08:00
|
|
|
padding-top: 3em;
|
2015-10-01 09:02:44 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.popup {
|
|
|
|
width: 30%;
|
|
|
|
display: table;
|
|
|
|
text-align: center;
|
|
|
|
margin: 0px auto;
|
|
|
|
border: 3px solid rgb(41, 128, 185);
|
2016-08-06 06:54:01 +08:00
|
|
|
border-radius: 30px;
|
|
|
|
box-shadow: 5px 5px 10px rgb(85, 85, 85);
|
2015-10-01 09:02:44 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
.display {
|
|
|
|
position: fixed;
|
|
|
|
text-align: center;
|
|
|
|
width: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.logo {
|
|
|
|
top: 25%;
|
|
|
|
width: 115px;
|
|
|
|
text-align: center;
|
|
|
|
padding-top: 1em;
|
|
|
|
}
|
|
|
|
|
|
|
|
.msg {
|
|
|
|
font-size: 1.2em;
|
|
|
|
color: rgb(85, 85, 85);
|
|
|
|
}
|
|
|
|
</style>
|
2015-03-29 06:11:28 +08:00
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
2015-10-01 09:02:44 +08:00
|
|
|
<div class="display">
|
|
|
|
<hr>
|
|
|
|
<br>
|
|
|
|
<div class="popup">
|
|
|
|
<div>
|
|
|
|
<img class="logo" src="/logo.png" alt="DMOJ">
|
|
|
|
</div>
|
|
|
|
<h1 style="width: 100%;">Oops, the DMOJ is down.</h1>
|
|
|
|
</div>
|
|
|
|
<br>
|
|
|
|
<hr>
|
|
|
|
<br>
|
|
|
|
<h2 class="msg">But don't worry, we'll be back soon.</h2>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html>
|