updated map styling
This commit is contained in:
34
index.html
Normal file
34
index.html
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Veilmap</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="./style.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="container">
|
||||
<div id="map-bottom"></div>
|
||||
<canvas id="fog"></canvas>
|
||||
<div id="map-top"></div>
|
||||
<div id="brush-cursor"></div>
|
||||
</div>
|
||||
|
||||
<div id="toolbar">
|
||||
<button id="btn-explore" class="tool-btn active">Explore</button>
|
||||
<button id="btn-navigate" class="tool-btn">Navigate</button>
|
||||
<span class="divider"></span>
|
||||
<label class="tool-label">Brush</label>
|
||||
<input type="range" id="brush-slider" min="2000" max="40000" value="8000" step="500" />
|
||||
<span class="divider"></span>
|
||||
<button id="btn-reset" class="tool-btn">Reset</button>
|
||||
<span class="divider"></span>
|
||||
<button id="btn-zoom-in" class="tool-btn">+</button>
|
||||
<button id="btn-zoom-out" class="tool-btn">−</button>
|
||||
</div>
|
||||
|
||||
<script type="module" src="./main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user