Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html37
1 files changed, 28 insertions, 9 deletions
diff --git a/index.html b/index.html
index b5ef012..11b9ea7 100644
--- a/index.html
+++ b/index.html
@@ -151,18 +151,35 @@
<defs>
<polygon id="point" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5" />
- <symbol id="counter-base" viewBox="-5 -5 10 10" width="10" height="10">
+ <symbol id="counter-base" viewBox="-6 -6 12 12" width="12" height="12">
<circle cx="0" cy="0" r="5" />
</symbol>
- <g id="t-1" class="troop-counter"><use href="#counter-base" /><text>1</text></g>
- <g id="t-2" class="troop-counter"><use href="#counter-base" /><text>2</text></g>
- <g id="t-3" class="troop-counter"><use href="#counter-base" /><text>3</text></g>
- <g id="t-4" class="troop-counter"><use href="#counter-base" /><text>4</text></g>
- <g id="t-5" class="troop-counter"><use href="#counter-base" /><text>5</text></g>
- <g id="t-6" class="troop-counter"><use href="#counter-base" /><text>6</text></g>
- <g id="t-7" class="troop-counter"><use href="#counter-base" /><text>7</text></g>
+ <g id="t-1" class="troop-counter-template"><use href="#counter-base" /><text>1</text></g>
+ <g id="t-2" class="troop-counter-template"><use href="#counter-base" /><text>2</text></g>
+ <g id="t-3" class="troop-counter-template"><use href="#counter-base" /><text>3</text></g>
+ <g id="t-4" class="troop-counter-template"><use href="#counter-base" /><text>4</text></g>
+ <g id="t-5" class="troop-counter-template"><use href="#counter-base" /><text>5</text></g>
+ <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>
+ <g id="davion-1" class="troop-counter"><use href="#t-1" /></g>
+ <g id="davion-2" class="troop-counter"><use href="#t-2" /></g>
+ <g id="davion-3" class="troop-counter"><use href="#t-3" /></g>
+ <g id="davion-4" class="troop-counter"><use href="#t-4" /></g>
+ <g id="davion-5" class="troop-counter"><use href="#t-5" /></g>
+ <g id="davion-6" class="troop-counter"><use href="#t-6" /></g>
+ <g id="davion-7" class="troop-counter"><use href="#t-7" /></g>
+
+ <g id="liao-1" class="troop-counter"><use href="#t-1" /></g>
+ <g id="liao-2" class="troop-counter"><use href="#t-2" /></g>
+ <g id="liao-3" class="troop-counter"><use href="#t-3" /></g>
+ <g id="liao-4" class="troop-counter"><use href="#t-4" /></g>
+ <g id="liao-5" class="troop-counter"><use href="#t-5" /></g>
+ <g id="liao-6" class="troop-counter"><use href="#t-6" /></g>
+ <g id="liao-7" class="troop-counter"><use href="#t-7" /></g>
+
+ <image id="counter-prone" href="counter_prone.jpg" width="10px" />
<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>
@@ -194,7 +211,7 @@
<g id="counters"></g>
</g>
- <image style="image-rendering: pixelated" href="rendered_numbers.png" x="0" y="-46" width="182" height="22" opacity="0.5" />
+ <image href="rendered_numbers.png" x="0" y="-46" width="182" height="22" opacity="0.5" />
<use href="#n1" x="1" y="-40" opacity="0.5" />
<use href="#n2" x="19" y="-40" opacity="0.5" />
@@ -222,6 +239,8 @@
<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" />
</div>
<div id="record-sheet">