1 files changed, 140 insertions, 75 deletions
diff --git a/index.html b/index.html
index db842b4..0e68a73 100644
--- a/index.html
+++ b/index.html
@@ -101,6 +101,10 @@
       </p>
     </template>
 
+    <div>
+      debug margin
+    </div>
+
     <svg viewbox="-100 -100 3450 2400" xmlns="http://www.w3.org/2000/svg">
       <defs>
         <pattern id="inch-mark" x="0" y="0" width="2in" height="2in" patternUnits="userSpaceOnUse">
@@ -127,90 +131,151 @@
       <image id="img2" href="scans/map1.jpg" width="2284" height="1518" />
       <g id="firing-arcs"></g>
       <rect id="map" x="0" y="0" width="34in" height="23in" />
+      <rect id="view-box" x="-100" y="-100" width="3450" height="2400" />
+      <!-- <rect id="view-box" x1="-100" y1="-100" x2="3450" y2="2400" /> -->
     </svg>
 
-    <div>
-      Set firing arc:
-      <button type="button" class="set-firing-arc" data-size="small">
-        <img src="firing_arc_small.png" height="12" /> 2 MP
-      </button>
-      <button type="button" class="set-firing-arc" data-size="medium">
-        <img src="firing_arc_medium.png" height="12" /> 4 MP
-      </button>
-      <button type="button" class="set-firing-arc" data-size="large">
-        <img src="firing_arc_large.png" height="12" /> 6 MP
-      </button>
-    </div>
-
-    <div id="record-sheet">
+    <div id="content">
       <div>
-        <!-- <img class="logo" src="logo-davion.png" /> -->
-        <p>
-          Davion
-          <button type="button" class="clear-firing-arcs" data-allegiance="davion">
-            Clear Firing Arcs
-          </button>
-          <br>
-          <!-- 1st Squad, 3rd Platoon, Bravo Company, 2nd Battalion<br>
-          17th Kestral Mechanized Infantry -->
-        </p>
-        <div is="soldier-record-block" class="soldier-record" data-troop-number="1" data-troop-allegiance="davion">
-          <span slot="troop-number">1</span>
-          <span slot="primary-weapon-type">Rifle</span>
-          <span slot="primary-weapon-damage">4L</span>
-          <span slot="primary-weapon-range-short">1-27</span>
-          <span slot="primary-weapon-range-long">28-75</span>
-        </div>
-        <div is="soldier-record-block" class="soldier-record" data-troop-number="2" data-troop-allegiance="davion">
-          <span slot="troop-number">2</span>
-          <span slot="primary-weapon-type">SMG</span>
-          <span slot="primary-weapon-damage">3L</span>
-          <span slot="primary-weapon-range-short">1-15</span>
-          <span slot="primary-weapon-range-long">16-25</span>
-        </div>
-        <div is="soldier-record-block" class="soldier-record" data-troop-number="3" data-troop-allegiance="davion">
-          <span slot="troop-number">3</span>
-          <span slot="primary-weapon-type">Blazer</span>
-          <span slot="primary-weapon-damage">4L</span>
-          <span slot="primary-weapon-range-short">1-17</span>
-          <span slot="primary-weapon-range-long">18-105</span>
-        </div>
+        Set firing arc:
+        <button type="button" class="set-firing-arc" data-size="small">
+          <img src="firing_arc_small.png" height="12" /> 2 MP
+        </button>
+        <button type="button" class="set-firing-arc" data-size="medium">
+          <img src="firing_arc_medium.png" height="12" /> 4 MP
+        </button>
+        <button type="button" class="set-firing-arc" data-size="large">
+          <img src="firing_arc_large.png" height="12" /> 6 MP
+        </button>
       </div>
-      <div>
-        <!-- <img class="logo" src="logo-liao.png" /> -->
-        <p>
-          Liao
-          <button type="button" class="clear-firing-arcs" data-allegiance="liao">
-            Clear Firing Arcs
-          </button>
-          <br>
-          <!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br>
-          Aldebaran Home Guard -->
-        </p>
-        <div is="soldier-record-block" class="soldier-record" data-troop-number="1" data-troop-allegiance="liao">
-          <span slot="troop-number">1</span>
-          <span slot="primary-weapon-type">Rifle</span>
-          <span slot="primary-weapon-damage">4L</span>
-          <span slot="primary-weapon-range-short">1-27</span>
-          <span slot="primary-weapon-range-long">28-75</span>
-        </div>
-        <div is="soldier-record-block" class="soldier-record" data-troop-number="2" data-troop-allegiance="liao">
-          <span slot="troop-number">2</span>
-          <span slot="primary-weapon-type">SMG</span>
-          <span slot="primary-weapon-damage">3L</span>
-          <span slot="primary-weapon-range-short">1-15</span>
-          <span slot="primary-weapon-range-long">16-25</span>
+
+      <div id="record-sheet">
+        <div>
+          <!-- <img class="logo" src="logo-davion.png" /> -->
+          <p>
+            Davion
+            <button type="button" class="clear-firing-arcs" data-allegiance="davion">
+              Clear Firing Arcs
+            </button>
+            <br>
+            <!-- 1st Squad, 3rd Platoon, Bravo Company, 2nd Battalion<br>
+            17th Kestral Mechanized Infantry -->
+          </p>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="1" data-troop-allegiance="davion">
+            <span slot="troop-number">1</span>
+            <span slot="primary-weapon-type">Rifle</span>
+            <span slot="primary-weapon-damage">4L</span>
+            <span slot="primary-weapon-range-short">1-27</span>
+            <span slot="primary-weapon-range-long">28-75</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="2" data-troop-allegiance="davion">
+            <span slot="troop-number">2</span>
+            <span slot="primary-weapon-type">Rifle</span>
+            <span slot="primary-weapon-damage">4L</span>
+            <span slot="primary-weapon-range-short">1-27</span>
+            <span slot="primary-weapon-range-long">28-75</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="3" data-troop-allegiance="davion">
+            <span slot="troop-number">3</span>
+            <span slot="primary-weapon-type">SMG</span>
+            <span slot="primary-weapon-damage">3L</span>
+            <span slot="primary-weapon-range-short">1-15</span>
+            <span slot="primary-weapon-range-long">16-25</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="4" data-troop-allegiance="davion">
+            <span slot="troop-number">4</span>
+            <span slot="primary-weapon-type">SMG</span>
+            <span slot="primary-weapon-damage">3L</span>
+            <span slot="primary-weapon-range-short">1-15</span>
+            <span slot="primary-weapon-range-long">16-25</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="5" data-troop-allegiance="davion">
+            <span slot="troop-number">5</span>
+            <span slot="primary-weapon-type">SMG</span>
+            <span slot="primary-weapon-damage">3L</span>
+            <span slot="primary-weapon-range-short">1-15</span>
+            <span slot="primary-weapon-range-long">16-25</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="6" data-troop-allegiance="davion">
+            <span slot="troop-number">6</span>
+            <span slot="primary-weapon-type">SMG</span>
+            <span slot="primary-weapon-damage">3L</span>
+            <span slot="primary-weapon-range-short">1-15</span>
+            <span slot="primary-weapon-range-long">16-25</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="7" data-troop-allegiance="davion">
+            <span slot="troop-number">7</span>
+            <span slot="primary-weapon-type">Blazer</span>
+            <span slot="primary-weapon-damage">4L</span>
+            <span slot="primary-weapon-range-short">1-17</span>
+            <span slot="primary-weapon-range-long">18-105</span>
+          </div>
         </div>
-        <div is="soldier-record-block" class="soldier-record" data-troop-number="3" data-troop-allegiance="liao">
-          <span slot="troop-number">3</span>
-          <span slot="primary-weapon-type">Blazer</span>
-          <span slot="primary-weapon-damage">4L</span>
-          <span slot="primary-weapon-range-short">1-17</span>
-          <span slot="primary-weapon-range-long">18-105</span>
+        <div>
+          <!-- <img class="logo" src="logo-liao.png" /> -->
+          <p>
+            Liao
+            <button type="button" class="clear-firing-arcs" data-allegiance="liao">
+              Clear Firing Arcs
+            </button>
+            <br>
+            <!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br>
+            Aldebaran Home Guard -->
+          </p>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="1" data-troop-allegiance="liao">
+            <span slot="troop-number">1</span>
+            <span slot="primary-weapon-type">Rifle</span>
+            <span slot="primary-weapon-damage">4L</span>
+            <span slot="primary-weapon-range-short">1-27</span>
+            <span slot="primary-weapon-range-long">28-75</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="2" data-troop-allegiance="liao">
+            <span slot="troop-number">2</span>
+            <span slot="primary-weapon-type">Rifle</span>
+            <span slot="primary-weapon-damage">4L</span>
+            <span slot="primary-weapon-range-short">1-27</span>
+            <span slot="primary-weapon-range-long">28-75</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="3" data-troop-allegiance="liao">
+            <span slot="troop-number">3</span>
+            <span slot="primary-weapon-type">SMG</span>
+            <span slot="primary-weapon-damage">3L</span>
+            <span slot="primary-weapon-range-short">1-15</span>
+            <span slot="primary-weapon-range-long">16-25</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="4" data-troop-allegiance="liao">
+            <span slot="troop-number">4</span>
+            <span slot="primary-weapon-type">SMG</span>
+            <span slot="primary-weapon-damage">3L</span>
+            <span slot="primary-weapon-range-short">1-15</span>
+            <span slot="primary-weapon-range-long">16-25</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="5" data-troop-allegiance="liao">
+            <span slot="troop-number">5</span>
+            <span slot="primary-weapon-type">SMG</span>
+            <span slot="primary-weapon-damage">3L</span>
+            <span slot="primary-weapon-range-short">1-15</span>
+            <span slot="primary-weapon-range-long">16-25</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="6" data-troop-allegiance="liao">
+            <span slot="troop-number">6</span>
+            <span slot="primary-weapon-type">SMG</span>
+            <span slot="primary-weapon-damage">3L</span>
+            <span slot="primary-weapon-range-short">1-15</span>
+            <span slot="primary-weapon-range-long">16-25</span>
+          </div>
+          <div is="soldier-record-block" class="soldier-record" data-troop-number="7" data-troop-allegiance="liao">
+            <span slot="troop-number">7</span>
+            <span slot="primary-weapon-type">Blazer</span>
+            <span slot="primary-weapon-damage">4L</span>
+            <span slot="primary-weapon-range-short">1-17</span>
+            <span slot="primary-weapon-range-long">18-105</span>
+          </div>
         </div>
       </div>
     </div>
 
+    <script src="soldier_record_block.js"></script>
     <script src="index.js"></script>
   </body>
 </html>
 \ No newline at end of file