Added some text before the game loads

This "Loading..." will help people to understand that the website is loading, and isn't just a blank page. I'll consider creating a nice css animation later, but I just wanted something quick and easy for now
2024-02-15 09:22:19 +01:00
parent 89531178ba
commit 63c4940bce
2 changed files with 13 additions and 0 deletions
--- a/index.html
+++ b/index.html
@@ -6,6 +6,9 @@
 		<link rel="stylesheet" href="/style.css">
 	</head>
 	<body>
+		<div id="loading">
+			<p>Chargement...<br>Loading...</p>
+		</div>
 		<div id="notification_bar">
 			<p><!-- Text added here by JS --></p>
 		</div>
--- a/public/style.css
+++ b/public/style.css
@@ -13,6 +13,16 @@ a {
 		color: #2E86AB;
 }

+#loading{
+	position: absolute;
+	top:50%;
+	left:50%;
+	transform: translate(-50%, -50%);
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 2em;
+	z-index:-1;
+}
+
 #notification_bar {
 	position: absolute;
 	top:20px;