| 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-30 10:17:45 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-04-30 10:17:45 -0700 |
| commit | 82d3a4b415ba920176058d615b697e84a49adabc (patch) | |
| tree | 7bc250d9f332689e3dc0c4e7aec5949175a0f9fa /public/map2.svg | |
| parent | a4888a3e0905f3561781cb0ef4686befc0dff122 (diff) | |
Create record sheet dynamically when map is loaded
Diffstat (limited to 'public/map2.svg')
| -rw-r--r-- | public/map2.svg | 67 |
1 files changed, 49 insertions, 18 deletions
diff --git a/public/map2.svg b/public/map2.svg index 013118d..c0ac9a4 100644 --- a/public/map2.svg +++ b/public/map2.svg @@ -4,13 +4,12 @@ <svg viewBox="-150 -150 600 800" xmlns="http://www.w3.org/2000/svg"> <link xmlns="http://www.w3.org/1999/xhtml" rel="stylesheet" href="map.css" type="text/css"/> <style> - use[href="#hex"] { - opacity: 0.2; - } - #image-maps image { transform: none; } + + g[data-edge="north"] { --i: -2; } + g[data-edge="south"] { --i: 78; } </style> <defs> <polygon id="hex" points="0,10 8.66,5 8.66,-5 0,-10 -8.66,-5 -8.66,5"/> @@ -44,22 +43,54 @@ <g id="shapes"/> <g id="lines"/> </g> - <!-- <g class="start-locations"> - <g data-y="-2"> - <g data-x="4" class="counter" data-allegiance="liao" data-number="1"><use href="#t-1"/></g> - <g data-x="3" class="counter" data-allegiance="liao" data-number="2"><use href="#t-2"/></g> - <g data-x="2" class="counter" data-allegiance="liao" data-number="3"><use href="#t-3"/></g> - <g data-x="1" class="counter" data-allegiance="liao" data-number="4"><use href="#t-4"/></g> - <g data-x="0" class="counter" data-allegiance="liao" data-number="5"><use href="#t-5"/></g> + <g class="start-locations"> + <g data-edge="north"> + <g data-x="13"> + <g class="counter" data-allegiance="attacker" data-number="1"><use href="#t-1"/></g> + </g> + <g data-x="14"> + <g class="counter" data-allegiance="attacker" data-number="2"><use href="#t-2"/></g> + </g> + <g data-x="15"> + <g class="counter" data-allegiance="attacker" data-number="3"><use href="#t-3"/></g> + </g> + <g data-x="16"> + <g class="counter" data-allegiance="attacker" data-number="4"><use href="#t-4"/></g> + </g> + <g data-x="17"> + <g class="counter" data-allegiance="attacker" data-number="5"><use href="#t-5"/></g> + </g> + <g data-x="18"> + <g class="counter" data-allegiance="attacker" data-number="6"><use href="#t-6"/></g> + </g> + <g data-x="19"> + <g class="counter" data-allegiance="attacker" data-number="7"><use href="#t-7"/></g> + </g> </g> - <g data-y="6"> - <g data-x="0" class="counter" data-allegiance="davion" data-number="1"><use href="#t-1"/></g> - <g data-x="1" class="counter" data-allegiance="davion" data-number="2"><use href="#t-2"/></g> - <g data-x="2" class="counter" data-allegiance="davion" data-number="3"><use href="#t-3"/></g> - <g data-x="3" class="counter" data-allegiance="davion" data-number="4"><use href="#t-4"/></g> - <g data-x="4" class="counter" data-allegiance="davion" data-number="5"><use href="#t-5"/></g> + <g data-edge="south"> + <g data-x="13"> + <g class="counter" data-allegiance="defender" data-number="1"><use href="#t-1"/></g> + </g> + <g data-x="14"> + <g class="counter" data-allegiance="defender" data-number="2"><use href="#t-2"/></g> + </g> + <g data-x="15"> + <g class="counter" data-allegiance="defender" data-number="3"><use href="#t-3"/></g> + </g> + <g data-x="16"> + <g class="counter" data-allegiance="defender" data-number="4"><use href="#t-4"/></g> + </g> + <g data-x="17"> + <g class="counter" data-allegiance="defender" data-number="5"><use href="#t-5"/></g> + </g> + <g data-x="18"> + <g class="counter" data-allegiance="defender" data-number="6"><use href="#t-6"/></g> + </g> + <g data-x="19"> + <g class="counter" data-allegiance="defender" data-number="7"><use href="#t-7"/></g> + </g> </g> - </g> --> + </g> <g class="grid"/> </g> <script href="map.js" data-cols="33" data-rows="77"></script> |
