| index : btroops | |
| Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
| aboutsummaryrefslogtreecommitdiff |
diff options
| author | Catalin Mititiuc <webdevcat@proton.me> | 2024-04-18 19:13:37 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-04-18 19:13:37 -0700 |
| commit | ea2ff860fa53620491385685330e99c71ffc7581 (patch) | |
| tree | fc2c53991f1eff4e9b96080ba347e8432d37b836 /public/index.html | |
| parent | ac71447aee59daa5693cc09a50b4b3101fbdefb2 (diff) | |
Use checkboxes for grenades
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 35 |
1 files changed, 19 insertions, 16 deletions
diff --git a/public/index.html b/public/index.html index dbb14a9..68acea4 100644 --- a/public/index.html +++ b/public/index.html @@ -83,9 +83,12 @@ <li><span>Short</span> <slot name="primary-weapon-range-short">1-27</slot></li> <li><span>Long</span> <slot name="primary-weapon-range-long">28-75</slot></li> </ul> - <p> + <p class="grenades"> <span>Hand Grenades</span> - <input type="number" min="0" max="4" value="4" /> + <label><input type='checkbox' checked/><svg viewBox="-7 -7 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/></svg></label> + <label><input type='checkbox' checked/><svg viewBox="-7 -7 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/></svg></label> + <label><input type='checkbox' checked/><svg viewBox="-7 -7 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/></svg></label> + <label><input type='checkbox' checked/><svg viewBox="-7 -7 14 14" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/></svg></label> </p> </template> @@ -186,49 +189,49 @@ 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="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-troop-number="2" data-troop-allegiance="davion"> - <span slot="troop-number">2</span> + <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-troop-number="3" data-troop-allegiance="davion"> - <span slot="troop-number">3</span> + <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-troop-number="4" data-troop-allegiance="davion"> - <span slot="troop-number">4</span> + <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-troop-number="5" data-troop-allegiance="davion"> - <span slot="troop-number">5</span> + <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-troop-number="6" data-troop-allegiance="davion"> - <span slot="troop-number">6</span> + <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-troop-number="7" data-troop-allegiance="davion"> - <span slot="troop-number">7</span> + <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> @@ -250,49 +253,49 @@ 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="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-troop-number="2" data-troop-allegiance="liao"> - <span slot="troop-number">2</span> + <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-troop-number="3" data-troop-allegiance="liao"> - <span slot="troop-number">3</span> + <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-troop-number="4" data-troop-allegiance="liao"> - <span slot="troop-number">4</span> + <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-troop-number="5" data-troop-allegiance="liao"> - <span slot="troop-number">5</span> + <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-troop-number="6" data-troop-allegiance="liao"> - <span slot="troop-number">6</span> + <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-troop-number="7" data-troop-allegiance="liao"> - <span slot="troop-number">7</span> + <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> |