btroops/public/radial.html

53 lines
1002 B
HTML

<!DOCTYPE html>
<html>
<head>
<style>
polygon {
fill: inherit;
stroke: black;
stroke-width: 0.5px;
}
svg {
border: 1px solid slategray;
fill: none;
}
text {
font-size: 4px;
text-anchor: middle;
user-select: none;
font-family: sans-serif;
fill: black;
}
.buildings .elevation-basement {
fill: lightgray;
/* display: none; */
}
.elevation-1 {
/* display: none; */
}
.buildings .elevation-1 {
fill: lightgreen;
/* display: none; */
}
.buildings .elevation-2 {
fill: lightpink;
display: none;
}
</style>
</head>
<body>
<svg viewBox="-300 -200 600 400" xmlns="http://www.w3.org/2000/svg">
<defs>
<polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
</defs>
</svg>
<script src="radial.js"></script>
</body>
</html>