54 lines
1.9 KiB
HTML
54 lines
1.9 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>
|
|
<h2>Kévin SAILLY's portfolio</h2>
|
|
|
|
<div id="settings">
|
|
<div id="quality">
|
|
<label for="quality-select">How strong is your computer ?</label><br>
|
|
<select id="quality-select">
|
|
<option value="1">Powerful</option><!-- Percentage of props that will be placed -->
|
|
<option value="0.85">High</option>
|
|
<option value="0.6">Normal</option>
|
|
<option value="0.35">Low</option>
|
|
</select>
|
|
</div>
|
|
<!--<div id="language">
|
|
|
|
</div>-->
|
|
</div>
|
|
|
|
<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/loading.js"></script>
|
|
<script type="module" src="/src/menu.js"></script>
|
|
<script type="module" src="/src/main.js"></script>
|
|
|
|
</body>
|
|
</html> |