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

fix body style issues

Browse source
This commit is contained in:
rouce 2023-11-05 17:44:58 -05:00
parent 5c5dcc078f
commit 054c0e36e8
3 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

0
asciinema-player.css → assets/asciinema-player.css
View file

0
asciinema-player.min.js → assets/asciinema-player.min.js vendored
View file

16
index.html
View file

@ -3,17 +3,19 @@
<head>
<title>Scheduled Maintenance/</title>
<link rel="stylesheet" type="text/css" href="asciinema-player.css" />
<link rel="stylesheet" type="text/css" href="/assets/asciinema-player.css" />
</head>
<body style="background-color: #121315; font-family: 'Fira Code', monospace;">
<p id="countdown" class="text-countdown"></p>
<p class="text-info">StP is undergoing maintenance! Here's an estimated time that we will be back up and running, thank you for your patience :)</p>
<div style="margin:0 !important; padding:0 !important;" id="player"></div>
<script src="asciinema-player.min.js"></script>
<div class="info-container">
<p id="countdown" class="text-countdown"></p>
<p class="text-info">StP is undergoing maintenance! Here's an estimated time that we will be back up and running, thank you for your patience :)</p>
</div>
<script src="/assets/asciinema-player.min.js"></script>
<script>
AsciinemaPlayer.create(
'/maintenance-page/assets/train.cast',
'/assets/train.cast',
document.getElementById('player'), {
loop: 1,
autoplay: 1,
@ -23,7 +25,7 @@
);
</script>
<style>
body {
.info-container {
flex-direction: column;
display: flex;
align-items: center;
@ -63,7 +65,7 @@
font-family: 'Fira Code', monospace;
font-weight: 200;
text-align: center;
width: 80%;
max-width: 80%;
}
</style>
<script>