stp/maintenance-page
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

add error pages

Browse source
This commit is contained in:
rouce 2023-11-12 13:51:29 -05:00
parent cddde6f7f6
commit 32f9d035da
1 changed files with 73 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

73
502.html Normal file
View file

@ -0,0 +1,73 @@
<!DOCTYPE html>
<html>
<head>
<title>Scheduled Maintenance/</title>
<link rel="stylesheet" type="text/css" href="/maintenance-page/assets/asciinema-player.css" />
</head>
<body style="background-color: #121315; font-family: 'Fira Code', monospace;">
<div style="margin:0 !important; padding:0 !important;" id="player"></div>
<div class="info-container">
<p class="text-info">StP is down :( This was not planned so we are sorry for the inconvenience.<br><br>Wait a couple of minutes and then refresh.<br><br>If StP doesn't load in 30 minutes then contact feedback@squattheplanet.com</p>
</div>
<script src="/maintenance-page/assets/asciinema-player.min.js"></script>
<script>
AsciinemaPlayer.create(
'/maintenance-page/assets/train.cast',
document.getElementById('player'), {
loop: true,
autoplay: true,
rows: 50,
theme: "asciinema",
speed: 0.5,
}
);
</script>
<style>
.info-container {
flex-direction: column;
display: flex;
align-items: center;
justify-content: center;
}
.ap-control-bar {
opacity: 0 !important;
}
.text-countdown {
height: 2.5rem;
display: flex;
background-image: -moz-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
background-image: -webkit-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
background-image: -o-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
background-image: -ms-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
background-image: linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size: 1.8em;
font-family: 'Fira Code', monospace;
font-weight: 400;
text-align: center;
}
.text-info {
display: flex;
background-image: -moz-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
background-image: -webkit-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
background-image: -o-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
background-image: -ms-linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
background-image: linear-gradient(top, #b8b0af 0%, #f2ecea 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
font-size: 1.2em;
font-family: 'Fira Code', monospace;
font-weight: 200;
text-align: center;
max-width: 80%;
}
</style>
</body>
</html>