Terncode/pixel.horse
1
0
Fork 0
mirror of https://github.com/Terncode/pixel.horse.git synced 2026-09-24 21:55:52 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update offline.html (#69)

Browse Source
This commit is contained in:
Tyler Schrock
2019-09-02 14:46:09 -05:00
committed by Eliot Partridge
parent c9280e3467
commit 9b56722bbf
1 changed files with 33 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/offline.html
+27 -15
View File
@@ -5,37 +5,49 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>pixel.horse (offline)</title> <title>pixel.horse (offline)</title>
<style> <style>
body { * { box-sizing: border-box }
background: #333;
html, body {
height: 100%;
width: 100%;
margin: 0;
padding: 0;
} }
div { body {
position: fixed; color: #888;
width: 100%; background-color: #333;
height: 100%; font: normal 16px sans-serif;
background: #333 url('/images/offline-pony.png') no-repeat center center;
display: flex; display: flex;
justify-content: center;
align-items: center; align-items: center;
flex-direction: column;
text-align: center;
}
body::before, body::after {
content: "";
display: block;
margin: auto;
} }
p { p {
color: #888; padding: 0 30px;
font: normal 16px sans-serif; margin-top: 0;
margin-top: 350px; margin-bottom: 30px;
text-align: center; }
padding: 30px;
a, a:hover, a:active, a:visited {
color: #aaa;
} }
</style> </style>
</head> </head>
<body> <body>
<div> <img src="/images/offline-pony.png"/>
<p> <p>
pixel.horse is undergoing maintenance, please check back later. pixel.horse is undergoing maintenance, please check back later.
</p> </p>
<p> <p>
In the meantime, you can <a href="https://chat.pixel.horse">join our Discord server</a> to stay informed. In the meantime, you can <a href="https://chat.pixel.horse">join our Discord server</a> to stay informed.
</p> </p>
</div>
</body> </body>
</html> </html>