30 files changed, 16 insertions, 175 deletions
diff --git a/public/damage_block.css b/public/assets/css/damage_block.css
index cc7e4dc..cc7e4dc 100644
--- a/public/damage_block.css
+++ b/public/assets/css/damage_block.css
diff --git a/public/map.css b/public/assets/css/map.css
index 0c2fed9..0c2fed9 100644
--- a/public/map.css
+++ b/public/assets/css/map.css
diff --git a/public/soldier_record_block.css b/public/assets/css/soldier_record_block.css
index fb1d322..fb1d322 100644
--- a/public/soldier_record_block.css
+++ b/public/assets/css/soldier_record_block.css
diff --git a/public/style.css b/public/assets/css/style.css
index a973630..a973630 100644
--- a/public/style.css
+++ b/public/assets/css/style.css
diff --git a/public/column.jpg b/public/assets/images/column.jpg
index df86414..df86414 100644
--- a/public/column.jpg
+++ b/public/assets/images/column.jpg
diff --git a/public/counter_grenade.jpg b/public/assets/images/counter_grenade.jpg
index 45d25f0..45d25f0 100644
--- a/public/counter_grenade.jpg
+++ b/public/assets/images/counter_grenade.jpg
diff --git a/public/counter_prone.jpg b/public/assets/images/counter_prone.jpg
index a8e9b46..a8e9b46 100644
--- a/public/counter_prone.jpg
+++ b/public/assets/images/counter_prone.jpg
diff --git a/public/firing_arc_large.png b/public/assets/images/firing_arc_large.png
index c787537..c787537 100644
--- a/public/firing_arc_large.png
+++ b/public/assets/images/firing_arc_large.png
diff --git a/public/firing_arc_medium.png b/public/assets/images/firing_arc_medium.png
index 6cc69ce..6cc69ce 100644
--- a/public/firing_arc_medium.png
+++ b/public/assets/images/firing_arc_medium.png
diff --git a/public/firing_arc_small.png b/public/assets/images/firing_arc_small.png
index 80afcb0..80afcb0 100644
--- a/public/firing_arc_small.png
+++ b/public/assets/images/firing_arc_small.png
diff --git a/public/icon_grenade.png b/public/assets/images/icon_grenade.png
index 7642556..7642556 100644
--- a/public/icon_grenade.png
+++ b/public/assets/images/icon_grenade.png
diff --git a/public/assets/images/logo-davion.png b/public/assets/images/logo-davion.png
new file mode 100644
index 0000000..c4f8b5f
--- /dev/null
+++ b/public/assets/images/logo-davion.png
diff --git a/public/assets/images/logo-liao.png b/public/assets/images/logo-liao.png
new file mode 100644
index 0000000..e441313
--- /dev/null
+++ b/public/assets/images/logo-liao.png
diff --git a/public/map1.svg b/public/assets/images/map1.svg
index 6d767ba..fe64a5e 100644
--- a/public/map1.svg
+++ b/public/assets/images/map1.svg
@@ -2,17 +2,12 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg viewBox="-18 -150 2320 3360" xmlns="http://www.w3.org/2000/svg">
-  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="map.css" type="text/css"/>
+  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css"/>
   <style>
     g[data-edge="north"] { --i: -2; }
     g[data-edge="south"] { --i: 52; }
   </style>
   <defs>
-    <!-- <g id="hex">
-      <polygon points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
-      <circle cx="0" cy="0" r="1" fill="black"/>
-    </g> -->
-
     <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"/>
@@ -1919,5 +1914,5 @@
       </g>
     </g>
   </g>
-  <script href="map.js"></script>
+  <script href="../../map.js"></script>
 </svg>
diff --git a/public/map2.svg b/public/assets/images/map2.svg
index c0ac9a4..542d8f0 100644
--- a/public/map2.svg
+++ b/public/assets/images/map2.svg
@@ -2,7 +2,7 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg viewBox="-150 -150 600 800" xmlns="http://www.w3.org/2000/svg">
-  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="map.css" type="text/css"/>
+  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css"/>
   <style>
     #image-maps image {
       transform: none;
@@ -93,5 +93,5 @@
     </g>
     <g class="grid"/>
   </g>
-  <script href="map.js" data-cols="33" data-rows="77"></script>
+  <script href="../../map.js" data-cols="33" data-rows="77"></script>
 </svg>
diff --git a/public/map3.svg b/public/assets/images/map3.svg
index 25a9518..9545a47 100644
--- a/public/map3.svg
+++ b/public/assets/images/map3.svg
@@ -2,7 +2,7 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg viewBox="-150 -150 600 800" xmlns="http://www.w3.org/2000/svg">
-  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="map.css" type="text/css"/>
+  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css"/>
   <style>
     #image-maps image {
       transform: translate(-10px, 0px);
@@ -90,5 +90,5 @@
     </g>
     <g class="grid"/>
   </g>
-  <script href="map.js" data-cols="33" data-rows="25"></script>
+  <script href="../../map.js" data-cols="33" data-rows="25"></script>
 </svg>
diff --git a/public/map4.svg b/public/assets/images/map4.svg
index acb8336..e0ce981 100644
--- a/public/map4.svg
+++ b/public/assets/images/map4.svg
@@ -2,7 +2,7 @@
 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
   "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg viewBox="-150 -150 600 800" xmlns="http://www.w3.org/2000/svg">
-  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="map.css" type="text/css"/>
+  <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="../css/map.css" type="text/css"/>
   <defs>
     <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/>
 
@@ -45,5 +45,5 @@
     <g class="grid"/>
   </g>
 
-  <script href="map.js" data-cols="33" data-rows="25"></script>
+  <script href="../../map.js" data-cols="33" data-rows="25"></script>
 </svg>
diff --git a/public/rendered_numbers.png b/public/assets/images/rendered_numbers.png
index 8672434..8672434 100644
--- a/public/rendered_numbers.png
+++ b/public/assets/images/rendered_numbers.png
diff --git a/public/row.jpg b/public/assets/images/row.jpg
index 110bb35..110bb35 100644
--- a/public/row.jpg
+++ b/public/assets/images/row.jpg
diff --git a/public/scans/countersheet1.jpg b/public/assets/images/scans/countersheet1.jpg
index 659070e..659070e 100644
--- a/public/scans/countersheet1.jpg
+++ b/public/assets/images/scans/countersheet1.jpg
diff --git a/public/scans/countersheet2.jpg b/public/assets/images/scans/countersheet2.jpg
index 7a4d3ad..7a4d3ad 100644
--- a/public/scans/countersheet2.jpg
+++ b/public/assets/images/scans/countersheet2.jpg
diff --git a/public/scans/countersheet3.jpg b/public/assets/images/scans/countersheet3.jpg
index dfe4696..dfe4696 100644
--- a/public/scans/countersheet3.jpg
+++ b/public/assets/images/scans/countersheet3.jpg
diff --git a/public/scans/countersheet4.jpg b/public/assets/images/scans/countersheet4.jpg
index 028b216..028b216 100644
--- a/public/scans/countersheet4.jpg
+++ b/public/assets/images/scans/countersheet4.jpg
diff --git a/public/scans/map1.jpg b/public/assets/images/scans/map1.jpg
index 8f6bc46..8f6bc46 100644
--- a/public/scans/map1.jpg
+++ b/public/assets/images/scans/map1.jpg
diff --git a/public/scans/map2.jpg b/public/assets/images/scans/map2.jpg
index 82cd528..82cd528 100644
--- a/public/scans/map2.jpg
+++ b/public/assets/images/scans/map2.jpg
diff --git a/public/scans/map3.jpg b/public/assets/images/scans/map3.jpg
index 08232e4..08232e4 100644
--- a/public/scans/map3.jpg
+++ b/public/assets/images/scans/map3.jpg
diff --git a/public/scans/map4.jpg b/public/assets/images/scans/map4.jpg
index 8fa25dc..8fa25dc 100644
--- a/public/scans/map4.jpg
+++ b/public/assets/images/scans/map4.jpg
diff --git a/public/test.svg b/public/assets/images/test.svg
index 0e257ce..0e257ce 100644
--- a/public/test.svg
+++ b/public/assets/images/test.svg
diff --git a/public/index.html b/public/index.html
index cdab46c..03a4d53 100644
--- a/public/index.html
+++ b/public/index.html
@@ -2,11 +2,11 @@
 <html>
   <head>
     <title>Infantry Combat Solo Basic</title>
-    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="assets/css/style.css">
   </head>
   <body>
     <template id="damage-block">
-      <link rel="stylesheet" href="damage_block.css">
+      <link rel="stylesheet" href="assets/css/damage_block.css">
 
       <slot name="block-number"></slot>
       <span class="damage-effect-indicator">
@@ -16,7 +16,7 @@
     </template>
 
     <template id="soldier-record-block">
-      <link rel="stylesheet" href="soldier_record_block.css">
+      <link rel="stylesheet" href="assets/css/soldier_record_block.css">
 
       <p class="physical-status-track">
         <span is="damage-block">
@@ -104,7 +104,7 @@
         Loading...
       </div>
 
-      <object type="image/svg+xml" data="map1.svg"></object>
+      <object type="image/svg+xml" data="assets/images/map1.svg"></object>
 
       <div id="status">
         <span id="hex-counter">Distance: <span id="hex-count">-</span></span>
@@ -124,16 +124,16 @@
         <span style="white-space: nowrap;">
           Prone: <input type="checkbox" id="toggle-prone-counter" />
           <button type="button" class="set-firing-arc" data-size="small">
-            <img src="firing_arc_small.png" height="12" /> 2 MP
+            <img src="assets/images/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
+            <img src="assets/images/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
+            <img src="assets/images/firing_arc_large.png" height="12" /> 6 MP
           </button>
           <button type="button" class="set-grenade">
-            <img src="icon_grenade.png" height="12" />
+            <img src="assets/images/icon_grenade.png" height="12" />
           </button>
         </span>
       </div>
@@ -153,55 +153,6 @@
             <!-- 1st Squad, 3rd Platoon, Bravo Company, 2nd Battalion<br>
             17th Kestral Mechanized Infantry -->
           </p>
-          <!-- <div is="soldier-record-block" class="soldier-record" data-number="1" data-allegiance="davion">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>1</text></svg></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-number="2" data-allegiance="davion">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>2</text></svg></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-number="3" data-allegiance="davion">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>3</text></svg></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-number="4" data-allegiance="davion">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>4</text></svg></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-number="5" data-allegiance="davion">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>5</text></svg></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-number="6" data-allegiance="davion">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>6</text></svg></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-number="7" data-allegiance="davion">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>7</text></svg></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 id="defender-record">
           <!-- <img class="logo" src="logo-liao.png" /> -->
@@ -217,55 +168,6 @@
             <!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br>
             Aldebaran Home Guard -->
           </p>
-          <!-- <div is="soldier-record-block" class="soldier-record" data-number="1" data-allegiance="liao">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>1</text></svg></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-number="2" data-allegiance="liao">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>2</text></svg></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-number="3" data-allegiance="liao">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>3</text></svg></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-number="4" data-allegiance="liao">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>4</text></svg></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-number="5" data-allegiance="liao">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>5</text></svg></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-number="6" data-allegiance="liao">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>6</text></svg></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-number="7" data-allegiance="liao">
-            <span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>7</text></svg></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>
diff --git a/public/soldier_record_block.js b/public/soldier_record_block.js
deleted file mode 100644
index 3931649..0000000
--- a/public/soldier_record_block.js
+++ /dev/null
@@ -1,56 +0,0 @@
-customElements.define(
-  'damage-block',
-  class extends HTMLSpanElement {
-    constructor() {
-      super();
-
-      const template = document.querySelector('#damage-block'),
-        templateContent = template.content,
-        shadowRoot = this.attachShadow({ mode: "open" });
-
-      shadowRoot.appendChild(templateContent.cloneNode(true));
-    }
-
-    connectedCallback() {
-      const el = this.shadowRoot.querySelector('.damage-effect-indicator');
-
-      el.addEventListener('click', e => {
-        e.stopPropagation()
-
-        this.#cycleThroughDamageStates(el);
-      });
-    }
-
-    #cycleThroughDamageStates(el) {
-      if (el.classList.contains('bruise')) {
-        el.classList.remove('bruise');
-        el.classList.add('lethal');
-      } else if (el.classList.contains('lethal')) {
-        el.classList.remove('lethal');
-      } else {
-        el.classList.add('bruise');
-      }
-    }
-  },
-  { extends: 'span' }
-);
-
-customElements.define(
-  'soldier-record-block',
-  class extends HTMLDivElement {
-    constructor() {
-      super();
-
-      const template = document.querySelector('#soldier-record-block'),
-        templateContent = template.content,
-        shadowRoot = this.attachShadow({ mode: "open" });
-
-      shadowRoot.appendChild(templateContent.cloneNode(true));
-    }
-
-    connectedCallback() {
-      this.shadowRoot.querySelector('.grenades').addEventListener('click', e => e.stopPropagation());
-    }
-  },
-  { extends: 'div' }
-);