01c1cabdef* Add Rendering Hotbar * Load hotbar on login * Add live hotbar changes * Add selecting slot * Add dropping * fix lint Co-authored-by: Romain Beaumont <romain.rom1@gmail.com>
45 lines
2 KiB
HTML
45 lines
2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Prismarine Web Client</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<div id="hotbar-wrapper">
|
|
<img id="hotbar-image" src="textures/1.16.4/gui/widgets.png"> <!--NOTE: DELETE THE PUBLIC HERE BEFORE MERGING! THIS IS FOR TESTING W/O WEBPACK !-->
|
|
<img id="hotbar-highlight" src="textures/1.16.4/gui/widgets.png">
|
|
<div id="hotbar-items-wrapper">
|
|
<img class="hotbar-item" id="hotbar-0" src="textures/1.16.4/blocks/stone.png">
|
|
<img class="hotbar-item" id="hotbar-1" src="textures/1.16.4/items/chain.png">
|
|
<img class="hotbar-item" id="hotbar-2" src="textures/1.16.4/items/flint_and_steel.png">
|
|
<img class="hotbar-item" id="hotbar-3" src="textures/1.16.4/items/firework_rocket.png">
|
|
<img class="hotbar-item" id="hotbar-4" src="textures/1.16.4/items/golden_carrot.png">
|
|
<img class="hotbar-item" id="hotbar-5" src="textures/1.16.4/items/netherite_pickaxe.png">
|
|
<img class="hotbar-item" id="hotbar-6" src="textures/1.16.4/items/netherite_pickaxe.png">
|
|
<img class="hotbar-item" id="hotbar-7" src="textures/1.16.4/items/netherite_axe.png">
|
|
<img class="hotbar-item" id="hotbar-8" src="textures/1.16.4/items/netherite_shovel.png">
|
|
<h1 style="color: gray;">test</h1>
|
|
</div>
|
|
|
|
</div>
|
|
<img id="crosshair" src="extra-textures/icons.png">
|
|
<div class="chat-wrapper chat-display-wrapper">
|
|
<div class="chat" id="chat">
|
|
<p>Welcome to prismarine-web-client! Chat appears here.</p>
|
|
</div>
|
|
</div>
|
|
<div class="chat-wrapper chat-input-wrapper">
|
|
<div class="chat" id="chat-input">
|
|
<input type="text" class="chat" id="chatinput"></input>
|
|
</div>
|
|
</div>
|
|
<div id="loading-background" class="loader">
|
|
<img src="extra-textures/loading.png" id="loading-image">
|
|
<div id="loading" class="loader">
|
|
<h1 class="middle" id="loading-text">Waiting for JS load...</h1>
|
|
</div>
|
|
</div>
|
|
|
|
<script type="text/javascript" src="index.js"></script>
|
|
</body>
|
|
</html>
|