Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rw-r--r--index.html83
1 files changed, 63 insertions, 20 deletions
diff --git a/index.html b/index.html
index 17f5cc4..ac6ab02 100644
--- a/index.html
+++ b/index.html
@@ -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>