pixel-battle/index.html

28 строки
1.1 KiB
HTML

<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8" />
<title>Pixel Battle</title>
<link rel="stylesheet" href="/static/styles/main.css" />
<script src="/static/scripts/main.js"></script>
</head>
<body>
<main id="main">
<canvas id="battlefield" style="left: 50%; top: 50%; scale: .25;"></canvas>
</main>
<aside id="color-bar">
<label for="color-picker">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path d="M19.35,11.72L17.22,13.85L15.81,12.43L8.1,20.14L3.5,22L2,20.5L3.86,15.9L11.57,8.19L10.15,6.78L12.28,4.65L19.35,11.72M16.76,3C17.93,1.83 19.83,1.83 21,3C22.17,4.17 22.17,6.07 21,7.24L19.08,9.16L14.84,4.92L16.76,3M5.56,17.03L4.5,19.5L6.97,18.44L14.4,11L13,9.6L5.56,17.03Z" fill="black"></path>
</svg>
</label>
<input id="color-picker" type="color" />
<div class="color"></div>
<div class="color"></div>
<div class="color"></div>
<div class="color"></div>
<div class="color"></div>
</aside>
</body>
</html>