Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
Diffstat (limited to 'public')
-rw-r--r--public/counter_grenade.jpgbin0 -> 6649 bytes
-rw-r--r--public/icon_grenade.pngbin0 -> 3252 bytes
-rw-r--r--public/index.html4
-rw-r--r--public/map.css4
-rw-r--r--public/map.svg5
5 files changed, 10 insertions, 3 deletions
diff --git a/public/counter_grenade.jpg b/public/counter_grenade.jpg
new file mode 100644
index 0000000..45d25f0
--- /dev/null
+++ b/public/counter_grenade.jpg
Binary files differ
diff --git a/public/icon_grenade.png b/public/icon_grenade.png
new file mode 100644
index 0000000..7642556
--- /dev/null
+++ b/public/icon_grenade.png
Binary files differ
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>