jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Update maintenance page.

Browse Source 
* Move maintenance.html.bak to maintenance.html.
* Add Github / Twitter / Discord icons to footer.
* Include some CSS to make it look more like the regular site.
* Auto-refresh every 10 seconds.
This commit is contained in:
evazion
2021-09-27 11:57:17 -05:00
parent 738be825ff
commit 3e4492ce33
2 changed files with 69 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
public/maintenance.html Normal file
View File

@@ -0,0 +1,69 @@
<!doctype html>
<html lang="en">
<head>
<title>Downbooru</title>
<meta charset="utf-8">
<meta http-equiv="refresh" content="10">
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<style type="text/css">
body {
margin: 2em;
display: flex;
flex-direction: column;
align-items: center;
font-family: Verdana, Helvetica, sans-serif;
font-size: 0.875rem;
}
h1 {
font-family: Tahoma;
}
#twitter-widget {
max-width: 500px;
height: 250px;
}
footer {
margin-top: 1em;
}
footer a {
text-decoration: none;
}
footer img {
vertical-align: bottom;
margin: 0 0.1em;
height: 16px;
}
</style>
</head>
<body>
<h1>Danbooru is down for maintenance.</h1>
<p id="twitter-widget">
<a class="twitter-timeline" data-width="500" data-tweet-limit="1" data-dnt="true" href="https://twitter.com/danboorubot"></a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</p>
<iframe src="https://discordapp.com/widget?id=310432830138089472&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>
<footer>
Danbooru /
<span class="social-icons">
<a href="https://github.com/danbooru/danbooru">
<img src="/images/github-logo.png">
</a>
<a href="https://twitter.com/danboorubot">
<img src="/images/twitter-logo.png">
</a>
<a href="https://discord.gg/danbooru">
<img src="/images/discord-logo.png">
</a>
</span>
</footer>
</body>
</html>

19
public/maintenance.html.bak
View File

@@ -1,19 +0,0 @@
<!doctype html>
<html>
<head>
<title>Downbooru</title>
<style type="text/css">
body {
margin: 4em;
display: flex;
flex-direction: column;
align-items: center;
}
</style>
</head>
<body>
<h1>The site is down for maintenance.</h1>
<p><a class="twitter-timeline" data-width="500" data-tweet-limit="1" data-dnt="true" href="https://twitter.com/danboorubot">Check Twitter for updates.</a> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></p>
<iframe src="https://discordapp.com/widget?id=310432830138089472&theme=dark" width="350" height="500" allowtransparency="true" frameborder="0"></iframe>
</body>
</html>