From 6c2aa40d8b26f793c47913eb686a4d68af5ae89e Mon Sep 17 00:00:00 2001
From: Neale Pickett <neale@woozle.org>
Date: Sat, 18 Mar 2023 13:00:43 -0600
Subject: [PATCH] Make it look less worrisome

---
 static/index.html |  9 ++++-----
 static/vail.css   | 20 ++++++++++++++++++++
 2 files changed, 24 insertions(+), 5 deletions(-)

diff --git a/static/index.html b/static/index.html
index a9ae15c..ef0962d 100644
--- a/static/index.html
+++ b/static/index.html
@@ -45,11 +45,10 @@
 		<div class="modal is-active init">
 			<div class="modal-background"></div>
 			<div class="modal-content">
-				<div class="message">
-					<div class="message-header">
-						Initializing...
-					</div>
-					<div class="message-body content">
+				<div class="notification is-info">
+						<h1 class="title has-text-centered">
+							Loading...
+						</h1>
 						<p>
 							If you can read this,
 							it could mean
diff --git a/static/vail.css b/static/vail.css
index 75c3b7a..840d838 100644
--- a/static/vail.css
+++ b/static/vail.css
@@ -94,3 +94,23 @@ code {
 	height: 0.5em;
 	width: 100%;
 }
+
+.loader {
+    width: 48px;
+    height: 48px;
+    border: 5px solid #FFF;
+    border-bottom-color: transparent;
+    border-radius: 50%;
+    display: inline-block;
+    box-sizing: border-box;
+    animation: rotation 1s linear infinite;
+    }
+
+    @keyframes rotation {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
\ No newline at end of file