New maintenance page

This commit is contained in:
Josef Citrine 2016-07-18 01:46:17 +01:00
parent 52cdf621b3
commit 6c2039159f

View file

@ -14,12 +14,13 @@
You should have received a copy of the GNU Affero General Public License You should have received a copy of the GNU Affero General Public License
along with this program. If not, see <http://www.gnu.org/licenses/>. along with this program. If not, see <http://www.gnu.org/licenses/>.
--}}<!DOCTYPE html> --}}
<!DOCTYPE html>
<html> <html>
<head> <head>
<title>Be right back.</title> <title>Be right back.</title>
<link href="//fonts.googleapis.com/css?family=Lato:100" rel="stylesheet" type="text/css"> <link href="//fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<style> <style>
html, body { html, body {
@ -30,10 +31,10 @@
margin: 0; margin: 0;
padding: 0; padding: 0;
width: 100%; width: 100%;
color: #B0BEC5; color: #292929;
display: table; display: table;
font-weight: 100; font-weight: 700;
font-family: 'Lato'; font-family: 'Roboto', Arial, sans-serif;
} }
.container { .container {
@ -48,15 +49,26 @@
} }
.title { .title {
font-size: 72px; font-size: 50px;
margin-bottom: 40px; margin-bottom: 20px;
}
p {
font-weight: 400;
font-size: 16px;
}
.art {
width: 75%;
} }
</style> </style>
</head> </head>
<body> <body>
<div class="container"> <div class="container">
<div class="content"> <div class="content">
<div class="title">Be right back.</div> <img class="art" src="//67.media.tumblr.com/a4f77fa596545e84b438fd637086ccc0/tumblr_o40hjpQLUd1uwvmjvo1_1280.png">
<div class="title">We're down for maintenance</div>
<p>Sorry! Pony.fm is not available right now. Please check <a href="https://status.poniverse.io/" target="_blank">status.poniverse.io</a> for details.</p>
</div> </div>
</div> </div>
</body> </body>