LJ5O
7b31a9a632
Still a WIP, but users will be able to choose some settings, select language or maybe use the static website version
36 lines
1.4 KiB
HTML
36 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Kévin Sailly - Portfolio</title>
|
|
<link rel="stylesheet" href="/style.css">
|
|
<link rel="stylesheet" href="/menu.css">
|
|
</head>
|
|
<body>
|
|
<!-- That menu is shown at startup, so users can choose their settings -->
|
|
<div id="menu">
|
|
<h1>Hello world !</h1>
|
|
<button>Start</button><!-- See menu.js for threejs startup -->
|
|
</div>
|
|
|
|
<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/menu.js"></script>
|
|
<script type="module" src="/src/main.js"></script>
|
|
|
|
</body>
|
|
</html> |