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

14
index.html
View file

@ -3,17 +3,19 @@
<head> <head>
<title>Scheduled Maintenance/</title> <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> </head>
<body style="background-color: #121315; font-family: 'Fira Code', monospace;"> <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 id="countdown" class="text-countdown"></p> <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> <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> </div>
<script src="asciinema-player.min.js"></script> <script src="/assets/asciinema-player.min.js"></script>
<script> <script>
AsciinemaPlayer.create( AsciinemaPlayer.create(
'/maintenance-page/assets/train.cast', '/assets/train.cast',
document.getElementById('player'), { document.getElementById('player'), {
loop: 1, loop: 1,
autoplay: 1, autoplay: 1,
@ -23,7 +25,7 @@
); );
</script> </script>
<style> <style>
body { .info-container {
flex-direction: column; flex-direction: column;
display: flex; display: flex;
align-items: center; align-items: center;
@ -63,7 +65,7 @@
font-family: 'Fira Code', monospace; font-family: 'Fira Code', monospace;
font-weight: 200; font-weight: 200;
text-align: center; text-align: center;
width: 80%; max-width: 80%;
} }
</style> </style>
<script> <script>