57 lines
975 B
HTML
57 lines
975 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>GD Editor</title>
|
|
<style>
|
|
body {
|
|
margin: 0;
|
|
background: #1e1e1e;
|
|
color: white;
|
|
font-family: Arial;
|
|
display: flex;
|
|
}
|
|
|
|
#toolbar {
|
|
width: 200px;
|
|
background: #2b2b2b;
|
|
padding: 10px;
|
|
border-right: 2px solid #111;
|
|
}
|
|
|
|
.tool {
|
|
background: #444;
|
|
margin: 5px 0;
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
.tool:hover {
|
|
background: #666;
|
|
}
|
|
|
|
.selected {
|
|
background: #00aaff;
|
|
}
|
|
|
|
canvas {
|
|
background: #111;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div id="toolbar">
|
|
<h3>Blocks</h3>
|
|
|
|
<div class="tool selected" data-type="block">🟦 Block</div>
|
|
<div class="tool" data-type="spike">🔺 Spike</div>
|
|
<div class="tool" data-type="orb">🟢 Orb</div>
|
|
</div>
|
|
|
|
<canvas id="canvas" width="1000" height="600"></canvas>
|
|
|
|
<script src="renderer.js"></script>
|
|
</body>
|
|
</html> |