Kevin/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Added some text before the game loads

Browse Source 
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
This commit is contained in:
LJ5O
2024-02-15 09:22:19 +01:00
parent 89531178ba
commit 63c4940bce
2 changed files with 13 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
index.html
View File

@@ -6,6 +6,9 @@
<link rel="stylesheet" href="/style.css"> <link rel="stylesheet" href="/style.css">
</head> </head>
<body> <body>
<div id="loading">
<p>Chargement...<br>Loading...</p>
</div>
<div id="notification_bar"> <div id="notification_bar">
<p><!-- Text added here by JS --></p> <p><!-- Text added here by JS --></p>
</div> </div>

10
public/style.css
View File

@@ -13,6 +13,16 @@ a {
color: #2E86AB; 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 { #notification_bar {
position: absolute; position: absolute;
top:20px; top:20px;