47 lines
1.9 KiB
HTML
47 lines
1.9 KiB
HTML
<head>
|
|
<link rel="stylesheet" type="text/css" href="style.css">
|
|
|
|
<head>
|
|
|
|
<body>
|
|
<div class="grid"></div>
|
|
<div class="controls">
|
|
<h2>Controls</h2>
|
|
<div class="colourButtonWrapper"></div>
|
|
<label>How many squares (this will remove your map)</label>
|
|
<input class="amountOfSquares" type="number" min="10" max="50" value="20"></input>
|
|
|
|
<label for="currentName">Planet parameters</label>
|
|
<div class="input_container">
|
|
<label for="currentName">Name:</label>
|
|
<input id="currentName" type="text" placeholder="name"></input>
|
|
</div>
|
|
<div class="input_container">
|
|
<label for="currentShipCount">Ship count:</label>
|
|
<input id="currentShipCount" type="number" value=20></input>
|
|
</div>
|
|
|
|
<label>Hovered planet parameters</label>
|
|
<div class="input_container">
|
|
<label for="name">Name:</label>
|
|
<input id="name" type="text" disabled></input>
|
|
</div>
|
|
<div class="input_container">
|
|
<label class="small_label" for="shipCount">Ship count:</label>
|
|
<input id="shipCount" type="number" disabled></input>
|
|
</div>
|
|
<div class="input_container">
|
|
<label class="small_label" for="owner">Owner:</label>
|
|
<input id="owner" type="number" disabled></input>
|
|
</div>
|
|
|
|
<div class="buttons">
|
|
<button class="confirm">Use Map</button>
|
|
<button class="clear">Clear Map</button>
|
|
</div>
|
|
|
|
<textarea id="mapOutput" class="output hidden"></textarea>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
|
|
<body> |