| 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-22 14:28:29 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-04-22 14:28:29 -0700 |
| commit | 4dc47d6f045c01479d1298b933fd3e129d3d8279 (patch) | |
| tree | f19a790d532abe9d15e677c0cbc0a4dafaee6e70 /public | |
| parent | c23d9be9545d714d90a380197ba5e8411e73d6df (diff) | |
Add grenade counter
Diffstat (limited to 'public')
| -rw-r--r-- | public/counter_grenade.jpg | bin | 0 -> 6649 bytes | |||
| -rw-r--r-- | public/icon_grenade.png | bin | 0 -> 3252 bytes | |||
| -rw-r--r-- | public/index.html | 4 | ||||
| -rw-r--r-- | public/map.css | 4 | ||||
| -rw-r--r-- | public/map.svg | 5 |
5 files changed, 10 insertions, 3 deletions
diff --git a/public/counter_grenade.jpg b/public/counter_grenade.jpg Binary files differnew file mode 100644 index 0000000..45d25f0 --- /dev/null +++ b/public/counter_grenade.jpg diff --git a/public/icon_grenade.png b/public/icon_grenade.png Binary files differnew file mode 100644 index 0000000..7642556 --- /dev/null +++ b/public/icon_grenade.png diff --git a/public/index.html b/public/index.html index a60db29..dbabace 100644 --- a/public/index.html +++ b/public/index.html @@ -167,8 +167,10 @@ <button type="button" class="set-firing-arc" data-size="large"> <img src="firing_arc_large.png" height="12" /> 6 MP </button> - <br> Prone: <input type="checkbox" id="toggle-prone-counter" /> + <button type="button" class="set-grenade"> + <img src="icon_grenade.png" height="12" /> + </button> Turn: <span id="turn-count" data-update="0"> <span name="count">0</span> diff --git a/public/map.css b/public/map.css index 780b912..ad67ce3 100644 --- a/public/map.css +++ b/public/map.css @@ -86,6 +86,10 @@ g.troop-counter-template text { transform: translate(-5px, 6px); } +[href="#counter-grenade"] { + transform: translate(-5px, -5px); +} + g#points g use.counter { r: 5px; } diff --git a/public/map.svg b/public/map.svg index 1436aea..c5e80f5 100644 --- a/public/map.svg +++ b/public/map.svg @@ -21,7 +21,8 @@ <g id="t-6" class="troop-counter-template"><use href="#counter-base"/><text>6</text></g> <g id="t-7" class="troop-counter-template"><use href="#counter-base"/><text>7</text></g> - <image id="counter-prone" href="counter_prone.jpg" width="10px"/> + <image id="counter-prone" href="counter_prone.jpg" width="10"/> + <image id="counter-grenade" href="counter_grenade.jpg" width="10"/> <image id="numbers" href="rendered_numbers.png" width="182" height="22"/> <symbol id="n1" viewBox="1 0 17 22" width="17" height="22"><use href="#numbers"/></symbol> @@ -72,7 +73,7 @@ </g> <g data-y="0"> <g data-x="0"><use href="#hex"/><use class="counter" href="#t-1" data-allegiance="liao" data-number="1"/></g> - <g data-x="1"><use href="#hex"/></g> + <g data-x="1"><use href="#hex"/><use href="#counter-grenade"/></g> <g data-x="2"><use href="#hex"/></g> <g data-x="3"><use href="#hex"/></g> <g data-x="4"><use href="#hex"/></g> |
