153 lines
5.6 KiB
HTML
153 lines
5.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Infantry Combat</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<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" />
|
|
<rect x="1in" y="0" width="1in" height="2in" fill="white" />
|
|
</pattern>
|
|
|
|
<pattern id="vert" href="#inch-mark" patternTransform="rotate(90)" />
|
|
|
|
<linearGradient id="gradient" gradientTransform="rotate(45)">
|
|
<stop offset="50%" stop-color="gold" />
|
|
<stop offset="95%" stop-color="red" />
|
|
</linearGradient>
|
|
|
|
<!-- <circle id="point" cx="0" cy="0" r="0.07in" /> -->
|
|
<circle id="point" cx="0" cy="0" r="0.5in" />
|
|
<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 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>
|
|
|
|
<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>
|
|
<!-- <img class="logo" src="logo-davion.png" /> -->
|
|
<p>
|
|
Davion<br>
|
|
<!-- 1st Squad, 3rd Platoon, Bravo Company, 2nd Battalion<br>
|
|
17th Kestral Mechanized Infantry -->
|
|
</p>
|
|
<div class="soldier-record" data-troop-number="1" data-troop-allegiance="davion">
|
|
<!-- <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>
|
|
<input type="radio" name="d1" id="clear" checked>
|
|
<label for="clear">lethal</label>
|
|
<input type="radio" name="d1" id="bruise">
|
|
<label for="bruise">clear</label>
|
|
<input type="radio" name="d1" id="lethal">
|
|
<label for="lethal">bruise</label>
|
|
</span>
|
|
</p> -->
|
|
|
|
<p class="damage">
|
|
<!-- <span> -->
|
|
<label>
|
|
<input type="radio" name="d1" checked>
|
|
<span class="damage-selector lethal"></span>
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="d1">
|
|
<span class="damage-selector clear"></span>
|
|
</label>
|
|
<label>
|
|
<input type="radio" name="d1">
|
|
<span class="damage-selector bruise"></span>
|
|
</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>
|
|
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>
|
|
Hand Grenades: 4
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<!-- <img class="logo" src="logo-liao.png" /> -->
|
|
<p>
|
|
Liao<br>
|
|
<!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br>
|
|
Aldebaran Home Guard -->
|
|
</p>
|
|
<div class="soldier-record" data-troop-number="1" data-troop-allegiance="liao">
|
|
Troop Number: 1<br>
|
|
Primary Weapon Type: Rifle, Damage: 4L, Short: 1-27, Long: 28-75<br>
|
|
HG: 4
|
|
</div>
|
|
<div class="soldier-record" data-troop-number="2" data-troop-allegiance="liao">
|
|
Troop Number: 2<br>
|
|
Primary Weapon Type: SMG, Damage: 3L, Short: 1-15, Long: 16-25<br>
|
|
HG: 4
|
|
</div>
|
|
<div class="soldier-record" data-troop-number="3" data-troop-allegiance="liao">
|
|
Troop Number: 3<br>
|
|
Primary Weapon Type: Blazer, Damage: 4L, Short: 1-17, Long: 18-105<br>
|
|
HG: 4
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="index.js"></script>
|
|
</body>
|
|
</html> |