LJ5O
63c4940bce
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
28 lines
1.1 KiB
HTML
28 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Kévin Sailly - Portfolio</title>
|
|
<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>
|
|
<div id="picture_zoom" style="display: none;"><!-- Hidden by default, Jquery will show it later -->
|
|
<img src="" alt="Sign picture" /><!-- src is defined by JS -->
|
|
</div>
|
|
|
|
<div id="movement_keys">
|
|
<div id="key_up"><img src="/objects/textures/arrow.png" width="100%" height="100%"/></div>
|
|
<div id="key_left"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(-90deg);"/></div>
|
|
<div id="key_down"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(180deg);"/></div>
|
|
<div id="key_right"><img src="/objects/textures/arrow.png" width="100%" height="100%" style="transform: rotate(90deg);"/></div>
|
|
</div>
|
|
<script type="module" src="/src/main.js"></script>
|
|
|
|
</body>
|
|
</html> |