| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
path: root/index.html
diff options
| author | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-03-26 11:45:37 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <Catalin.Mititiuc@gmail.com> | 2024-03-26 11:45:37 -0700 |
| commit | 42428e3643e0a2ebbff766b8c823ef423d5386ee (patch) | |
| tree | 73985b323f443b616952e90f36a242e717cca59b /index.html | |
| parent | 664e228e81331abbce32924a7046b9ae1497ec7a (diff) | |
WIP: zoom
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 215 |
1 files changed, 140 insertions, 75 deletions
@@ -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 |