index : btroops | |
Virtual board game-aid for BattleTroops, an infantry combat simulator wargame published by FASA in 1989. |
aboutsummaryrefslogtreecommitdiff |
path: root/index.html
diff options
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 83 |
1 files changed, 63 insertions, 20 deletions
@@ -5,7 +5,7 @@ <link rel="stylesheet" href="style.css"> </head> <body> - <svg viewbox="-100 -100 3450 2400" xmlns="http://www.w3.org/2000/svg" stroke-width="20"> + <svg viewbox="-100 -100 3450 2400" xmlns="http://www.w3.org/2000/svg"> <defs> <pattern id="inch-mark" x="0" y="0" width="2in" height="2in" patternUnits="userSpaceOnUse"> <rect x="0" y="0" width="1in" height="2in" fill="black" /> @@ -21,28 +21,30 @@ <!-- <circle id="point" cx="0" cy="0" r="0.07in" /> --> <circle id="point" cx="0" cy="0" r="0.5in" /> - <polygon id="hex" fill="url('#gradient')" points="0,121.32 184.152,15.544 368.312,121.32 368.312,332.864 184.152,438.64 0,332.864 "/> + <polygon id="hex" points="0,121.32 184.152,15.544 368.312,121.32 368.312,332.864 184.152,438.64 0,332.864 "/> <text id="asterisk" x="-0.06in" y="0.22in">*</text> </defs> - - <line x1="0" y1="-0.25in" x2="34in" y2="-0.25in" stroke="url(#inch-mark)" /> - <line x1="-0.25in" y1="0" x2="-0.25in" y2="23in" stroke="url(#vert)" /> + + <line class="ruler" x1="0" y1="-0.25in" x2="34in" y2="-0.25in" stroke="url(#inch-mark)" /> + <line class="ruler" x1="-0.25in" y1="0" x2="-0.25in" y2="23in" stroke="url(#vert)" /> <!-- <image id="img1" href="map1.png" height="6.428in" width="9.971in" /> --> <image id="img2" href="scans/map1.jpg" width="2284" height="1518" /> <g id="firing-arcs"></g> <rect id="map" x="0" y="0" width="34in" height="23in" /> </svg> - Set firing arc: - <button type="button" class="set-firing-arc" data-size="small"> - <img src="firing_arc_small.png" height="12" /> 2 MP - </button> - <button type="button" class="set-firing-arc" data-size="medium"> - <img src="firing_arc_medium.png" height="12" /> 4 MP - </button> - <button type="button" class="set-firing-arc" data-size="large"> - <img src="firing_arc_large.png" height="12" /> 6 MP - </button> + <div> + Set firing arc: + <button type="button" class="set-firing-arc" data-size="small"> + <img src="firing_arc_small.png" height="12" /> 2 MP + </button> + <button type="button" class="set-firing-arc" data-size="medium"> + <img src="firing_arc_medium.png" height="12" /> 4 MP + </button> + <button type="button" class="set-firing-arc" data-size="large"> + <img src="firing_arc_large.png" height="12" /> 6 MP + </button> + </div> <div id="record-sheet"> <div> @@ -53,19 +55,60 @@ 17th Kestral Mechanized Infantry --> </p> <div class="soldier-record" data-troop-number="1" data-troop-allegiance="davion"> - Troop Number: 1<br> - Primary Weapon Type: Rifle, Damage: 4L, Short: 1-27, Long: 28-75<br> - HG: 4 + <!-- <p class="damage"> + <span> + <label> + <input type="checkbox" /> Bruise + </label> + <label> + <input type="checkbox" /> Lethal + </label> + </span> + <span> + <label> + <input type="checkbox" /> + Bruise + </label> + <label> + <input type="checkbox" /> + Lethal + </label> + </span> + </p> --> + <p class="damage"> + <span> + <!-- <label> + </label> + <label> + </label> + <label> + </label> --> + <input type="radio" name="d1"> + <!-- <label>label1</label> --> + <input type="radio" name="d1"> + <!-- <label>label2</label> --> + <input type="radio" name="d1" checked> + <!-- <label>label3</label> --> + </span> + </p> + <p><span>Troop Number</span> 1</p> + <p><span>Primary Weapon Type</span> Rifle</p> + <ul> + <li><span>Damage</span> 4L</li> + <li><span>Short</span> 1-27</li> + <li><span>Long</span> 28-75</li> + </ul> + <p><span>Hand Grenades</span> 4</p> </div> <div class="soldier-record" data-troop-number="2" data-troop-allegiance="davion"> Troop Number: 2<br> Primary Weapon Type: SMG, Damage: 3L, Short: 1-15, Long: 16-25<br> - HG: 4 + Hand Grenades: 4 </div> <div class="soldier-record" data-troop-number="3" data-troop-allegiance="davion"> Troop Number: 3<br> Primary Weapon Type: Blazer, Damage: 4L, Short: 1-17, Long: 18-105<br> - HG: 4 + Hand Grenades: 4 </div> </div> <div> |