Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
Diffstat (limited to 'public')
-rw-r--r--public/index.html28
-rw-r--r--public/style.css28
2 files changed, 28 insertions, 28 deletions
diff --git a/public/index.html b/public/index.html
index dbabace..ed30437 100644
--- a/public/index.html
+++ b/public/index.html
@@ -194,49 +194,49 @@
<!-- 1st Squad, 3rd Platoon, Bravo Company, 2nd Battalion<br>
17th Kestral Mechanized Infantry -->
</p>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="1" data-troop-allegiance="davion">
+ <div is="soldier-record-block" class="soldier-record" data-number="1" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>1</text></svg></span>
<span slot="primary-weapon-type">Rifle</span>
<span slot="primary-weapon-damage">4L</span>
<span slot="primary-weapon-range-short">1-27</span>
<span slot="primary-weapon-range-long">28-75</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="2" data-troop-allegiance="davion">
+ <div is="soldier-record-block" class="soldier-record" data-number="2" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>2</text></svg></span>
<span slot="primary-weapon-type">Rifle</span>
<span slot="primary-weapon-damage">4L</span>
<span slot="primary-weapon-range-short">1-27</span>
<span slot="primary-weapon-range-long">28-75</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="3" data-troop-allegiance="davion">
+ <div is="soldier-record-block" class="soldier-record" data-number="3" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>3</text></svg></span>
<span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="4" data-troop-allegiance="davion">
+ <div is="soldier-record-block" class="soldier-record" data-number="4" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>4</text></svg></span>
<span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="5" data-troop-allegiance="davion">
+ <div is="soldier-record-block" class="soldier-record" data-number="5" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>5</text></svg></span>
<span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="6" data-troop-allegiance="davion">
+ <div is="soldier-record-block" class="soldier-record" data-number="6" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>6</text></svg></span>
<span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="7" data-troop-allegiance="davion">
+ <div is="soldier-record-block" class="soldier-record" data-number="7" data-allegiance="davion">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>7</text></svg></span>
<span slot="primary-weapon-type">Blazer</span>
<span slot="primary-weapon-damage">4L</span>
@@ -258,49 +258,49 @@
<!-- 2nd Squad, 1st Platoon, 3rd Company, 2nd Battalion<br>
Aldebaran Home Guard -->
</p>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="1" data-troop-allegiance="liao">
+ <div is="soldier-record-block" class="soldier-record" data-number="1" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>1</text></svg></span>
<span slot="primary-weapon-type">Rifle</span>
<span slot="primary-weapon-damage">4L</span>
<span slot="primary-weapon-range-short">1-27</span>
<span slot="primary-weapon-range-long">28-75</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="2" data-troop-allegiance="liao">
+ <div is="soldier-record-block" class="soldier-record" data-number="2" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>2</text></svg></span>
<span slot="primary-weapon-type">Rifle</span>
<span slot="primary-weapon-damage">4L</span>
<span slot="primary-weapon-range-short">1-27</span>
<span slot="primary-weapon-range-long">28-75</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="3" data-troop-allegiance="liao">
+ <div is="soldier-record-block" class="soldier-record" data-number="3" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>3</text></svg></span>
<span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="4" data-troop-allegiance="liao">
+ <div is="soldier-record-block" class="soldier-record" data-number="4" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>4</text></svg></span>
<span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="5" data-troop-allegiance="liao">
+ <div is="soldier-record-block" class="soldier-record" data-number="5" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>5</text></svg></span>
<span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="6" data-troop-allegiance="liao">
+ <div is="soldier-record-block" class="soldier-record" data-number="6" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>6</text></svg></span>
<span slot="primary-weapon-type">SMG</span>
<span slot="primary-weapon-damage">3L</span>
<span slot="primary-weapon-range-short">1-15</span>
<span slot="primary-weapon-range-long">16-25</span>
</div>
- <div is="soldier-record-block" class="soldier-record" data-troop-number="7" data-troop-allegiance="liao">
+ <div is="soldier-record-block" class="soldier-record" data-number="7" data-allegiance="liao">
<span slot="troop-number"><svg viewBox="-5 -5 10 10" xmlns="http://www.w3.org/2000/svg"><circle cx="0" cy="0" r="5"/><text>7</text></svg></span>
<span slot="primary-weapon-type">Blazer</span>
<span slot="primary-weapon-damage">4L</span>
diff --git a/public/style.css b/public/style.css
index a8fa57a..ae19a57 100644
--- a/public/style.css
+++ b/public/style.css
@@ -245,11 +245,11 @@ g#points g.hover use.counter:not(.clone) {
/* stroke-width: 2px; */
}
-g#points use.counter[data-troop-allegiance="davion"] {
+g#points use.counter[data-allegiance="davion"] {
fill: red;
}
-g#points use.counter[data-troop-allegiance="liao"] {
+g#points use.counter[data-allegiance="liao"] {
fill: green;
}
@@ -259,11 +259,11 @@ g#points use.clone {
stroke-dasharray: 1;
}
-g#points use[data-troop-allegiance="davion"].clone {
+g#points use[data-allegiance="davion"].clone {
fill: rgb(255, 126, 126);
}
-g#points use[data-troop-allegiance="liao"].clone {
+g#points use[data-allegiance="liao"].clone {
fill: rgb(130, 190, 130);
}
@@ -284,11 +284,11 @@ g#counters use:hover {
r: 8px;
} */
-/* g#counters use[data-troop-allegiance="davion"] {
+/* g#counters use[data-allegiance="davion"] {
fill: red;
}
-g#counters use[data-troop-allegiance="liao"] {
+g#counters use[data-allegiance="liao"] {
fill: green;
} */
@@ -298,11 +298,11 @@ g#counters use[data-troop-allegiance="liao"] {
stroke-dasharray: 1;
}
-g#counters use[data-troop-allegiance="davion"].clone {
+g#counters use[data-allegiance="davion"].clone {
fill: rgb(255, 126, 126);
}
-g#counters use[data-troop-allegiance="liao"].clone {
+g#counters use[data-allegiance="liao"].clone {
fill: rgb(130, 190, 130);
} */
@@ -321,11 +321,11 @@ text.counter, #troop-counter text {
user-select: none;
}
-polygon.firing-arc[data-troop-allegiance="davion"] {
+polygon.firing-arc[data-allegiance="davion"] {
fill: red;
}
-polygon.firing-arc[data-troop-allegiance="liao"] {
+polygon.firing-arc[data-allegiance="liao"] {
fill: green;
}
@@ -360,11 +360,11 @@ button.set-firing-arc img {
background-color: white;
}
-.soldier-record[data-troop-allegiance="liao"] [slot="troop-number"] svg {
+.soldier-record[data-allegiance="liao"] [slot="troop-number"] svg {
fill: green;
}
-.soldier-record[data-troop-allegiance="davion"] [slot="troop-number"] svg {
+.soldier-record[data-allegiance="davion"] [slot="troop-number"] svg {
fill: red;
}
@@ -384,11 +384,11 @@ button.set-firing-arc img {
font-family: monospace;
}
-.soldier-record[data-troop-allegiance="davion"] [slot="troop-number"] img {
+.soldier-record[data-allegiance="davion"] [slot="troop-number"] img {
fill: red;
}
-.soldier-record[data-troop-allegiance="liao"] [slot="troop-number"] img {
+.soldier-record[data-allegiance="liao"] [slot="troop-number"] img {
fill: green;
}