| 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-08-05 15:29:45 -0700 |
|---|---|---|
| committer | Catalin Mititiuc <webdevcat@proton.me> | 2024-08-05 15:29:58 -0700 |
| commit | f35d716bd38d03285fa511f6794af5d93e88f4dc (patch) | |
| tree | c9b10a7ff8749a2cdb51a58ba8731e965986e18c /public/index.html | |
| parent | 34ed6e2a9c0ef9d4354454394c52e412d8c34d51 (diff) | |
WIP: smoothe squad view
Diffstat (limited to 'public/index.html')
| -rw-r--r-- | public/index.html | 58 |
1 files changed, 14 insertions, 44 deletions
diff --git a/public/index.html b/public/index.html index 51c4fcf..c3a1c75 100644 --- a/public/index.html +++ b/public/index.html @@ -263,7 +263,7 @@ <div id="record-sheet"> <div id="attacker-record" data-allegiance="attacker"> <!-- <img class="logo" src="logo-davion.png" /> --> - <div> + <div class="records-header"> <div><strong class="name">Attacker</strong></div> <div><button type="button" class="end-move" data-allegiance="attacker"> End Movement @@ -271,30 +271,14 @@ <div><button type="button" class="end-turn" data-allegiance="defender"> End Turn </button></div> - <div class="squad-number selected" data-number="1"> + <div><button type="button" class="view-squad" value="previous"><</button></div> + <div class="squad-number"> <svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> <circle id="counter-base" r="5" cx="0" cy="0"></circle> <text>1</text> </svg> </div> - <div class="squad-number" data-number="2"> - <svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> - <circle id="counter-base" r="5" cx="0" cy="0"></circle> - <text>2</text> - </svg> - </div> - <div class="squad-number" data-number="3"> - <svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> - <circle id="counter-base" r="5" cx="0" cy="0"></circle> - <text>3</text> - </svg> - </div> - <div class="squad-number" data-number="4"> - <svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> - <circle id="counter-base" r="5" cx="0" cy="0"></circle> - <text>4</text> - </svg> - </div> + <div><button type="button" class="view-squad" value="next">></button></div> <!-- 1st Squad, 3rd Platoon, Bravo Company, 2nd Battalion<br> 17th Kestral Mechanized Infantry --> </div> @@ -302,7 +286,7 @@ </div> <div id="defender-record" data-allegiance="defender"> <!-- <img class="logo" src="logo-liao.png" /> --> - <div> + <div class="records-header"> <div><strong class="name">Defender</strong></div> <div><button type="button" class="end-move" data-allegiance="defender"> End Movement @@ -310,30 +294,16 @@ <div><button type="button" class="end-turn" data-allegiance="attacker"> End Turn </button></div> - <div class="squad-number selected" data-number="1"> - <svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> - <circle id="counter-base" r="5" cx="0" cy="0"></circle> - <text>1</text> - </svg> - </div> - <div class="squad-number" data-number="2"> - <svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> - <circle id="counter-base" r="5" cx="0" cy="0"></circle> - <text>2</text> - </svg> - </div> - <div class="squad-number" data-number="3"> - <svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> - <circle id="counter-base" r="5" cx="0" cy="0"></circle> - <text>3</text> - </svg> - </div> - <div class="squad-number" data-number="4"> - <svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> - <circle id="counter-base" r="5" cx="0" cy="0"></circle> - <text>4</text> - </svg> + <div><button type="button" class="view-squad" value="previous"><</button></div> + <div> + <div class="squad-number"> + <svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"> + <circle id="counter-base" r="5" cx="0" cy="0"></circle> + <text>1</text> + </svg> + </div> </div> + <div><button type="button" class="view-squad" value="next">></button></div> <!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br> Aldebaran Home Guard --> </div> |