ccm/btroops
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP: counters

Browse Source
This commit is contained in:
Catalin Constantin Mititiuc
2024-07-02 15:19:17 -07:00
parent 624991870d
commit 71724cc979
6 changed files with 36 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/assets/css/radial.css
View File

@@ -77,7 +77,7 @@ use[href="#hex"] {
}
[data-view-elevation="-1"] #background {
fill: #333;
fill: #999;
}
[data-view-elevation="-1"] .building .elevation-basement {

1
public/assets/css/style.css
View File

@@ -174,6 +174,7 @@ polygon.firing-arc[data-allegiance="attacker"] {
.soldier-record svg.weapon-icon use {
stroke: white;
stroke-width: 0.5px;
r: 6px;
}
.weapon-symbol {

27
public/assets/images/counters.svg
View File

@@ -1,5 +1,6 @@
<?xml version="1.0" standalone="no"?>
<svg viewBox="-6 -6 12 24" xmlns="http://www.w3.org/2000/svg">
<svg viewBox="-6 -6 12 24"
xmlns="http://www.w3.org/2000/svg">
<defs>
<circle id="counter-base" style="r: inherit;" cx="0" cy="0" />
@@ -46,22 +47,28 @@
<g id="rifle" style="r: inherit;" class="weapon-symbol">
<use style="r: inherit;" href="#counter-base"/>
<use href="#semi-auto"/>
<line x1="0" y1="-5" x2="0" y2="5"/>
<polyline style="fill: none;" points="-2,-3.5 0,-5 2,-3.5"/>
<g style="stroke: white; stroke-width: 0.5px; fill: none;">
<use href="#semi-auto" />
<line x1="0" y1="-5" x2="0" y2="5"/>
<polyline points="-2,-3.5 0,-5 2,-3.5"/>
</g>
</g>
<g id="smg" style="r: inherit;" class="weapon-symbol">
<use style="r: inherit;" href="#counter-base"/>
<use href="#auto"/>
<line x1="0" y1="-5" x2="0" y2="4.5"/>
<line x1="-2" y1="4.5" x2="2" y2="4.5"/>
<g style="stroke: white; stroke-width: 0.5px; fill: none;">
<use href="#auto"/>
<line x1="0" y1="-5" x2="0" y2="4.5"/>
<line x1="-2" y1="4.5" x2="2" y2="4.5"/>
</g>
</g>
<g id="blazer" style="r: inherit;" class="weapon-symbol">
<use style="r: inherit;" href="#counter-base"/>
<use href="#auto"/>
<polyline points="0,-5 0,-3 -3,-2.5 3,-1.5 0,-1 0,2.5 -3,3, 3,4 0,4.5 0,5"/>
<polyline points="-2,-3.5 0,-5 2,-3.5"/>
<g style="stroke: white; stroke-width: 0.5px; fill: none;">
<use href="#auto"/>
<polyline points="0,-5 0,-3 -3,-2.5 3,-1.5 0,-1 0,2.5 -3,3, 3,4 0,4.5 0,5"/>
<polyline points="-2,-3.5 0,-5 2,-3.5"/>
</g>
</g>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB