pdap-design-system 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,349 @@
1
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2
+
3
+ /* Document
4
+ ========================================================================== */
5
+
6
+ /**
7
+ * 1. Correct the line height in all browsers.
8
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
9
+ */
10
+
11
+ html {
12
+ line-height: 1.15; /* 1 */
13
+ -webkit-text-size-adjust: 100%; /* 2 */
14
+ }
15
+
16
+ /* Sections
17
+ ========================================================================== */
18
+
19
+ /**
20
+ * Remove the margin in all browsers.
21
+ */
22
+
23
+ body {
24
+ margin: 0;
25
+ }
26
+
27
+ /**
28
+ * Render the `main` element consistently in IE.
29
+ */
30
+
31
+ main {
32
+ display: block;
33
+ }
34
+
35
+ /**
36
+ * Correct the font size and margin on `h1` elements within `section` and
37
+ * `article` contexts in Chrome, Firefox, and Safari.
38
+ */
39
+
40
+ h1 {
41
+ font-size: 2em;
42
+ margin: 0.67em 0;
43
+ }
44
+
45
+ /* Grouping content
46
+ ========================================================================== */
47
+
48
+ /**
49
+ * 1. Add the correct box sizing in Firefox.
50
+ * 2. Show the overflow in Edge and IE.
51
+ */
52
+
53
+ hr {
54
+ box-sizing: content-box; /* 1 */
55
+ height: 0; /* 1 */
56
+ overflow: visible; /* 2 */
57
+ }
58
+
59
+ /**
60
+ * 1. Correct the inheritance and scaling of font size in all browsers.
61
+ * 2. Correct the odd `em` font sizing in all browsers.
62
+ */
63
+
64
+ pre {
65
+ font-family: monospace, monospace; /* 1 */
66
+ font-size: 1em; /* 2 */
67
+ }
68
+
69
+ /* Text-level semantics
70
+ ========================================================================== */
71
+
72
+ /**
73
+ * Remove the gray background on active links in IE 10.
74
+ */
75
+
76
+ a {
77
+ background-color: transparent;
78
+ }
79
+
80
+ /**
81
+ * 1. Remove the bottom border in Chrome 57-
82
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
83
+ */
84
+
85
+ abbr[title] {
86
+ border-bottom: none; /* 1 */
87
+ text-decoration: underline; /* 2 */
88
+ text-decoration: underline dotted; /* 2 */
89
+ }
90
+
91
+ /**
92
+ * Add the correct font weight in Chrome, Edge, and Safari.
93
+ */
94
+
95
+ b,
96
+ strong {
97
+ font-weight: bolder;
98
+ }
99
+
100
+ /**
101
+ * 1. Correct the inheritance and scaling of font size in all browsers.
102
+ * 2. Correct the odd `em` font sizing in all browsers.
103
+ */
104
+
105
+ code,
106
+ kbd,
107
+ samp {
108
+ font-family: monospace, monospace; /* 1 */
109
+ font-size: 1em; /* 2 */
110
+ }
111
+
112
+ /**
113
+ * Add the correct font size in all browsers.
114
+ */
115
+
116
+ small {
117
+ font-size: 80%;
118
+ }
119
+
120
+ /**
121
+ * Prevent `sub` and `sup` elements from affecting the line height in
122
+ * all browsers.
123
+ */
124
+
125
+ sub,
126
+ sup {
127
+ font-size: 75%;
128
+ line-height: 0;
129
+ position: relative;
130
+ vertical-align: baseline;
131
+ }
132
+
133
+ sub {
134
+ bottom: -0.25em;
135
+ }
136
+
137
+ sup {
138
+ top: -0.5em;
139
+ }
140
+
141
+ /* Embedded content
142
+ ========================================================================== */
143
+
144
+ /**
145
+ * Remove the border on images inside links in IE 10.
146
+ */
147
+
148
+ img {
149
+ border-style: none;
150
+ }
151
+
152
+ /* Forms
153
+ ========================================================================== */
154
+
155
+ /**
156
+ * 1. Change the font styles in all browsers.
157
+ * 2. Remove the margin in Firefox and Safari.
158
+ */
159
+
160
+ button,
161
+ input,
162
+ optgroup,
163
+ select,
164
+ textarea {
165
+ font-family: inherit; /* 1 */
166
+ font-size: 100%; /* 1 */
167
+ line-height: 1.15; /* 1 */
168
+ margin: 0; /* 2 */
169
+ }
170
+
171
+ /**
172
+ * Show the overflow in IE.
173
+ * 1. Show the overflow in Edge.
174
+ */
175
+
176
+ button,
177
+ input { /* 1 */
178
+ overflow: visible;
179
+ }
180
+
181
+ /**
182
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
183
+ * 1. Remove the inheritance of text transform in Firefox.
184
+ */
185
+
186
+ button,
187
+ select { /* 1 */
188
+ text-transform: none;
189
+ }
190
+
191
+ /**
192
+ * Correct the inability to style clickable types in iOS and Safari.
193
+ */
194
+
195
+ button,
196
+ [type="button"],
197
+ [type="reset"],
198
+ [type="submit"] {
199
+ -webkit-appearance: button;
200
+ }
201
+
202
+ /**
203
+ * Remove the inner border and padding in Firefox.
204
+ */
205
+
206
+ button::-moz-focus-inner,
207
+ [type="button"]::-moz-focus-inner,
208
+ [type="reset"]::-moz-focus-inner,
209
+ [type="submit"]::-moz-focus-inner {
210
+ border-style: none;
211
+ padding: 0;
212
+ }
213
+
214
+ /**
215
+ * Restore the focus styles unset by the previous rule.
216
+ */
217
+
218
+ button:-moz-focusring,
219
+ [type="button"]:-moz-focusring,
220
+ [type="reset"]:-moz-focusring,
221
+ [type="submit"]:-moz-focusring {
222
+ outline: 1px dotted ButtonText;
223
+ }
224
+
225
+ /**
226
+ * Correct the padding in Firefox.
227
+ */
228
+
229
+ fieldset {
230
+ padding: 0.35em 0.75em 0.625em;
231
+ }
232
+
233
+ /**
234
+ * 1. Correct the text wrapping in Edge and IE.
235
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
236
+ * 3. Remove the padding so developers are not caught out when they zero out
237
+ * `fieldset` elements in all browsers.
238
+ */
239
+
240
+ legend {
241
+ box-sizing: border-box; /* 1 */
242
+ color: inherit; /* 2 */
243
+ display: table; /* 1 */
244
+ max-width: 100%; /* 1 */
245
+ padding: 0; /* 3 */
246
+ white-space: normal; /* 1 */
247
+ }
248
+
249
+ /**
250
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
251
+ */
252
+
253
+ progress {
254
+ vertical-align: baseline;
255
+ }
256
+
257
+ /**
258
+ * Remove the default vertical scrollbar in IE 10+.
259
+ */
260
+
261
+ textarea {
262
+ overflow: auto;
263
+ }
264
+
265
+ /**
266
+ * 1. Add the correct box sizing in IE 10.
267
+ * 2. Remove the padding in IE 10.
268
+ */
269
+
270
+ [type="checkbox"],
271
+ [type="radio"] {
272
+ box-sizing: border-box; /* 1 */
273
+ padding: 0; /* 2 */
274
+ }
275
+
276
+ /**
277
+ * Correct the cursor style of increment and decrement buttons in Chrome.
278
+ */
279
+
280
+ [type="number"]::-webkit-inner-spin-button,
281
+ [type="number"]::-webkit-outer-spin-button {
282
+ height: auto;
283
+ }
284
+
285
+ /**
286
+ * 1. Correct the odd appearance in Chrome and Safari.
287
+ * 2. Correct the outline style in Safari.
288
+ */
289
+
290
+ [type="search"] {
291
+ -webkit-appearance: textfield; /* 1 */
292
+ outline-offset: -2px; /* 2 */
293
+ }
294
+
295
+ /**
296
+ * Remove the inner padding in Chrome and Safari on macOS.
297
+ */
298
+
299
+ [type="search"]::-webkit-search-decoration {
300
+ -webkit-appearance: none;
301
+ }
302
+
303
+ /**
304
+ * 1. Correct the inability to style clickable types in iOS and Safari.
305
+ * 2. Change font properties to `inherit` in Safari.
306
+ */
307
+
308
+ ::-webkit-file-upload-button {
309
+ -webkit-appearance: button; /* 1 */
310
+ font: inherit; /* 2 */
311
+ }
312
+
313
+ /* Interactive
314
+ ========================================================================== */
315
+
316
+ /*
317
+ * Add the correct display in Edge, IE 10+, and Firefox.
318
+ */
319
+
320
+ details {
321
+ display: block;
322
+ }
323
+
324
+ /*
325
+ * Add the correct display in all browsers.
326
+ */
327
+
328
+ summary {
329
+ display: list-item;
330
+ }
331
+
332
+ /* Misc
333
+ ========================================================================== */
334
+
335
+ /**
336
+ * Add the correct display in IE 10+.
337
+ */
338
+
339
+ template {
340
+ display: none;
341
+ }
342
+
343
+ /**
344
+ * Add the correct display in IE 10.
345
+ */
346
+
347
+ [hidden] {
348
+ display: none;
349
+ }
@@ -0,0 +1,184 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <title>PDAP design system</title>
6
+ <meta content="width=device-width, initial-scale=1" name="viewport">
7
+ <meta name="description" content="Design system for the Police Data Accessibility Project and its services.">
8
+ <meta name="keywords" content="design, system, design system">
9
+ <link href="css/normalize.css" rel="stylesheet" type="text/css">
10
+ <link href="css/global-styles.css" rel="stylesheet" type="text/css">
11
+ <link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
12
+ <script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
13
+ <script type="text/javascript">WebFont.load({ google: { families: ["Libre Franklin:100,200,300,regular,500,600,700,800,900,100italic,200italic,300italic,italic,500italic,600italic,700italic,800italic,900italic"] }});</script>
14
+ <link rel="preconnect" href="https://fonts.googleapis.com">
15
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
16
+ <link href="https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,600;0,900;1,400;1,600;1,900&display=swap" rel="stylesheet">
17
+ <!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
18
+ <!-- Global site tag (gtag.js) - Google Analytics -->
19
+ <script async src="https://www.googletagmanager.com/gtag/js?id=G-REKS6B95BL"></script>
20
+ <script>
21
+ window.dataLayer = window.dataLayer || [];
22
+ function gtag(){dataLayer.push(arguments);}
23
+ gtag('js', new Date());
24
+ gtag('config', 'G-REKS6B95BL');
25
+ </script>
26
+ <!-- Google ads tag (gtag.js) -->
27
+ <script async src="https://www.googletagmanager.com/gtag/js?id=AW-11016541790"></script>
28
+ <script>
29
+ window.dataLayer = window.dataLayer || [];
30
+ function gtag(){dataLayer.push(arguments);}
31
+ gtag('js', new Date());
32
+ gtag('config', 'AW-11016541790');
33
+ </script>
34
+ <!-- Event snippet for newsletter signup conversion page
35
+ In your html page, add the snippet and call gtag_report_conversion when someone clicks on the chosen link or button. -->
36
+ <script>
37
+ function gtag_report_conversion(url) {
38
+ var callback = function () {
39
+ if (typeof(url) != 'undefined') {
40
+ window.location = url;
41
+ }
42
+ };
43
+ gtag('event', 'conversion', {
44
+ 'send_to': 'AW-11016541790/BTkiCN2cyoEYEN6sjIUp',
45
+ 'event_callback': callback
46
+ });
47
+ return false;
48
+ }
49
+ </script>
50
+ <link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
51
+ <link href="images/webclip.gif" rel="apple-touch-icon">
52
+ </head>
53
+ <body>
54
+ <div data-collapse="medium" data-animation="default" data-duration="400" role="banner" class="navbar nav">
55
+ <a href="index.html" aria-current="page" class="brand nav-brand current"><img src="images/lockup.svg" loading="lazy" width="250" alt="Police Data Accessibility Project Logo" class="logo"></a>
56
+ <div class="nav-container-last">
57
+ <div class="nav-container container">
58
+ <div class="menu-button nav-button">
59
+ <div class="nav-menu-icon"></div>
60
+ </div>
61
+ </div>
62
+ </div>
63
+ <nav role="navigation" class="nav-menu nav-menu">
64
+ <a href="index.html" aria-current="page" class="nav-link nav-link">Home</a>
65
+ <a href="data-sources.html" aria-current="page" class="nav-link nav-link current">Current page</a>
66
+ <a href="donate.html" class="nav-link nav-link">Page</a>
67
+ </nav>
68
+ </div>
69
+ <div class="section">
70
+ <div class="container">
71
+ <h1 class="shout">Shout</h1>
72
+ <p>For big messages, saying big things.</p>
73
+ <h1>Heading 1</h1>
74
+ <p>This is a paragraph. There's a max line length, so that things stay readable at unexpected screen and font sizes. The text is large to encourage brevity and readability.</p>
75
+ <h2>Heading 2</h2>
76
+ <p>Another paragraph.</p>
77
+ <h3>Heading 3</h3>
78
+ <p>This paragraph has <code>&lt;code&gt;</code> in it.</p>
79
+ <h4>Heading 4</h4>
80
+ <div>
81
+ <pre><code>This is a whole code block!
82
+ It has many lines.</code></pre>
83
+ </div>
84
+ <h5>Heading <code>code</code> 5</h5>
85
+ <p>Another paragraph.</p>
86
+ <h6>Heading 6</h6>
87
+ <div class="small">
88
+ <p>Another paragraph, inside a div with class "small".</p>
89
+ </div>
90
+ </div>
91
+ </div>
92
+ <div class="section">
93
+ <div class="container small">
94
+ <h3>Testimonials</h3>
95
+ <div class="boxed">
96
+ <p class="quote">“PDAP's work was invaluable in helping us find and access data we otherwise wouldn't have been able to.”</p>
97
+ <p class="citation">&mdash;Dr. Jesse Wozniak, Director of Law & Public Policy at the <a href="https://apa-pgh.org/">Alliance for Police Accountability</a></p>
98
+ </div>
99
+ </div>
100
+ </div>
101
+ <div class="section">
102
+ <div class="container">
103
+ <div class="layout-grid grid-2">
104
+ <div class="shout-box grid-span-2">
105
+ <h1 class="shout">This is a grid layout.<br></h1>
106
+ <p class="bottom-0">The grid is our main tool for layout. The div containing this paragraph and the header above it spans multiple grid columns.</p>
107
+ </div>
108
+ <div>
109
+ <h3>This doesn't span columns.</h3>
110
+ <p>Here's a button though!</p>
111
+ <a href="https://airtable.com/shrbFfWk6fjzGnNsk"><div class="button">Normal button.</div></a>
112
+ </div>
113
+ <div>
114
+ <h3>Neither does this.</h3>
115
+ <p>This is a deprioritized button.</p>
116
+ <a href="https://airtable.com/shrS4PAZTYVT1zSq8"><div class="button button-outline">Outline button.</div></a>
117
+ </div>
118
+ </div>
119
+ <div class="layout-grid grid-3">
120
+ <h2 class="grid-span-3 top-45 bottom-0">More grids</h2>
121
+ <div>
122
+ <p>For some applications, we will need custom grids.</p>
123
+ </div>
124
+ <div>
125
+ <p>Instead of <code>grid-3</code>, make a new custom grid class with the right column widths.</p>
126
+ </div>
127
+ <div>
128
+ <p>You may want to override the spacing, too!</p>
129
+ </div>
130
+ </div>
131
+ </div>
132
+ </div>
133
+ <div class="section">
134
+ <div class="container">
135
+ <div class="form">
136
+ <h3>Here's a little form.</h3>
137
+ <p class="small">We could use more styles for these.</p>
138
+ <form action="https://buttondown.email/api/emails/embed-subscribe/pdap" method="post" target="popupwindow" onsubmit="window.open('https://buttondown.email/pdap', 'popupwindow')" style="max-width:500px;">
139
+ <input type="email" class="input input-text" maxlength="256" name="email" id="bd-email" placeholder="Placeholder..."/>
140
+ <input type="submit" class="button" value="Get Updates"/>
141
+ </form>
142
+ </div>
143
+ </div>
144
+ </div>
145
+ <div class="section">
146
+ <div class="container">
147
+ <div class="layout-grid grid-2 top-45">
148
+ <h2 class="grid-span-2">How do you make nice tiles with icons?</h2>
149
+ <div>
150
+ <img class="tile-icon" src="images/icons/automation.svg">
151
+ <h3>Good question.</h3>
152
+ <p>Here's how you do it! These are custom SVG icons.</p>
153
+ </div>
154
+ <div>
155
+ <img class="tile-icon" src="images/icons/standard.svg">
156
+ <h3>This is another tile.</h3>
157
+ <p><i class="fa fa-info-circle"></i> Here's how to do a <a href="https://fontawesome.com/">fontawesome</a> icon.</p>
158
+ </div>
159
+ </div>
160
+ </div>
161
+ </div>
162
+ <div class="section">
163
+ <div class="airtable-box">
164
+ <div class="container">
165
+ <p><a href="https://airtable.com/shrUAtA8qYasEaepI">Always link to the source</a> of an embed.</p>
166
+ </div>
167
+ <iframe class="airtable-embed" src="https://airtable.com/embed/shrUAtA8qYasEaepI?backgroundColor=gray&viewControls=on" frameborder="0" onmousewheel="scroll" width="100%" height="750" style="background: transparent; border: 1px solid #512a4f;"></iframe>
168
+ </div>
169
+ </div>
170
+ <div class="footer section">
171
+ <div class="container">
172
+ <div class="footer-actions">
173
+ <a href="https://github.com/orgs/Police-Data-Accessibility-Project" class="button button-footer">GitHub</a>
174
+ <a href="https://discord.gg/wMqex8nKZJ" class="button button-footer">Discord</a>
175
+ <a href="https://www.linkedin.com/company/pdap" class="button button-footer">LinkedIn</a>
176
+ </div>
177
+ <p class="footer-p">© 2023 Police Data Accessibility Project<br></p>
178
+ <p class="footer-p">PDAP is a non-profit. EIN: 85-4207132. <a href="https://docs.pdap.io/meta/policy/pdap-privacy-policy" alt="Privacy Policy">Privacy Policy</a>. <a href="mailto:contact@pdap.io">contact@pdap.io</a><br><br></p>
179
+ <p class="footer-p"><a href="https://www.guidestar.org/profile/85-4207132" target="_blank"><img src="https://widgets.guidestar.org/gximage2?o=9973356&l=v4" /></a><img src="images/acronym.svg" loading="lazy" width="150" alt="" class="footer-logo"></p>
180
+ </div>
181
+ </div>
182
+ <!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
183
+ </body>
184
+ </html>
@@ -0,0 +1,16 @@
1
+ <?xml version="1.0" encoding="utf-8"?>
2
+ <!-- Generator: Adobe Illustrator 24.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
3
+ <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
4
+ viewBox="0 0 113.8 86.1" style="enable-background:new 0 0 113.8 86.1;" xml:space="preserve">
5
+ <path d="M0,80.9L21.5,2.6h5.1L5.1,80.9H0z"/>
6
+ <polygon points="78.8,20.4 61.8,20.4 75,7.2 71.1,3.2 58.4,15.8 58.4,0 52.8,0 52.8,15.8 40.2,3.2 36.2,7.2 49.5,20.4 32.5,20.4
7
+ 32.5,26 48.3,26 36.2,38 40.2,42 52.8,29.3 52.8,46.3 58.4,46.3 58.4,29.3 71.1,42 75,38 63,26 78.8,26 "/>
8
+ <path d="M42.1,71.1h-2.6v9.1h-5V57.3h7.6c5.1,0,8.4,2.4,8.4,6.7S47.3,71.1,42.1,71.1z M42.1,61.5h-2.6v5.3h2.6
9
+ c2.3,0,3.3-0.9,3.3-2.7S44.3,61.5,42.1,61.5z"/>
10
+ <path d="M60.5,80.1h-6.9V57.3h6.9c6.5,0,11.9,4,11.9,11.4C72.4,76.2,66.6,80.1,60.5,80.1z M60.5,61.5h-1.9v14.4h1.9
11
+ c4.3,0,6.7-3.4,6.7-7.2S64.5,61.5,60.5,61.5z"/>
12
+ <path d="M88.7,80.1L87,74.4h-7l-1.8,5.8h-5.3l8.2-22.9h4.8l8.3,22.9h-5.5V80.1z M84,64.6c-0.2-0.7-0.5-1.6-0.5-1.8
13
+ c0,0.1-0.2,1-0.5,1.8l-1.7,5.6h4.4L84,64.6z"/>
14
+ <path d="M104.7,71.1h-2.6v9.1h-5V57.3h7.6c5.1,0,8.4,2.4,8.4,6.7S109.8,71.1,104.7,71.1z M104.7,61.5h-2.6v5.3h2.6
15
+ c2.3,0,3.3-0.9,3.3-2.7S106.9,61.5,104.7,61.5z"/>
16
+ </svg>
Binary file
@@ -0,0 +1,50 @@
1
+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: none;
6
+ }
7
+
8
+ .cls-1, .cls-2 {
9
+ stroke: #231f20;
10
+ stroke-linecap: round;
11
+ stroke-linejoin: round;
12
+ stroke-width: 5px;
13
+ }
14
+
15
+ .cls-2 {
16
+ fill: #fff;
17
+ }
18
+ </style>
19
+ </defs>
20
+ <title>Artboard 3</title>
21
+ <path class="cls-1" d="M49.8842,50H250.1158A12.3842,12.3842,0,0,1,262.5,62.3842V87.5a0,0,0,0,1,0,0H37.5a0,0,0,0,1,0,0V62.3842A12.3842,12.3842,0,0,1,49.8842,50Z"/>
22
+ <path class="cls-1" d="M262.5,235.3428V87.5H37.5V235.3428a11.9126,11.9126,0,0,0,11.9126,11.9126H250.5874A11.9126,11.9126,0,0,0,262.5,235.3428Z"/>
23
+ <line class="cls-1" x1="62.5" y1="37.5" x2="62.5" y2="62.5"/>
24
+ <line class="cls-1" x1="237.5" y1="37.5" x2="237.5" y2="62.5"/>
25
+ <line class="cls-1" x1="137.5" y1="112.5" x2="112.5" y2="112.5"/>
26
+ <line class="cls-1" x1="237.5" y1="112.5" x2="212.5" y2="112.5"/>
27
+ <line class="cls-1" x1="137.5" y1="137.5" x2="112.5" y2="137.5"/>
28
+ <line class="cls-1" x1="187.5" y1="137.5" x2="162.5" y2="137.5"/>
29
+ <line class="cls-1" x1="237.5" y1="137.5" x2="212.5" y2="137.5"/>
30
+ <line class="cls-1" x1="137.5" y1="162.5" x2="112.5" y2="162.5"/>
31
+ <line class="cls-1" x1="187.5" y1="162.5" x2="162.5" y2="162.5"/>
32
+ <line class="cls-1" x1="137.5" y1="187.5" x2="112.5" y2="187.5"/>
33
+ <line class="cls-1" x1="187.5" y1="187.5" x2="162.5" y2="187.5"/>
34
+ <line class="cls-1" x1="237.5" y1="187.5" x2="212.5" y2="187.5"/>
35
+ <line class="cls-1" x1="87.5" y1="212.5" x2="62.5" y2="212.5"/>
36
+ <line class="cls-1" x1="137.5" y1="212.5" x2="112.5" y2="212.5"/>
37
+ <line class="cls-1" x1="237.5" y1="212.5" x2="212.5" y2="212.5"/>
38
+ <polyline class="cls-1" points="65.019 112.5 72.179 119.659 86.497 105.341"/>
39
+ <polyline class="cls-1" points="65.019 137.5 72.179 144.659 86.497 130.341"/>
40
+ <polyline class="cls-1" points="65.019 162.5 72.179 169.659 86.497 155.341"/>
41
+ <polyline class="cls-1" points="65.019 187.5 72.179 194.659 86.497 180.341"/>
42
+ <polyline class="cls-1" points="165.019 212.5 172.179 219.659 186.497 205.341"/>
43
+ <polyline class="cls-1" points="215.019 162.5 222.179 169.659 236.497 155.341"/>
44
+ <polyline class="cls-1" points="165.019 112.5 172.179 119.659 186.497 105.341"/>
45
+ <circle class="cls-2" cx="262.5" cy="250" r="27.7446"/>
46
+ <g>
47
+ <rect class="cls-1" x="250" y="244.1426" width="25" height="20.8333"/>
48
+ <path class="cls-1" d="M270.8333,239.9759a8.3333,8.3333,0,0,0-16.6666,0v4.1667h16.6666Z"/>
49
+ </g>
50
+ </svg>
@@ -0,0 +1,38 @@
1
+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300">
2
+ <defs>
3
+ <style>
4
+ .cls-1 {
5
+ fill: none;
6
+ stroke: #231f20;
7
+ stroke-linecap: round;
8
+ stroke-linejoin: round;
9
+ stroke-width: 5px;
10
+ }
11
+ </style>
12
+ </defs>
13
+ <title>Artboard 4</title>
14
+ <circle class="cls-1" cx="93.071" cy="118.9739" r="12.1991"/>
15
+ <polygon class="cls-1" points="72.739 139.306 113.403 139.306 93.071 212.5 72.739 139.306"/>
16
+ <circle class="cls-1" cx="150" cy="98.2951" r="12.1991"/>
17
+ <polygon class="cls-1" points="129.668 118.627 170.332 118.627 150 191.821 129.668 118.627"/>
18
+ <circle class="cls-1" cx="206.929" cy="118.9739" r="12.1991"/>
19
+ <polygon class="cls-1" points="186.597 139.306 227.261 139.306 206.929 212.5 186.597 139.306"/>
20
+ <line class="cls-1" x1="150" y1="31.2636" x2="150" y2="41.1966"/>
21
+ <line class="cls-1" x1="150" y1="255.4984" x2="150" y2="280.5261"/>
22
+ <line class="cls-1" x1="105.7639" y1="30.5834" x2="114.962" y2="55.8549"/>
23
+ <line class="cls-1" x1="187.7543" y1="255.8504" x2="191.5198" y2="266.1959"/>
24
+ <line class="cls-1" x1="72.0554" y1="59.2304" x2="78.9579" y2="67.4565"/>
25
+ <line class="cls-1" x1="215.563" y1="230.2561" x2="233.4237" y2="251.5416"/>
26
+ <line class="cls-1" x1="38.0021" y1="87.4591" x2="61.2687" y2="100.8921"/>
27
+ <line class="cls-1" x1="246.7322" y1="207.9695" x2="253.997" y2="212.1639"/>
28
+ <line class="cls-1" x1="30.2681" y1="131.0092" x2="41.471" y2="132.9846"/>
29
+ <line class="cls-1" x1="251.9851" y1="170.1039" x2="276.2758" y2="174.387"/>
30
+ <line class="cls-1" x1="21.042" y1="174.8599" x2="50.6972" y2="169.6309"/>
31
+ <line class="cls-1" x1="257.8381" y1="133.1064" x2="270.4228" y2="130.8874"/>
32
+ <line class="cls-1" x1="43.1828" y1="213.7921" x2="56.0879" y2="206.3413"/>
33
+ <line class="cls-1" x1="239.3423" y1="100.5393" x2="261.3869" y2="87.8119"/>
34
+ <line class="cls-1" x1="67.3239" y1="250.6507" x2="83.6894" y2="231.1471"/>
35
+ <line class="cls-1" x1="220.9929" y1="67.5151" x2="227.9938" y2="59.1718"/>
36
+ <line class="cls-1" x1="108.304" y1="266.68" x2="112.4218" y2="255.3663"/>
37
+ <line class="cls-1" x1="184.8507" y1="56.3697" x2="194.4235" y2="30.0687"/>
38
+ </svg>