From 054c0e36e83fe3e46d978b957bfa9226b5f299a6 Mon Sep 17 00:00:00 2001
From: rouce <interfacing@myco.systems>
Date: Sun, 5 Nov 2023 17:44:58 -0500
Subject: [PATCH] fix body style issues
---
.../asciinema-player.css | 0
.../asciinema-player.min.js | 0
index.html | 16 +++++++++-------
3 files changed, 9 insertions(+), 7 deletions(-)
rename asciinema-player.css => assets/asciinema-player.css (100%)
rename asciinema-player.min.js => assets/asciinema-player.min.js (100%)
diff --git a/asciinema-player.css b/assets/asciinema-player.css
similarity index 100%
rename from asciinema-player.css
rename to assets/asciinema-player.css
diff --git a/asciinema-player.min.js b/assets/asciinema-player.min.js
similarity index 100%
rename from asciinema-player.min.js
rename to assets/asciinema-player.min.js
diff --git a/index.html b/index.html
index bcdee83..9583c3b 100644
--- a/index.html
+++ b/index.html
@@ -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>