1 files changed, 143 insertions, 21 deletions
diff --git a/public/assets/images/map1.svg b/public/assets/images/map1.svg
index 47f8e26..9f514a7 100644
--- a/public/assets/images/map1.svg
+++ b/public/assets/images/map1.svg
@@ -24,6 +24,9 @@
     }
   </style>
   <defs>
+    <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
+    <circle id="counter-base" cx="0" cy="0" r="5"/>
+
     <line id="ast-line" x1="-1.2" y1="0" x2="1.2" y2="0"/>
 
     <pattern id="asterisk" viewBox="-8.66 -15 17.32 30" width="17.32" height="30" patternUnits="userSpaceOnUse">
@@ -42,9 +45,6 @@
       <use x="-8.66" style="transform-origin: -8.66px 0;" class="ccw-60-deg" href="#ast-line"/>
     </pattern>
 
-    <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
-    <circle id="counter-base" cx="0" cy="0" r="5"/>
-
     <g id="t-1" class="troop-counter-template"><use href="#counter-base"/><text>1</text></g>
     <g id="t-2" class="troop-counter-template"><use href="#counter-base"/><text>2</text></g>
     <g id="t-3" class="troop-counter-template"><use href="#counter-base"/><text>3</text></g>
@@ -444,12 +444,143 @@
       m 0 3.5 h 12.75 v 3 h -12.75 z
       m 0 3.5 h 12.75 v 3 h -12.75 z
     "/>
+
+    <g id="tree">
+      <circle class="branches" r="6.5" />
+      <circle class="trunk" r="2" />
+    </g>
+
+    <path id="bush" d="m -4.8419646,1.6815712 c -0.2224,-0.58797 0.0373,-1.22438 -0.11465,-1.82718 -0.13335,-0.57348 -0.0486,-1.19322 0.31662,-1.6677 0.37485,-0.58981 0.9292504,-1.02199 1.5203804,-1.37775 0.37791,-0.29058 0.8322,-0.69438 1.3447,-0.48093 0.52883,0.22124 1.11777002,0.36526 1.69168002,0.27538 0.45164,-0.13122 0.78493,-0.50193 1.10890998,-0.82213 0.23823,-0.4706 0.79876,-0.76529 1.26021,-0.37753 0.75174,0.33698 1.53457,0.94104 1.60186,1.82553 0.009,0.47845 0.33305,0.83858 0.6865,1.11902 0.3949,0.43049 0.5194497,1.08616 0.39622,1.64816 -0.12486,0.51765 -0.59592,0.79391 -1.00538,1.0662 -0.3993,0.35161 -0.92629,0.72761 -0.88679,1.32791 0.0351,0.43819 -0.044,0.93411 -0.4491,1.18369 -0.75886,0.59794 -1.65352998,1.04869 -2.62829997769,1.12983 C -0.59642418,4.8046512 -1.2461242,4.8453312 -1.7811342,4.5051412 c -0.38949,-0.19045 -0.66499,-0.546 -0.75306,-0.96928 -0.19955,-0.51044 -0.67924,-0.93234 -1.24126,-0.95844 -0.4601204,-0.10269 -0.8649404,-0.47575 -1.0665104,-0.89585 z"/>
   </defs>
 
   <rect id="background"/>
 
+  <!-- <g id="image-maps" style="opacity: 1">
+    <image id="map2" class="map-scans" href="scans/map2.jpg" width="2284" height="1518"/>
+    <image class="map-scans" href="row.jpg" width="2284" height="55" y="1505" />
+    <image id="map3" class="map-scans" href="scans/map3.jpg" width="2284" height="1518"/>
+    <image id="map1" class="map-scans" href="scans/map1.jpg" width="2284" height="1518"/>
+  </g> -->
+
   <g class="gameboard">
-    <g id="svg-map2">
+    <g id="svg-map1" style="transform: translate(0, 0px); display: none">
+      <g id="terrain" style="transform: translate(0, -390px)">
+        <rect class="floor" x="225.25" y="501.25" width="105.5" height="136"/>
+        <use x="251" y="524" href="#tree"/>
+        <use x="237.75" y="531.25" href="#tree"/>
+        <use x="268.5" y="523.75" href="#tree"/>
+        <use x="290" y="516" href="#tree"/>
+        <use x="302.75" y="523.75" href="#tree"/>
+        <use x="277.25" y="538.75" href="#tree"/>
+        <use x="298.5" y="546.25" href="#tree"/>
+        <use x="320.25" y="554" href="#tree"/>
+        <use x="246.75" y="561" href="#tree"/>
+        <use x="273" y="561.25" href="#tree"/>
+        <use x="255.25" y="575.75" href="#tree"/>
+        <use x="289.75" y="576.25" href="#tree"/>
+        <use x="237.75" y="590.25" href="#tree"/>
+        <use x="272.5" y="590.75" href="#tree"/>
+        <use x="307" y="590.75" href="#tree"/>
+        <use x="272.75" y="606" href="#tree"/>
+        <use x="298.5" y="605.5" href="#tree"/>
+        <use x="238.5" y="621.5" href="#tree"/>
+        <use x="264.25" y="621" href="#tree"/>
+        <use x="315.5" y="620.75" href="#tree"/>
+
+        <use style="transform: translate(245px, 514px) rotate(28deg)" href="#bush"/>
+        <use style="transform: translate(243.5px, 542px) rotate(-145deg)" href="#bush"/>
+        <use style="transform: translate(278px, 513px) rotate(110deg)" href="#bush"/>
+        <use style="transform: translate(308.5px, 513.5px) rotate(-140deg)" href="#bush"/>
+        <use style="transform: translate(317.5px, 520.75px) rotate(110deg)" href="#bush"/>
+        <use style="transform: translate(324.5px, 531px) rotate(-150deg)" href="#bush"/>
+        <use style="transform: translate(311.5px, 543.5px) rotate(100deg)" href="#bush"/>
+        <use style="transform: translate(240.5px, 571.5px) rotate(-110deg)" href="#bush"/>
+        <use style="transform: translate(260.25px, 561px) rotate(165deg)" href="#bush"/>
+        <use style="transform: translate(312.5px, 562.75px) rotate(-175deg)" href="#bush"/>
+        <use style="transform: translate(325px, 574.5px) rotate(110deg)" href="#bush"/>
+        <use style="transform: translate(268.25px, 578.5px) rotate(-130deg)" href="#bush"/>
+        <use style="transform: translate(277.25px, 572.75px) rotate(-70deg)" href="#bush"/>
+        <use style="transform: translate(308.75px, 573.5px) rotate(-80deg)" href="#bush"/>
+        <use style="transform: translate(318.5px, 587px) rotate(120deg)" href="#bush"/>
+        <use style="transform: translate(234px, 605.25px) rotate(170deg)" href="#bush"/>
+        <use style="transform: translate(244.25px, 600.5px) rotate(145deg)" href="#bush"/>
+        <use style="transform: translate(255px, 605.5px) rotate(-170deg)" href="#bush"/>
+        <use style="transform: translate(259.5px, 592.75px) rotate(100deg)" href="#bush"/>
+        <use style="transform: translate(285px, 615px) rotate(0deg)" href="#bush"/>
+        <use style="transform: translate(295.5px, 629.25px) rotate(0deg)" href="#bush"/>
+        <use style="transform: translate(303px, 620px) rotate(0deg)" href="#bush"/>
+        <use style="transform: translate(311.5px, 605px) rotate(-70deg)" href="#bush"/>
+      </g>
+      <g class="building4" style="transform: translate(100.5px, 83px)">
+        <use href="#building4"/>
+        <g class="furniture">
+          <use style="transform: translate(-21.5px, -39px)" href="#bed"/>
+          <use style="transform: translate(22px, -51px)" href="#bed"/>
+          <use style="transform: translate(21.25px, 33px) rotate(-90deg)" href="#desk"/>
+          <use style="transform: translate(-5.75px, 20px)" href="#couch"/>
+          <use style="transform: translate(-9px, -54.75px)" href="#dresser"/>
+          <use style="transform: translate(7.5px, -44.75px) rotate(90deg)" href="#dresser"/>
+          <use style="transform: translate(25.5px, -18.5px) rotate(90deg)" href="#dresser"/>
+          <use style="transform: translate(-24px, -4.5px)" href="#dresser"/>
+          <use style="transform: translate(24px, 10.5px)" href="#dresser"/>
+          <use style="transform: translate(-16.5px, 33.5px)" href="#dresser"/>
+          <use style="transform: translate(17px, 46.5px)" href="#dresser"/>
+          <use style="transform: translate(-23.5px, 48.25px)" href="#dresser"/>
+        </g>
+      </g>
+      <g class="building2" style="transform: translate(92px, 281px)">
+        <use href="#building2"/>
+        <g class="furniture">
+          <use style="transform: translate(-28.25px, -19.75px) rotate(90deg)" href="#couch"/>
+          <use style="transform: translate(-11.25px, 32.75px)" href="#couch"/>
+
+          <use style="transform: translate(28.25px, -51.75px) rotate(90deg)" href="#dresser"/>
+          <use style="transform: translate(15.75px, -18.75px) rotate(90deg)" href="#dresser"/>
+          <use style="transform: translate(13.5px, 16.5px) rotate(32deg)" href="#dresser"/>
+          <use style="transform: translate(39.75px, 32px) rotate(30deg)" href="#dresser"/>
+          <use style="transform: translate(-24.25px, 38.25px) rotate(90deg)" href="#dresser"/>
+
+          <use style="transform: translate(-24px, -42.75px) rotate(0deg)" href="#desk"/>
+          <use style="transform: translate(41.5px, -5px) rotate(90deg)" href="#desk"/>
+          <use style="transform: translate(0.75px, -19.5px) rotate(90deg)" href="#desk"/>
+          <use style="transform: translate(-43.25px, 24px) rotate(-90deg)" href="#desk"/>
+          <use style="transform: translate(3.5px, 39.5px) rotate(90deg)" href="#desk"/>
+        </g>
+      </g>
+      <g class="building3" style="transform: translate(441.5px, 100.5px)">
+        <use style="transform: rotate(180deg)" href="#building3"/>
+        <g class="furniture">
+          <use style="transform: translate(-1.75px, -26.5px)" href="#couch"/>
+          <use style="transform: translate(-8px, 15.5px)" href="#couch"/>
+          <use style="transform: translate(20.5px, 36.75px)" href="#dresser"/>
+          <use style="transform: translate(14.5px, 13px) rotate(90deg)" href="#dresser"/>
+          <use style="transform: translate(26px, -35.5px) rotate(90deg)" href="#dresser"/>
+          <use style="transform: translate(-25.25px, 38.25px) rotate(90deg)" href="#dresser"/>
+          <use style="transform: translate(13.25px, -19px) rotate(90deg)" href="#desk"/>
+          <path id="stairs" style="transform: translate(-23.75px, -19.25px)" d="
+            M -7 -16.3 h 14 v 2.3 h -14 z
+            m 0 2.75 h 14 v 2.3 h -14 z
+            m 0 2.75 h 14 v 2.3 h -14 z
+            m 0 2.75 h 14 v 2.3 h -14 z
+            m 0 2.75 h 14 v 2.3 h -14 z
+            m 0 2.75 h 14 v 2.3 h -14 z
+            m 0 2.75 h 14 v 2.3 h -14 z
+          "/>
+        </g>
+      </g>
+      <g class="building6" style="transform: translate(440.75px, 288.5px)">
+        <use style="transform: rotate(180deg)" href="#building6"/>
+        <g class="furniture">
+          <use style="transform: translate(-8px, 40px)" href="#bed"/>
+          <use style="transform: translate(-12px, -42px) rotate(90deg)" href="#couch"/>
+          <use style="transform: translate(10px, 40.25px) rotate(180deg)" href="#desk"/>
+          <use style="transform: translate(16.25px, -42.75px) rotate(90deg)" href="#dresser"/>
+          <use style="transform: translate(3px, -12.25px) rotate(90deg)" href="#dresser"/>
+          <use style="transform: translate(10px, 18.25px) rotate(90deg)" href="#dresser"/>
+        </g>
+      </g>
+    </g>
+    <g id="svg-map2"  style="transform: translate(0, 0px);">
       <g class="building1" style="transform: translate(220px, 280px)">
         <use href="#building1"/>
         <g class="furniture">
@@ -580,8 +711,8 @@
         </g>
       </g>
     </g>
-    <g id="svg-map3">
-      <g class="building1" style="transform: translate(359px, 488.75px)">
+    <g id="svg-map3" style="transform: translate(0, 390.25px);">
+      <g class="building1" style="transform: translate(359px, 98.5px)">
         <use href="#building1"/>
         <g class="furniture">
           <rect class="couch" x="-28.75" y="-51.75" width="16" height="8.5"/>
@@ -596,7 +727,7 @@
           <rect class="bed" x="17.25" y="41.25" width="10" height="18"/>
         </g>
       </g>
-      <g class="building2" style="transform: translate(185px, 467px)">
+      <g class="building2" style="transform: translate(185px, 77.5px)">
         <use style="transform: rotate(180deg)" href="#building2"/>
         <g class="furniture">
           <use style="transform: translate(-39px, -2.75px)" href="#couch"/>
@@ -625,7 +756,7 @@
           "/>
         </g>
       </g>
-      <g class="building3" style="transform: translate(51.25px, 456px)">
+      <g class="building3" style="transform: translate(51.25px, 65.75px)">
         <use href="#building3"/>
         <g class="furniture">
           <use style="transform: translate(2.25px, 23px)" href="#couch"/>
@@ -637,8 +768,7 @@
           <use style="transform: translate(-13.75px, 16px) rotate(90deg)" href="#desk"/>
         </g>
       </g>
-
-      <g class="building4" style="transform: translate(499px, 486px)">
+      <g class="building4" style="transform: translate(499px, 96px)">
         <use style="transform: rotate(180deg)" href="#building4"/>
         <g class="furniture">
           <use style="transform: translate(13.5px, 42px)" href="#bed"/>
@@ -655,8 +785,7 @@
           <use style="transform: translate(-28px, 48.25px) rotate(90deg)" href="#dresser"/>
         </g>
       </g>
-
-      <g class="building5" style="transform: translate(103px, 684.75px)">
+      <g class="building5" style="transform: translate(103px, 294.5px)">
         <use href="#building5"/>
         <g class="furniture">
           <use style="transform: translate(-37px, -17.25px) rotate(90deg)" href="#bed"/>
@@ -673,8 +802,7 @@
           <use style="transform: translate(65px, -5.5px)" href="#stairs"/>
         </g>
       </g>
-
-      <g class="building6" style="transform: translate(224.5px, 665.25px)">
+      <g class="building6" style="transform: translate(224.5px, 275px)">
         <use style="transform: rotate(180deg)" href="#building6"/>
         <g class="furniture">
           <use style="transform: translate(-9px, 39px)" href="#bed"/>
@@ -687,8 +815,7 @@
           <use style="transform: translate(8px, 42.5px)" href="#dresser"/>
         </g>
       </g>
-
-      <g class="building7" style="transform: translate(419px, 696px)">
+      <g class="building7" style="transform: translate(419px, 305.75px)">
         <use href="#building7"/>
         <g class="furniture">
           <use style="transform: translate(-99px, -46.75px)" href="#desk"/>
@@ -2569,10 +2696,5 @@
       </g>
     </g>
   </g>
-  <g id="image-maps" style="opacity: 0.2">
-    <image id="map2" class="map-scans" href="scans/map2.jpg" width="2284" height="1518"/>
-    <image class="map-scans" href="row.jpg" width="2284" height="55" y="1505" />
-    <image id="map3" class="map-scans" href="scans/map3.jpg" width="2284" height="1518"/>
-  </g>
   <script href="http://localhost:8080/map.js"/>
 </svg>