73 lines
2.5 KiB
HTML
73 lines
2.5 KiB
HTML
|
<!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>
|