Web Dev Solutions

Catalin Mititiuc

aboutsummaryrefslogtreecommitdiff
blob: 1e597635f746ca4823b8337750c4ea59ac408937 (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
<?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" fill="white" r="36.5">
      <circle r="36.5"/>
    </clipPath>
    <g transform="rotate(0)">
      <image href="mech_template.png" width="77" height="77" transform="translate(-38.75, -38.5)" style="opacity: 0.2"/>
      <g class="feet" style="fill: red; fill-opacity: 0.5;">
        <rect class="left" x="-16.25" y="5.75" width="34.5" height="12.25"/>
        <rect class="right" x="-16.25" y="5.75" width="34.5" height="12.25" transform="scale(1 -1)"/>
      </g>
      <g style="stroke: red; stroke-opacity: 0.5">
        <circle r="36.5"/>
        <polyline points="-20,-3 -22,0 -20,3" fill="none"/>
        <g clip-path="url(#mech-template-clip-path)">
          <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"/>
        </g>
      </g>
    </g>
  </g>
</svg>