Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
blob: ab525d9280765d4031231bbf87e4915843212f31 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<?xml version="1.0" standalone="no"?>
<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" />

    <g style="r: inherit;" id="number-1">
      <use style="r: inherit;" href="#counter-base"/>
      <text style="fill: var(--text-fill); transform: translateY(var(--translateY))">1</text>
    </g>
    <g style="r: inherit;" id="number-2">
      <use style="r: inherit;" href="#counter-base"/>
      <text style="fill: var(--text-fill); transform: translateY(var(--translateY))">2</text>
    </g>
    <g style="r: inherit;" id="number-3">
      <use style="r: inherit;" href="#counter-base"/>
      <text style="fill: var(--text-fill); transform: translateY(var(--translateY))">3</text>
    </g>
    <g style="r: inherit;" id="number-4">
      <use style="r: inherit;" href="#counter-base"/>
      <text style="fill: var(--text-fill); transform: translateY(var(--translateY))">4</text>
    </g>
    <g style="r: inherit;" id="number-5">
      <use style="r: inherit;" href="#counter-base"/>
      <text style="fill: var(--text-fill); transform: translateY(var(--translateY))">5</text>
    </g>
    <g style="r: inherit;" id="number-6">
      <use style="r: inherit;" href="#counter-base"/>
      <text style="fill: var(--text-fill); transform: translateY(var(--translateY))">6</text>
    </g>
    <g style="r: inherit;" id="number-7">
      <use style="r: inherit;" href="#counter-base"/>
      <text style="fill: var(--text-fill); transform: translateY(var(--translateY))">7</text>
    </g>

    <g id="semi-auto">
      <line x1="-2" y1="1" x2="2" y2="1"/>
      <line x1="-2" y1="2" x2="2" y2="2"/>
    </g>

    <g id="auto">
      <line x1="-2" y1="0" x2="2" y2="0"/>
      <line x1="-2" y1="1" x2="2" y2="1"/>
      <line x1="-2" y1="2" x2="2" y2="2"/>
    </g>
  </defs>

  <g id="rifle" style="r: inherit;" class="weapon-symbol">
    <use style="r: inherit;" href="#counter-base"/>
    <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"/>
    <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"/>
    <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>

  <g id="mech-template" style="pointer-events: none;">
    <clipPath id="mech-template-clip-path" r="36.5">
      <use href="#dead-zone"/>
    </clipPath>
    <mask id="foot-mask">
      <use href="#foot" fill="white"/>
      <use href="#direction-arrow" fill="black" transform="rotate(-60)"/>
    </mask>
    <g id="mech-template-lower" class="lower-body" transform="rotate(0)">
      <g class="feet" style="fill: #706680; fill-opacity: 1;">
        <rect id="foot" class="left" x="-16.25" y="5.75" width="34.5" height="12.25" mask="url(#foot-mask)"/>
        <rect class="right" x="-16.25" y="5.75" width="34.5" height="12.25" mask="url(#foot-mask)" transform="scale(1 -1)"/>
      </g>
      <g style="stroke: black; stroke-opacity: 1">
        <circle id="dead-zone" r="36.5"/>
        <path id="direction-arrow" d="M -14.5,-3.75 v 7.5 L -23.5,0 Z"/>
        <use href="#direction-arrow" transform="scale(-1)"/>
        <use href="#direction-arrow" transform="rotate(60)"/>
        <use href="#direction-arrow" transform="rotate(-60)"/>
      </g>
    </g>

    <g id="mech-template-upper" class="upper-body" style="stroke: black; stroke-opacity: 1;" clip-path="url(#mech-template-clip-path)" transform="rotate(0)">
      <!--<g class="wireframe" stroke-width="5" fill="white" opacity="0.5">-->
      <!--  <g transform="translate(-34.25) scale(0.1)">-->
      <!--    <path class="head" d="m 4.0908417,-9.04338 h -8.48997 l -4.35295,4.52169 -0.35295,4.52169 0.35295,4.52169 4.35295,4.52169 h 8.48997 l 5.01571,-6.78253 v -4.52169 z"/>-->
      <!--    <path class="center-torso" d="M 73.496377,-7.22566 62.633758,-15.5316 h -5.2888 l -10.738522,-5.17999 -9.0667,-4.24937 -21.406323,5.89156 v 8.7238 l -5.15397,6.09354 V 4.2521 l 5.15397,6.09354 v 8.7238 l 21.406323,5.89156 9.0667,-4.24937 10.738522,-5.17999 h 5.2888 L 73.496377,7.2257 Z"/>-->
      <!--    <path class="right-torso" d="m -6.7520783,-6.59922 v -15.79032 l 5.82424995,-9.29935 3.60677005,3.98845 11.8111303,-6.13081 17.149371,-4.77374 17.391083,9.43268 v 6.31519 l -2.42409,2.14553 -9.0667,-4.24937 -21.406323,5.89156 v 8.7238 l -5.15397,6.09354 -3.5080213,-0.21991 -3.38058,-4.57141 h -8.48997 z"/>-->
      <!--    <path class="right-arm" d="m -0.92782835,-31.68889 3.60677005,3.98845 11.8111313,-6.13081 2.62276,-7.31338 8.63276,-4.29671 3.05582,-0.30739 2.10841,-2.47261 5.200374,-0.5805 2.930309,-3.36555 3.11131,0.0171 2.38505,4.12288 3.79966,-0.78512 1.46152,-3.42842 2.544481,-0.40266 2.30883,3.63323 24.656381,-6.33811 3.864819,-0.15867 2.81442,-2.76434 5.4953,0.15451 2.155511,3.94225 4.18179,-0.21209 3.609612,-5.69279 -0.0402,-6.30448 -5.203753,-4.14746 -4.90958,-1.99715 -2.48602,-4.3639 -45.763211,11.0802 -3.16957,3.57392 -10.812734,5.81498 -4.90248,0.15313 -2.51173,1.04053 h -4.29739 v 1.77544 h -6.21302 L 0.32187165,-41.24826 Z"/>-->
      <!--    <path class="left-torso" d="m -6.7520783,6.59926 v 15.79032 l 5.82424995,9.29935 3.60677005,-3.98845 11.8111303,6.13081 17.149371,4.77374 17.391083,-9.43268 v -6.31519 l -2.42409,-2.14553 -9.0667,4.24937 -21.406323,-5.89156 v -8.7238 L 10.979443,4.2521 7.4714217,4.47201 4.0908417,9.04342 h -8.48997 z"/>-->
      <!--    <path class="left-arm" d="m -0.92782835,31.68893 3.60677005,-3.98845 11.8111313,6.13081 2.62276,7.31338 8.63276,4.29671 3.05582,0.30739 2.10841,2.47261 5.200374,0.5805 2.930309,3.36555 3.11131,-0.0171 2.38505,-4.12288 3.79966,0.78512 1.46152,3.42842 2.544481,0.40266 2.30883,-3.63323 24.656381,6.338108 3.864819,0.15867 2.81442,2.76434 5.4953,-0.15451 2.155511,-3.94225 4.18179,0.21209 3.609612,5.69279 -0.0402,6.30448 -5.203753,4.14746 -4.90958,1.99715 -2.48602,4.3639 -45.763211,-11.0802 -3.16957,-3.57392 -10.812734,-5.81498 -4.90248,-0.15313 -2.51173,-1.04053 h -4.29739 V 53.45445 h -6.21302 L 0.32187165,41.2483 Z"/>-->
      <!--  </g>-->
      <!--  <g transform="translate(-22, -18) scale(0.1)">-->
      <!--    <path class="right-torso" d="m -6.7520783,-6.59922 v -15.79032 l 5.82424995,-9.29935 3.60677005,3.98845 11.8111303,-6.13081 17.149371,-4.77374 17.391083,9.43268 v 6.31519 l -2.42409,2.14553 -9.0667,-4.24937 -21.406323,5.89156 v 8.7238 l -5.15397,6.09354 -3.5080213,-0.21991 -3.38058,-4.57141 h -8.48997 z"/>-->
      <!--    <path class="right-arm" d="m -0.92782835,-31.68889 3.60677005,3.98845 11.8111313,-6.13081 2.62276,-7.31338 8.63276,-4.29671 3.05582,-0.30739 2.10841,-2.47261 5.200374,-0.5805 2.930309,-3.36555 3.11131,0.0171 2.38505,4.12288 3.79966,-0.78512 1.46152,-3.42842 2.544481,-0.40266 2.30883,3.63323 24.656381,-6.33811 3.864819,-0.15867 2.81442,-2.76434 5.4953,0.15451 2.155511,3.94225 4.18179,-0.21209 3.609612,-5.69279 -0.0402,-6.30448 -5.203753,-4.14746 -4.90958,-1.99715 -2.48602,-4.3639 -45.763211,11.0802 -3.16957,3.57392 -10.812734,5.81498 -4.90248,0.15313 -2.51173,1.04053 h -4.29739 v 1.77544 h -6.21302 L 0.32187165,-41.24826 Z"/>-->
      <!--  </g>-->
      <!--  <g transform="translate(-22, 18) scale(0.1)">-->
      <!--    <path class="left-torso" d="m -6.7520783,6.59926 v 15.79032 l 5.82424995,9.29935 3.60677005,-3.98845 11.8111303,6.13081 17.149371,4.77374 17.391083,-9.43268 v -6.31519 l -2.42409,-2.14553 -9.0667,4.24937 -21.406323,-5.89156 v -8.7238 L 10.979443,4.2521 7.4714217,4.47201 4.0908417,9.04342 h -8.48997 z"/>-->
      <!--    <path class="left-arm" d="m -0.92782835,31.68893 3.60677005,-3.98845 11.8111313,6.13081 2.62276,7.31338 8.63276,4.29671 3.05582,0.30739 2.10841,2.47261 5.200374,0.5805 2.930309,3.36555 3.11131,-0.0171 2.38505,-4.12288 3.79966,0.78512 1.46152,3.42842 2.544481,0.40266 2.30883,-3.63323 24.656381,6.338108 3.864819,0.15867 2.81442,2.76434 5.4953,-0.15451 2.155511,-3.94225 4.18179,0.21209 3.609612,5.69279 -0.0402,6.30448 -5.203753,4.14746 -4.90958,1.99715 -2.48602,4.3639 -45.763211,-11.0802 -3.16957,-3.57392 -10.812734,-5.81498 -4.90248,-0.15313 -2.51173,-1.04053 h -4.29739 V 53.45445 h -6.21302 L 0.32187165,41.2483 Z"/>-->
      <!--  </g>-->
      <!--  <g transform="translate(4, -20) scale(0.1)">-->
      <!--    <path class="right-arm" d="m -0.92782835,-31.68889 3.60677005,3.98845 11.8111313,-6.13081 2.62276,-7.31338 8.63276,-4.29671 3.05582,-0.30739 2.10841,-2.47261 5.200374,-0.5805 2.930309,-3.36555 3.11131,0.0171 2.38505,4.12288 3.79966,-0.78512 1.46152,-3.42842 2.544481,-0.40266 2.30883,3.63323 24.656381,-6.33811 3.864819,-0.15867 2.81442,-2.76434 5.4953,0.15451 2.155511,3.94225 4.18179,-0.21209 3.609612,-5.69279 -0.0402,-6.30448 -5.203753,-4.14746 -4.90958,-1.99715 -2.48602,-4.3639 -45.763211,11.0802 -3.16957,3.57392 -10.812734,5.81498 -4.90248,0.15313 -2.51173,1.04053 h -4.29739 v 1.77544 h -6.21302 L 0.32187165,-41.24826 Z"/>-->
      <!--  </g>-->
      <!--  <g transform="translate(4, 20) scale(0.1)">-->
      <!--    <path class="left-arm" d="m -0.92782835,31.68893 3.60677005,-3.98845 11.8111313,6.13081 2.62276,7.31338 8.63276,4.29671 3.05582,0.30739 2.10841,2.47261 5.200374,0.5805 2.930309,3.36555 3.11131,-0.0171 2.38505,-4.12288 3.79966,0.78512 1.46152,3.42842 2.544481,0.40266 2.30883,-3.63323 24.656381,6.338108 3.864819,0.15867 2.81442,2.76434 5.4953,-0.15451 2.155511,-3.94225 4.18179,0.21209 3.609612,5.69279 -0.0402,6.30448 -5.203753,4.14746 -4.90958,1.99715 -2.48602,4.3639 -45.763211,-11.0802 -3.16957,-3.57392 -10.812734,-5.81498 -4.90248,-0.15313 -2.51173,-1.04053 h -4.29739 V 53.45445 h -6.21302 L 0.32187165,41.2483 Z"/>-->
      <!--  </g>-->
      <!--</g>-->
      <!--<image href="mech_template.png" width="77" height="77" transform="translate(-38.75, -38.5)"/>-->
      <path class="front" d="M -34.64,-15 -21.65,-7.5 M -34.64,15 -21.65,7.5"/>
      <path class="side" d="M -4.33,-37.5 -4.33,-22.5 M -4.33,37.5 -4.33,22.5"/>
      <path class="rear" d="M 34.64,-15 21.65,-7.5 M 34.64,15 21.65,7.5"/>
      <!--<polyline points="-32,-2 -33,0, -32,2"/>-->
      <line x1="-31" y1="0" x2="-26" y2="0"/>
    </g>
  </g>

  <g id="standing-mech-template">
    <image href="counter-sheet-mech-template.png" opacity="0.5" width="74.5" height="74.5" transform="translate(-37.25 -37.25)"/>
  </g>

  <g id="fallen-mech-template">
    <image href="counter-sheet-fallen-mech-template.png" opacity="0.5" width="66" height="26.5" transform="translate(-25 -13.25)"/>
  </g>

  <g id="vehicle-template">
    <image href="counter-sheet-vehicle-template.png" opacity="0.5" width="74.5" height="57.5" transform="translate(-37.25 -28.75)"/>
  </g>
</svg>