WIP: counters

public/assets/images/scenario_template.svg

@@ -3,13 +3,6 @@
   <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/radial.css" type="text/css" />
   <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css" />
 
-  <!--<style>-->
-  <!--  .grid .building use {-->
-  <!--    opacity: 1;-->
-  <!--    fill: teal;-->
-  <!--  }-->
-  <!--</style>-->
-
   <defs>
     <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
 
@@ -33,8 +26,12 @@
       <use x="8.66" y="15" transform="rotate(60 8.66 15)" href="#ast-line"/>
     </pattern>
 
-    <image id="counter-prone" href="counter_prone.jpg" width="10"/>
-    <image id="counter-grenade" href="counter_grenade.jpg" width="10"/>
+    <image id="counter-grenade" href="counter_grenade.png" width="10"/>
+    <image id="counter-prone" href="counter_prone.png" width="10"/>
+    <image id="counter-basement" href="counter_basement.png" width="10"/>
+    <image id="counter-1st-floor" href="counter_1st_floor.png" width="10"/>
+    <image id="counter-2nd-floor" href="counter_2nd_floor.png" width="10"/>
+    <image id="counter-3rd-floor" href="counter_3rd_floor.png" width="10"/>
   </defs>
 
   <g class="gameboard" data-view-elevation="0">
@@ -48,5 +45,6 @@
     </g>
 
     <g class="grid"/>
+    <g class="pieces"/>
   </g>
 </svg>