@salesforcedevs/dx-components 0.5.0 → 0.5.2
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.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salesforcedevs/dx-components",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.2",
|
|
4
4
|
"description": "DX Lightning web components",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"engines": {
|
|
@@ -29,5 +29,5 @@
|
|
|
29
29
|
"@types/debounce": "^1.2.0",
|
|
30
30
|
"@types/lodash.get": "^4.4.6"
|
|
31
31
|
},
|
|
32
|
-
"gitHead": "
|
|
32
|
+
"gitHead": "11752b5d906c4dd85ae6299edcf969c9ecf3b771"
|
|
33
33
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import Breadcrumbs from "dx/breadcrumbs";
|
|
2
|
+
import Dropdown from "dx/dropdown";
|
|
2
3
|
import { createRenderComponent } from "utils/tests";
|
|
3
4
|
import { mockPathname, mockBreadcrumbs, mockNavItems } from "./mockProps";
|
|
4
5
|
|
|
@@ -7,6 +8,8 @@ const render = createRenderComponent(TAG, Breadcrumbs);
|
|
|
7
8
|
|
|
8
9
|
describe(TAG, () => {
|
|
9
10
|
it("renders the correct number of crumbs", () => {
|
|
11
|
+
const expectedOptionsLength = mockBreadcrumbs.length - 1;
|
|
12
|
+
|
|
10
13
|
const element = render({ breadcrumbs: mockBreadcrumbs });
|
|
11
14
|
|
|
12
15
|
const navElement: HTMLElement = element.shadowRoot.querySelector("nav");
|
|
@@ -25,6 +28,19 @@ describe(TAG, () => {
|
|
|
25
28
|
).toBe(true);
|
|
26
29
|
expect(breadcrumbs[length - 1].tagName).toBe("SPAN");
|
|
27
30
|
|
|
31
|
+
const dropdown: Dropdown = element.shadowRoot.querySelector(
|
|
32
|
+
"dx-dropdown"
|
|
33
|
+
);
|
|
34
|
+
expect(dropdown).not.toBeNull();
|
|
35
|
+
expect(dropdown.options).toHaveLength(expectedOptionsLength);
|
|
36
|
+
|
|
37
|
+
dropdown.options.forEach((option, index) => {
|
|
38
|
+
const { href, label } = mockBreadcrumbs[index];
|
|
39
|
+
expect(option.label).toBe(label);
|
|
40
|
+
expect(option.id).toBe(href);
|
|
41
|
+
expect(option.link?.href).toBe(href);
|
|
42
|
+
});
|
|
43
|
+
|
|
28
44
|
return expect(element).toBeAccessible();
|
|
29
45
|
});
|
|
30
46
|
|
|
@@ -102,6 +118,8 @@ describe(TAG, () => {
|
|
|
102
118
|
".breadcrumb .breadcrumb-slash span"
|
|
103
119
|
);
|
|
104
120
|
expect(els.length).toEqual(0);
|
|
121
|
+
|
|
122
|
+
expect(element.shadowRoot.querySelector("dx-dropdown")).toBeNull();
|
|
105
123
|
return expect(element).toBeAccessible();
|
|
106
124
|
});
|
|
107
125
|
|
|
@@ -1,504 +1,17 @@
|
|
|
1
|
-
const treesDesktop =
|
|
2
|
-
<svg
|
|
3
|
-
class="trees"
|
|
4
|
-
width="278px"
|
|
5
|
-
height="132px"
|
|
6
|
-
viewBox="0 0 278 132"
|
|
7
|
-
version="1.1"
|
|
8
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
9
|
-
>
|
|
10
|
-
<g
|
|
11
|
-
id="Docs-Index"
|
|
12
|
-
stroke="none"
|
|
13
|
-
stroke-width="1"
|
|
14
|
-
fill="none"
|
|
15
|
-
fill-rule="evenodd"
|
|
16
|
-
stroke-linecap="round"
|
|
17
|
-
stroke-linejoin="round"
|
|
18
|
-
>
|
|
19
|
-
<g
|
|
20
|
-
id="1024-1367px---Docs-Index"
|
|
21
|
-
transform="translate(1.000000, -418.000000)"
|
|
22
|
-
stroke="#3A49DA"
|
|
23
|
-
stroke-width="2"
|
|
24
|
-
>
|
|
25
|
-
<g
|
|
26
|
-
id="Group-11"
|
|
27
|
-
transform="translate(0.000000, 128.000000)"
|
|
28
|
-
>
|
|
29
|
-
<g
|
|
30
|
-
id="Group-238"
|
|
31
|
-
transform="translate(0.000000, 290.000000)"
|
|
32
|
-
>
|
|
33
|
-
<g
|
|
34
|
-
id="Header-Trees-Large"
|
|
35
|
-
transform="translate(0.000000, 0.980000)"
|
|
36
|
-
>
|
|
37
|
-
<path
|
|
38
|
-
d="M212.4854,77.1688 C212.4854,77.1688 204.9844,76.0978 204.9844,71.0078"
|
|
39
|
-
id="Stroke-57"
|
|
40
|
-
></path>
|
|
41
|
-
<path
|
|
42
|
-
d="M197.483,77.1688 C197.483,77.1688 204.984,76.0978 204.984,71.0078"
|
|
43
|
-
id="Stroke-59"
|
|
44
|
-
></path>
|
|
45
|
-
<path
|
|
46
|
-
d="M213.9854,84.8583 C213.9854,84.8583 205.0384,83.5723 205.0384,77.4633"
|
|
47
|
-
id="Stroke-61"
|
|
48
|
-
></path>
|
|
49
|
-
<path
|
|
50
|
-
d="M196.023,84.8583 C196.023,84.8583 205.024,83.5723 205.024,77.4633"
|
|
51
|
-
id="Stroke-63"
|
|
52
|
-
></path>
|
|
53
|
-
<path
|
|
54
|
-
d="M213.9854,93.2167 C213.9854,93.2167 205.0384,91.9307 205.0384,85.8227"
|
|
55
|
-
id="Stroke-65"
|
|
56
|
-
></path>
|
|
57
|
-
<path
|
|
58
|
-
d="M196.023,93.2167 C196.023,93.2167 205.024,91.9307 205.024,85.8227"
|
|
59
|
-
id="Stroke-67"
|
|
60
|
-
></path>
|
|
61
|
-
<line
|
|
62
|
-
x1="205.023"
|
|
63
|
-
y1="71.7284"
|
|
64
|
-
x2="205.023"
|
|
65
|
-
y2="102.7824"
|
|
66
|
-
id="Stroke-69"
|
|
67
|
-
></line>
|
|
68
|
-
<path
|
|
69
|
-
d="M224.0933,59.9881 C224.0933,59.9881 231.5933,58.9161 231.5933,53.8261"
|
|
70
|
-
id="Stroke-71"
|
|
71
|
-
></path>
|
|
72
|
-
<path
|
|
73
|
-
d="M239.0953,59.9881 C239.0953,59.9881 231.5943,58.9161 231.5943,53.8261"
|
|
74
|
-
id="Stroke-73"
|
|
75
|
-
></path>
|
|
76
|
-
<path
|
|
77
|
-
d="M222.5928,67.6766 C222.5928,67.6766 231.5398,66.3906 231.5398,60.2826"
|
|
78
|
-
id="Stroke-75"
|
|
79
|
-
></path>
|
|
80
|
-
<path
|
|
81
|
-
d="M240.5552,67.6766 C240.5552,67.6766 231.5542,66.3906 231.5542,60.2826"
|
|
82
|
-
id="Stroke-77"
|
|
83
|
-
></path>
|
|
84
|
-
<path
|
|
85
|
-
d="M222.5928,76.035 C222.5928,76.035 231.5398,74.75 231.5398,68.641"
|
|
86
|
-
id="Stroke-79"
|
|
87
|
-
></path>
|
|
88
|
-
<path
|
|
89
|
-
d="M240.5552,76.035 C240.5552,76.035 231.5542,74.75 231.5542,68.641"
|
|
90
|
-
id="Stroke-81"
|
|
91
|
-
></path>
|
|
92
|
-
<path
|
|
93
|
-
d="M223.9512,83.743 C223.9512,83.743 231.5402,82.652 231.5402,77.472"
|
|
94
|
-
id="Stroke-83"
|
|
95
|
-
></path>
|
|
96
|
-
<path
|
|
97
|
-
d="M239.189,83.743 C239.189,83.743 231.554,82.652 231.554,77.472"
|
|
98
|
-
id="Stroke-85"
|
|
99
|
-
></path>
|
|
100
|
-
<path
|
|
101
|
-
d="M223.9512,92.4413 C223.9512,92.4413 231.5402,91.3503 231.5402,86.1703"
|
|
102
|
-
id="Stroke-87"
|
|
103
|
-
></path>
|
|
104
|
-
<path
|
|
105
|
-
d="M239.189,92.4413 C239.189,92.4413 231.554,91.3503 231.554,86.1703"
|
|
106
|
-
id="Stroke-89"
|
|
107
|
-
></path>
|
|
108
|
-
<line
|
|
109
|
-
x1="231.5557"
|
|
110
|
-
y1="54.5477"
|
|
111
|
-
x2="231.5557"
|
|
112
|
-
y2="103.0127"
|
|
113
|
-
id="Stroke-91"
|
|
114
|
-
></line>
|
|
115
|
-
<line
|
|
116
|
-
x1="263.2149"
|
|
117
|
-
y1="104.2079"
|
|
118
|
-
x2="158.0829"
|
|
119
|
-
y2="104.2079"
|
|
120
|
-
id="Stroke-93"
|
|
121
|
-
></line>
|
|
122
|
-
<path
|
|
123
|
-
d="M158.5074,104.204 C151.4164,104.204 145.6684,98.443 145.6684,91.338 C145.6684,84.231 151.4164,78.471 158.5074,78.471"
|
|
124
|
-
id="Stroke-95"
|
|
125
|
-
></path>
|
|
126
|
-
<path
|
|
127
|
-
d="M263.0542,104.1952 C270.1452,104.1952 275.8942,109.9562 275.8942,117.0622 C275.8942,124.1682 270.1452,129.9282 263.0542,129.9282"
|
|
128
|
-
id="Stroke-99"
|
|
129
|
-
></path>
|
|
130
|
-
<path
|
|
131
|
-
d="M163.6084,78.2743 C170.6994,78.2743 176.4484,72.5133 176.4484,65.4083 C176.4484,58.3013 170.6994,52.5413 163.6084,52.5413 L115.5664,52.5413"
|
|
132
|
-
id="Stroke-101"
|
|
133
|
-
></path>
|
|
134
|
-
<line
|
|
135
|
-
x1="99.6026"
|
|
136
|
-
y1="1.0321"
|
|
137
|
-
x2="-0.0004"
|
|
138
|
-
y2="1.0321"
|
|
139
|
-
id="Stroke-129"
|
|
140
|
-
></line>
|
|
141
|
-
<line
|
|
142
|
-
x1="84.6504"
|
|
143
|
-
y1="26.7489"
|
|
144
|
-
x2="98.7824"
|
|
145
|
-
y2="26.7489"
|
|
146
|
-
id="Stroke-131"
|
|
147
|
-
></line>
|
|
148
|
-
<path
|
|
149
|
-
d="M99.4419,1.0194 C106.5329,1.0194 112.2819,6.7804 112.2819,13.8864 C112.2819,20.9924 106.5329,26.7524 99.4419,26.7524"
|
|
150
|
-
id="Stroke-133"
|
|
151
|
-
></path>
|
|
152
|
-
<path
|
|
153
|
-
d="M84.0674,26.8143 C76.9764,26.8143 71.2274,32.5753 71.2274,39.6803 C71.2274,46.7873 76.9764,52.5473 84.0674,52.5473 L96.7814,52.5473"
|
|
154
|
-
id="Stroke-135"
|
|
155
|
-
></path>
|
|
156
|
-
<path
|
|
157
|
-
d="M137.379,25.9969 C137.379,25.9969 129.879,24.9259 129.879,19.8359"
|
|
158
|
-
id="Stroke-201"
|
|
159
|
-
></path>
|
|
160
|
-
<path
|
|
161
|
-
d="M122.377,25.9969 C122.377,25.9969 129.877,24.9259 129.877,19.8359"
|
|
162
|
-
id="Stroke-203"
|
|
163
|
-
></path>
|
|
164
|
-
<path
|
|
165
|
-
d="M138.8794,33.6854 C138.8794,33.6854 129.9324,32.4004 129.9324,26.2914"
|
|
166
|
-
id="Stroke-205"
|
|
167
|
-
></path>
|
|
168
|
-
<path
|
|
169
|
-
d="M120.9165,33.6854 C120.9165,33.6854 129.9175,32.4004 129.9175,26.2914"
|
|
170
|
-
id="Stroke-207"
|
|
171
|
-
></path>
|
|
172
|
-
<path
|
|
173
|
-
d="M138.8794,42.0448 C138.8794,42.0448 129.9324,40.7588 129.9324,34.6508"
|
|
174
|
-
id="Stroke-209"
|
|
175
|
-
></path>
|
|
176
|
-
<path
|
|
177
|
-
d="M120.9165,42.0448 C120.9165,42.0448 129.9175,40.7588 129.9175,34.6508"
|
|
178
|
-
id="Stroke-211"
|
|
179
|
-
></path>
|
|
180
|
-
<line
|
|
181
|
-
x1="129.9165"
|
|
182
|
-
y1="20.5565"
|
|
183
|
-
x2="129.9165"
|
|
184
|
-
y2="51.6105"
|
|
185
|
-
id="Stroke-213"
|
|
186
|
-
></line>
|
|
187
|
-
<path
|
|
188
|
-
d="M148.9869,8.8163 C148.9869,8.8163 156.4869,7.7443 156.4869,2.6543"
|
|
189
|
-
id="Stroke-215"
|
|
190
|
-
></path>
|
|
191
|
-
<path
|
|
192
|
-
d="M163.9888,8.8163 C163.9888,8.8163 156.4888,7.7443 156.4888,2.6543"
|
|
193
|
-
id="Stroke-217"
|
|
194
|
-
></path>
|
|
195
|
-
<path
|
|
196
|
-
d="M147.4864,16.5047 C147.4864,16.5047 156.4344,15.2187 156.4344,9.1107"
|
|
197
|
-
id="Stroke-219"
|
|
198
|
-
></path>
|
|
199
|
-
<path
|
|
200
|
-
d="M165.4493,16.5047 C165.4493,16.5047 156.4483,15.2187 156.4483,9.1107"
|
|
201
|
-
id="Stroke-221"
|
|
202
|
-
></path>
|
|
203
|
-
<path
|
|
204
|
-
d="M147.4864,24.8631 C147.4864,24.8631 156.4344,23.5781 156.4344,17.4691"
|
|
205
|
-
id="Stroke-223"
|
|
206
|
-
></path>
|
|
207
|
-
<path
|
|
208
|
-
d="M165.4493,24.8631 C165.4493,24.8631 156.4483,23.5781 156.4483,17.4691"
|
|
209
|
-
id="Stroke-225"
|
|
210
|
-
></path>
|
|
211
|
-
<path
|
|
212
|
-
d="M148.8448,32.5712 C148.8448,32.5712 156.4338,31.4802 156.4338,26.3002"
|
|
213
|
-
id="Stroke-227"
|
|
214
|
-
></path>
|
|
215
|
-
<path
|
|
216
|
-
d="M164.0826,32.5712 C164.0826,32.5712 156.4486,31.4802 156.4486,26.3002"
|
|
217
|
-
id="Stroke-229"
|
|
218
|
-
></path>
|
|
219
|
-
<path
|
|
220
|
-
d="M148.8448,41.2694 C148.8448,41.2694 156.4338,40.1784 156.4338,34.9984"
|
|
221
|
-
id="Stroke-231"
|
|
222
|
-
></path>
|
|
223
|
-
<path
|
|
224
|
-
d="M164.0826,41.2694 C164.0826,41.2694 156.4486,40.1784 156.4486,34.9984"
|
|
225
|
-
id="Stroke-233"
|
|
226
|
-
></path>
|
|
227
|
-
<line
|
|
228
|
-
x1="156.4493"
|
|
229
|
-
y1="3.3758"
|
|
230
|
-
x2="156.4493"
|
|
231
|
-
y2="51.8408"
|
|
232
|
-
id="Stroke-235"
|
|
233
|
-
></line>
|
|
234
|
-
</g>
|
|
235
|
-
</g>
|
|
236
|
-
</g>
|
|
237
|
-
</g>
|
|
238
|
-
</g>
|
|
239
|
-
</svg>
|
|
240
|
-
`;
|
|
1
|
+
const treesDesktop =
|
|
2
|
+
'<svg class="trees" width="278" height="132" viewBox="0 0 278 132" version="1.1" xmlns="http://www.w3.org/2000/svg"><g stroke="#3A49DA" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M213.485 78.149s-7.5-1.071-7.5-6.161M198.483 78.149s7.501-1.071 7.501-6.161M214.985 85.838s-8.947-1.286-8.947-7.395M197.023 85.838s9.001-1.286 9.001-7.395M214.985 94.197s-8.947-1.286-8.947-7.394M197.023 94.197s9.001-1.286 9.001-7.394M206.023 72.708v31.054M225.093 60.968s7.5-1.072 7.5-6.162M240.095 60.968s-7.5-1.072-7.5-6.162M223.593 68.657s8.947-1.286 8.947-7.394M241.555 68.657s-9-1.286-9-7.394M223.593 77.015s8.947-1.285 8.947-7.394M241.555 77.015s-9-1.285-9-7.394M224.951 84.723s7.59-1.091 7.59-6.271M240.189 84.723s-7.635-1.091-7.635-6.271M224.951 93.421s7.59-1.09 7.59-6.27M240.189 93.421s-7.635-1.09-7.635-6.27M232.556 55.528v48.465M264.215 105.188H159.083M159.507 105.184c-7.09 0-12.839-5.761-12.839-12.866 0-7.107 5.748-12.867 12.84-12.867M264.054 105.175c7.091 0 12.84 5.761 12.84 12.867 0 7.106-5.749 12.866-12.84 12.866M164.608 79.254c7.091 0 12.84-5.76 12.84-12.866 0-7.107-5.749-12.867-12.84-12.867h-48.042M100.603 2.012H1M85.65 27.729h14.132M100.442 2c7.09 0 12.84 5.76 12.84 12.866s-5.75 12.866-12.84 12.866M85.067 27.794c-7.09 0-12.84 5.761-12.84 12.866 0 7.107 5.75 12.867 12.84 12.867h12.714M138.379 26.977s-7.5-1.071-7.5-6.161M123.377 26.977s7.5-1.071 7.5-6.161M139.88 34.665s-8.948-1.285-8.948-7.394M121.916 34.665s9.001-1.285 9.001-7.394M139.88 43.025s-8.948-1.286-8.948-7.394M121.916 43.025s9.001-1.286 9.001-7.394M130.917 21.536v31.055M149.987 9.796s7.5-1.072 7.5-6.162M164.989 9.796s-7.5-1.072-7.5-6.162M148.486 17.485s8.948-1.286 8.948-7.394M166.45 17.485s-9.002-1.286-9.002-7.394M148.486 25.843s8.948-1.285 8.948-7.394M166.45 25.843s-9.002-1.285-9.002-7.394M149.845 33.551s7.589-1.09 7.589-6.27M165.083 33.551s-7.634-1.09-7.634-6.27M149.845 42.25s7.589-1.092 7.589-6.272M165.083 42.25s-7.634-1.092-7.634-6.272M157.449 4.356v48.465"/></g></svg>';
|
|
241
3
|
|
|
242
|
-
const treesMobile =
|
|
243
|
-
<svg class="trees-mobile" width="
|
|
244
|
-
<g id="Docs-Index" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linejoin="round">
|
|
245
|
-
<g id="(Default)-0-599px---Docs-Index" transform="translate(0.000000, -353.000000)" stroke="#3A49DA" stroke-width="2">
|
|
246
|
-
<g id="Header" transform="translate(0.000000, 161.000000)">
|
|
247
|
-
<g id="Group-5" transform="translate(0.000000, 62.000000)">
|
|
248
|
-
<g id="Asset-1@2x" transform="translate(0.000000, 109.000000)">
|
|
249
|
-
<g id="Header-Trees" transform="translate(0.000000, 21.980000)">
|
|
250
|
-
<path d="M112.6084,78.2743 C119.6994,78.2743 125.4484,72.5133 125.4484,65.4083 C125.4484,58.3013 119.6994,52.5413 112.6084,52.5413 L64.5664,52.5413" id="Stroke-101" stroke-linecap="round"></path>
|
|
251
|
-
<line x1="48.6026" y1="1.0321" x2="-4.45555572e-12" y2="1.02" id="Stroke-129"></line>
|
|
252
|
-
<line x1="33.6504" y1="26.7489" x2="47.7824" y2="26.7489" id="Stroke-131" stroke-linecap="round"></line>
|
|
253
|
-
<path d="M48.4419,1.0194 C55.5329,1.0194 61.2819,6.7804 61.2819,13.8864 C61.2819,20.9924 55.5329,26.7524 48.4419,26.7524" id="Stroke-133" stroke-linecap="round"></path>
|
|
254
|
-
<path d="M33.0674,26.8143 C25.9764,26.8143 20.2274,32.5753 20.2274,39.6803 C20.2274,46.7873 25.9764,52.5473 33.0674,52.5473 L45.7814,52.5473" id="Stroke-135" stroke-linecap="round"></path>
|
|
255
|
-
<path d="M86.379,25.9969 C86.379,25.9969 78.879,24.9259 78.879,19.8359" id="Stroke-201" stroke-linecap="round"></path>
|
|
256
|
-
<path d="M71.377,25.9969 C71.377,25.9969 78.877,24.9259 78.877,19.8359" id="Stroke-203" stroke-linecap="round"></path>
|
|
257
|
-
<path d="M87.8794,33.6854 C87.8794,33.6854 78.9324,32.4004 78.9324,26.2914" id="Stroke-205" stroke-linecap="round"></path>
|
|
258
|
-
<path d="M69.9165,33.6854 C69.9165,33.6854 78.9175,32.4004 78.9175,26.2914" id="Stroke-207" stroke-linecap="round"></path>
|
|
259
|
-
<path d="M87.8794,42.0448 C87.8794,42.0448 78.9324,40.7588 78.9324,34.6508" id="Stroke-209" stroke-linecap="round"></path>
|
|
260
|
-
<path d="M69.9165,42.0448 C69.9165,42.0448 78.9175,40.7588 78.9175,34.6508" id="Stroke-211" stroke-linecap="round"></path>
|
|
261
|
-
<line x1="78.9165" y1="20.5565" x2="78.9165" y2="51.6105" id="Stroke-213" stroke-linecap="round"></line>
|
|
262
|
-
<path d="M97.9869,8.8163 C97.9869,8.8163 105.4869,7.7443 105.4869,2.6543" id="Stroke-215" stroke-linecap="round"></path>
|
|
263
|
-
<path d="M112.9888,8.8163 C112.9888,8.8163 105.4888,7.7443 105.4888,2.6543" id="Stroke-217" stroke-linecap="round"></path>
|
|
264
|
-
<path d="M96.4864,16.5047 C96.4864,16.5047 105.4344,15.2187 105.4344,9.1107" id="Stroke-219" stroke-linecap="round"></path>
|
|
265
|
-
<path d="M114.4493,16.5047 C114.4493,16.5047 105.4483,15.2187 105.4483,9.1107" id="Stroke-221" stroke-linecap="round"></path>
|
|
266
|
-
<path d="M96.4864,24.8631 C96.4864,24.8631 105.4344,23.5781 105.4344,17.4691" id="Stroke-223" stroke-linecap="round"></path>
|
|
267
|
-
<path d="M114.4493,24.8631 C114.4493,24.8631 105.4483,23.5781 105.4483,17.4691" id="Stroke-225" stroke-linecap="round"></path>
|
|
268
|
-
<path d="M97.8448,32.5712 C97.8448,32.5712 105.4338,31.4802 105.4338,26.3002" id="Stroke-227" stroke-linecap="round"></path>
|
|
269
|
-
<path d="M113.0826,32.5712 C113.0826,32.5712 105.4486,31.4802 105.4486,26.3002" id="Stroke-229" stroke-linecap="round"></path>
|
|
270
|
-
<path d="M97.8448,41.2694 C97.8448,41.2694 105.4338,40.1784 105.4338,34.9984" id="Stroke-231" stroke-linecap="round"></path>
|
|
271
|
-
<path d="M113.0826,41.2694 C113.0826,41.2694 105.4486,40.1784 105.4486,34.9984" id="Stroke-233" stroke-linecap="round"></path>
|
|
272
|
-
<line x1="105.4493" y1="3.3758" x2="105.4493" y2="51.8408" id="Stroke-235" stroke-linecap="round"></line>
|
|
273
|
-
</g>
|
|
274
|
-
</g>
|
|
275
|
-
</g>
|
|
276
|
-
</g>
|
|
277
|
-
</g>
|
|
278
|
-
</g>
|
|
279
|
-
</svg>
|
|
280
|
-
`;
|
|
4
|
+
const treesMobile =
|
|
5
|
+
'<svg class="trees-mobile" width="127" height="81" viewBox="0 0 127 81" version="1.1" xmlns="http://www.w3.org/2000/svg"><g stroke="#3A49DA" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linejoin="round"><path d="M112.608 79.254c7.091 0 12.84-5.76 12.84-12.866 0-7.107-5.749-12.867-12.84-12.867H64.566" stroke-linecap="round"/><path d="M48.603 2.012L0 2"/><path stroke-linecap="round" d="M33.65 27.729h14.132M48.442 2c7.09 0 12.84 5.76 12.84 12.866s-5.75 12.866-12.84 12.866M33.067 27.794c-7.09 0-12.84 5.761-12.84 12.866 0 7.107 5.75 12.867 12.84 12.867h12.714M86.379 26.977s-7.5-1.071-7.5-6.161M71.377 26.977s7.5-1.071 7.5-6.161M87.88 34.665s-8.948-1.285-8.948-7.394M69.916 34.665s9.002-1.285 9.002-7.394M87.88 43.025s-8.948-1.286-8.948-7.394M69.916 43.025s9.002-1.286 9.002-7.394M78.916 21.536v31.055M97.987 9.796s7.5-1.072 7.5-6.162M112.989 9.796s-7.5-1.072-7.5-6.162M96.486 17.485s8.948-1.286 8.948-7.394M114.45 17.485s-9.002-1.286-9.002-7.394M96.486 25.843s8.948-1.285 8.948-7.394M114.45 25.843s-9.002-1.285-9.002-7.394M97.845 33.551s7.589-1.09 7.589-6.27M113.083 33.551s-7.634-1.09-7.634-6.27M97.845 42.25s7.589-1.092 7.589-6.272M113.083 42.25s-7.634-1.092-7.634-6.272M105.449 4.356v48.465"/></g></svg>';
|
|
281
6
|
|
|
282
|
-
const codeyMobile =
|
|
283
|
-
<svg class="codey-mobile" width="
|
|
284
|
-
<g id="Salesforce-Developers" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
|
285
|
-
<g id="Podcast" transform="translate(-919.000000, -188.000000)" stroke="#1A96FF" stroke-width="2">
|
|
286
|
-
<g id="header-bg" transform="translate(0.000000, 116.000000)">
|
|
287
|
-
<g id="Graphics" transform="translate(676.000000, 0.000000)">
|
|
288
|
-
<g id="codey" transform="translate(244.000000, 73.000000)">
|
|
289
|
-
<path d="M88.8778037,289 L99.0125595,289 C102.388394,289 105.312238,290.924538 106.744752,293.734171 C107.344184,294.910278 107.682574,296.240733 107.682574,297.650775 C107.682574,302.428357 103.799961,306.300746 99.0125595,306.300746 L98.1915629,306.300746 C90.4529248,306.300746 84.1355211,312.489977 84.009028,320.209836 C84.006611,320.350518 84.0041939,320.492005 84,320.633491 C83.8777008,328.532619 90.2676164,335 98.1851174,335 L290.148463,335 C297.245773,335 303,329.258541 303,322.177784 C303,315.09542 297.245773,309.353961 290.148463,309.353961 L281.011149,309.353961 C275.377775,309.353961 270.811938,304.797452 270.811938,299.177382 C270.811938,293.556509 275.377775,289 281.011149,289 L289.939789,289" id="Stroke-1"></path>
|
|
290
|
-
<path d="M173,132 C156.572738,126.937597 155,105 155,105" id="Stroke-3"></path>
|
|
291
|
-
<path d="M204,132 C220.427262,126.937597 222,105 222,105" id="Stroke-5"></path>
|
|
292
|
-
<path d="M191,77.6581163 L184.475679,77.6581163 C179.315255,77.6581163 174.375389,79.7183211 170.792932,83.3658706 L157.400478,97 L149.074388,86.8343065 C146.021434,83.1071509 146.375787,77.7082681 149.890131,74.3958601 C153.629087,70.872496 159.649853,71.2888357 162.848765,75.2914282 L170.011246,84.1404375" id="Stroke-7"></path>
|
|
293
|
-
<path d="M188,77.6581163 L194.524321,77.6581163 C199.684745,77.6581163 204.624611,79.7183211 208.207068,83.3658706 L209.233639,84.4110981 L221.599522,97 L229.925612,86.8343065 C232.978566,83.1071509 232.624213,77.7082681 229.109869,74.3958601 C225.370913,70.872496 219.350147,71.2888357 216.151235,75.2914282 L207.668646,84.4859278" id="Stroke-9"></path>
|
|
294
|
-
<path d="M198.364483,107.824391 L202.855674,130.251491 C203.472175,133.3287 202.082652,135.546926 199.279651,137.902621 L199.210175,137.939226 C190.77881,144.679313 187.919908,144.679313 178.524663,137.984778 L178.426438,137.939226 C178.409668,137.930278 178.388905,137.924584 178.374531,137.912383 C176.096193,135.94388 174.599662,133.850109 175.094779,131.089325 L179.27213,107.824391 C180.25358,103.25535 184.226495,100 188.818306,100 C193.410118,100 197.383033,103.25535 198.364483,107.824391" id="Stroke-11"></path>
|
|
295
|
-
<polyline id="Stroke-13" points="175 134 179.879035 149 192 149"></polyline>
|
|
296
|
-
<polyline id="Stroke-15" points="204 132 198.339981 149 186 149"></polyline>
|
|
297
|
-
<path d="M156.72766,97 L145,145.746799 L169.135418,163.182305 C171.463138,164.863395 174.772953,163.838906 175.712947,161.146923 L180,148.869051" id="Stroke-17"></path>
|
|
298
|
-
<path d="M221.583507,96 L233,145.617233 L208.86433,163.176529 C206.536664,164.869554 203.226926,163.837792 202.286954,161.125891 L198,148.761653" id="Stroke-19"></path>
|
|
299
|
-
<path d="M146.033497,145 L131.534413,186.890072 C129.986101,191.363312 131.895713,196.300672 136.051879,198.570154 L174.778349,220 L175,163.6646" id="Stroke-21"></path>
|
|
300
|
-
<line x1="123" y1="215" x2="131" y2="192" id="Stroke-23"></line>
|
|
301
|
-
<path d="M110,282 L113.896392,226.802466 C114.643059,217.937555 124.039764,212.482287 132.2192,216.165212 L140.51891,219.902474 C156.286907,227.002234 162.646089,245.864341 154.346379,260.915672" id="Stroke-25"></path>
|
|
302
|
-
<line x1="157" y1="255" x2="174" y2="221" id="Stroke-27"></line>
|
|
303
|
-
<path d="M130.054901,297.148167 L128.181932,299.038339 C126.915567,300.315439 124.858896,300.320927 123.585495,299.05245 L111.95917,287.461332 C110.685769,286.192071 110.679515,284.128641 111.945099,282.85154 L113.818068,280.961369 C115.084433,279.685052 117.141104,279.67878 118.414505,280.947257 L130.04083,292.539159 C131.314231,293.807636 131.320485,295.871851 130.054901,297.148167 Z" id="Stroke-29"></path>
|
|
304
|
-
<path d="M136.054901,290.148167 L134.181932,292.038339 C132.915567,293.315439 130.858896,293.320927 129.585495,292.05245 L117.95917,280.461332 C116.685769,279.192071 116.679515,277.128641 117.945099,275.85154 L119.818068,273.961369 C121.084433,272.685052 123.141104,272.67878 124.414505,273.947257 L136.04083,285.539159 C137.314231,286.807636 137.320485,288.871851 136.054901,290.148167 Z" id="Stroke-31"></path>
|
|
305
|
-
<path d="M142.054901,283.148167 L140.181932,285.038339 C138.915567,286.315439 136.858896,286.320927 135.585495,285.05245 L123.95917,273.461332 C122.685769,272.192071 122.679515,270.128641 123.945099,268.85154 L125.818068,266.961369 C127.084433,265.685052 129.141104,265.67878 130.414505,266.947257 L142.04083,278.539159 C143.314231,279.807636 143.320485,281.871851 142.054901,283.148167 Z" id="Stroke-33"></path>
|
|
306
|
-
<path d="M190,233 L184.089849,233 C174.573559,233 165.864031,238.313657 161.56183,246.74699 L157,256" id="Stroke-35"></path>
|
|
307
|
-
<path d="M233.568082,146 L248.417088,187.399941 C250.038412,191.922604 248.180694,196.977631 244.047392,199.288617 L206.325538,221 L206,164.195656" id="Stroke-37"></path>
|
|
308
|
-
<line x1="248" y1="192" x2="256" y2="215" id="Stroke-39"></line>
|
|
309
|
-
<path d="M223.645385,260.631856 C215.364729,245.345787 221.708695,226.189508 237.439767,218.97821 L245.718812,215.183474 C253.879481,211.44311 263.253702,216.982646 263.996972,225.986625 L268,284" id="Stroke-41"></path>
|
|
310
|
-
<line x1="221" y1="255" x2="206" y2="221" id="Stroke-43"></line>
|
|
311
|
-
<path d="M249.945219,297.148167 L251.818234,299.038339 C253.08463,300.315439 255.141351,300.320927 256.414001,299.05245 L268.041393,287.461332 C269.314043,286.192071 269.320297,284.128641 268.055464,282.85154 L266.181667,280.961369 C264.916053,279.685052 262.85855,279.67878 261.5859,280.947257 L249.958508,292.539159 C248.685858,293.807636 248.679604,295.871851 249.945219,297.148167 Z" id="Stroke-45"></path>
|
|
312
|
-
<path d="M242.944531,290.148167 L244.818319,292.038339 C246.083927,293.315439 248.14142,293.320927 249.414063,292.05245 L261.041398,280.461332 C262.314042,279.192071 262.320295,277.128641 261.055469,275.85154 L259.181681,273.961369 C257.916073,272.685052 255.85858,272.67878 254.585937,273.947257 L242.958602,285.539159 C241.685958,286.807636 241.679705,288.871851 242.944531,290.148167 Z" id="Stroke-47"></path>
|
|
313
|
-
<path d="M235.944531,283.148167 L237.818319,285.038339 C239.083927,286.315439 241.14142,286.320927 242.414063,285.05245 L254.041398,273.461332 C255.314042,272.192071 255.320295,270.128641 254.055469,268.85154 L252.181681,266.961369 C250.916073,265.685052 248.85858,265.67878 247.585937,266.947257 L235.958602,278.539159 C234.685958,279.807636 234.679705,281.871851 235.944531,283.148167 Z" id="Stroke-49"></path>
|
|
314
|
-
<path d="M188,233 L193.910293,233 C203.426813,233 212.135755,238.313657 216.438856,246.74699 L221,256" id="Stroke-51"></path>
|
|
315
|
-
<path d="M111,271 L111,271 C100.12094,271 91.4566128,278.900982 89,289" id="Stroke-53"></path>
|
|
316
|
-
<line x1="147" y1="323" x2="121" y2="296" id="Stroke-55"></line>
|
|
317
|
-
<path d="M267,270 L267,270 C277.858044,270 286.51183,277.893084 289,288" id="Stroke-57"></path>
|
|
318
|
-
<line x1="231" y1="325" x2="259" y2="297" id="Stroke-59"></line>
|
|
319
|
-
<line x1="127" y1="204" x2="171" y2="227" id="Stroke-61"></line>
|
|
320
|
-
<line x1="251" y1="204" x2="209" y2="227" id="Stroke-63"></line>
|
|
321
|
-
<path d="M229.945099,277.148167 L231.818068,279.038339 C233.084433,280.315439 235.141104,280.320927 236.414505,279.05245 L248.04083,267.461332 C249.314231,266.192071 249.320485,264.128641 248.054901,262.85154 L246.181932,260.961369 C244.915567,259.685052 242.858896,259.67878 241.585495,260.947257 L229.95917,272.539159 C228.685769,273.807636 228.679515,275.871851 229.945099,277.148167 Z" id="Stroke-65"></path>
|
|
322
|
-
<line x1="265" y1="237" x2="231" y2="270" id="Stroke-67"></line>
|
|
323
|
-
<line x1="114" y1="237" x2="139" y2="263" id="Stroke-69"></line>
|
|
324
|
-
<path d="M149.055469,277.148167 L147.181681,279.038339 C145.916073,280.315439 143.85858,280.320927 142.585937,279.05245 L130.958602,267.461332 C129.685958,266.192071 129.679705,264.128641 130.944531,262.85154 L132.818319,260.961369 C134.083927,259.685052 136.14142,259.67878 137.414063,260.947257 L149.041398,272.539159 C150.314042,273.807636 150.320295,275.871851 149.055469,277.148167 Z" id="Stroke-71"></path>
|
|
325
|
-
<polyline id="Stroke-73" points="230 277 230 325 148 325 148 278.156724"></polyline>
|
|
326
|
-
<polyline id="Stroke-75" points="148 269.917338 148 261 230 261 230 272"></polyline>
|
|
327
|
-
<path d="M208,107.5 C208,105.015364 206.209162,103 203.999616,103 C201.790838,103 200,105.015364 200,107.5 C200,109.984636 201.790838,112 203.999616,112 C206.209162,112 208,109.984636 208,107.5 Z" id="Stroke-77"></path>
|
|
328
|
-
<path d="M180,107.5 C180,105.015364 178.209162,103 175.999616,103 C173.790838,103 172,105.015364 172,107.5 C172,109.984636 173.790838,112 175.999616,112 C178.209162,112 180,109.984636 180,107.5 Z" id="Stroke-79"></path>
|
|
329
|
-
<path d="M188.415295,121.55244 L183.45206,116.608799 C182.485833,115.646225 183.171248,114 184.537093,114 L194.462731,114 C195.829407,114 196.513991,115.646225 195.547764,116.608799 L190.584529,121.55244 C189.985518,122.149187 189.014306,122.149187 188.415295,121.55244 Z" id="Stroke-81"></path>
|
|
330
|
-
<path d="M169,84 C177.981403,84.8438158 185,92.1330174 185,101" id="Stroke-83"></path>
|
|
331
|
-
<path d="M209,84 C200.012791,84.8775559 193,92.1536178 193,101" id="Stroke-85"></path>
|
|
332
|
-
<path d="M69,271.426641 C69,261.250095 60.7168784,253 50.499594,253 C40.2823096,253 32,261.250095 32,271.426641 C32,277.979163 35.4339105,283.732636 40.607106,287" id="Stroke-87"></path>
|
|
333
|
-
<path d="M37.2703059,259 C30.2432314,266.107202 30.2432314,277.629269 37.2703059,284.735679 C42.8919654,290.42144 52.0060105,290.42144 57.6268867,284.735679 C62.1243711,280.187703 62.1243711,272.813485 57.6268867,268.264718 C54.029526,264.626337 48.1963491,264.626337 44.5982049,268.264718 C41.7207864,271.175739 41.7207864,275.89565 44.5982049,278.806671" id="Stroke-89"></path>
|
|
334
|
-
<path d="M19.6298872,281.418715 C17.8218204,280.509913 15.7889043,280 13.6400865,280 C6.10724772,280 0,286.268041 0,294 C0,301.731959 6.10724772,308 13.6400865,308 C18.3804667,308 22.5552465,305.518636 25,301.752577" id="Stroke-91"></path>
|
|
335
|
-
<path d="M31,271.379934 C30.2199135,271.133224 29.3930218,271 28.5380469,271 C23.823204,271 20,275.029605 20,280" id="Stroke-93"></path>
|
|
336
|
-
<path d="M4,303.820447 C9.44836147,309.393184 18.2821824,309.393184 23.7313425,303.820447 C28.0895525,299.36193 28.0895525,292.133382 23.7313425,287.674865 C20.2436564,284.108378 14.590043,284.108378 11.1031555,287.674865 C8.31268718,290.529035 8.31268718,295.155011 11.1031555,298.008364" id="Stroke-95"></path>
|
|
337
|
-
<path d="M26,301 C29.4338596,308.10064 36.7291886,313 45.1742763,313 C52.6383772,313 59.2042544,309.171794 63,303.379805" id="Stroke-97"></path>
|
|
338
|
-
<path d="M63,304.138559 C65.6418117,308.839836 70.5683704,312 76.2090584,312 C82.2954938,312 87.5487784,308.321578 90,303" id="Stroke-99"></path>
|
|
339
|
-
<path d="M65,306.274711 C71.1597675,312.575096 81.1453687,312.575096 87.3051362,306.274711 C92.2321528,301.235218 92.2313554,293.063882 87.3043388,288.023574 C83.3620876,283.992142 76.9710796,283.992142 73.0288284,288.023574 C69.8751869,291.249208 69.8751869,296.478732 73.0288284,299.704367 C75.5517416,302.284874 79.6423056,302.284874 82.1652188,299.704367" id="Stroke-101"></path>
|
|
340
|
-
<path d="M94,279 C91.0604229,273.654655 85.1204939,270 78.2705435,270 C74.8711576,270 71.6956786,270.90015 69,272.460961" id="Stroke-103"></path>
|
|
341
|
-
<path d="M311,271.426641 C311,261.250095 319.283122,253 329.500406,253 C339.71769,253 348,261.250095 348,271.426641 C348,277.979163 344.566089,283.732636 339.392894,287" id="Stroke-105"></path>
|
|
342
|
-
<path d="M342.729694,259 C349.756769,266.107202 349.756769,277.629269 342.729694,284.735679 C337.108035,290.42144 327.993989,290.42144 322.373113,284.735679 C317.875629,280.187703 317.875629,272.813485 322.373113,268.264718 C325.970474,264.626337 331.803651,264.626337 335.401795,268.264718 C338.279214,271.175739 338.279214,275.89565 335.401795,278.806671" id="Stroke-107"></path>
|
|
343
|
-
<path d="M359.370113,281.418715 C361.17818,280.509913 363.211096,280 365.359913,280 C372.892752,280 379,286.268041 379,294 C379,301.731959 372.892752,308 365.359913,308 C360.619533,308 356.444754,305.518636 354,301.752577" id="Stroke-109"></path>
|
|
344
|
-
<path d="M349,271.379934 C349.780087,271.133224 350.606978,271 351.461953,271 C356.176796,271 360,275.029605 360,280" id="Stroke-111"></path>
|
|
345
|
-
<path d="M375,303.820447 C369.551639,309.393184 360.717019,309.393184 355.268657,303.820447 C350.910448,299.36193 350.910448,292.133382 355.268657,287.674865 C358.755545,284.108378 364.409957,284.108378 367.896844,287.674865 C370.687313,290.529035 370.687313,295.155011 367.896844,298.008364" id="Stroke-113"></path>
|
|
346
|
-
<path d="M353,301 C349.56614,308.10064 342.270811,313 333.825724,313 C326.361623,313 319.794934,309.171794 316,303.379805" id="Stroke-115"></path>
|
|
347
|
-
<path d="M316,304.138559 C313.358188,308.839836 308.43163,312 302.790164,312 C296.704506,312 291.450444,308.321578 289,303" id="Stroke-117"></path>
|
|
348
|
-
<path d="M315,306.274711 C308.840232,312.575096 298.854631,312.575096 292.694864,306.274711 C287.767847,301.235218 287.768645,293.063882 292.695661,288.023574 C296.637912,283.992142 303.02892,283.992142 306.971172,288.023574 C310.124813,291.249208 310.124016,296.478732 306.971172,299.704367 C304.448258,302.284874 300.357694,302.284874 297.834781,299.704367" id="Stroke-119"></path>
|
|
349
|
-
<path d="M286,279 C288.939577,273.654655 294.879506,270 301.729457,270 C305.128842,270 308.304321,270.90015 311,272.460961" id="Stroke-121"></path>
|
|
350
|
-
<path d="M187.316341,282.508484 C188.348548,281.404555 189.785387,280.719386 191.374557,280.719386 C193.486574,280.719386 195.329631,281.929227 196.31106,283.724841 C197.16396,283.332967 198.1081,283.11544 199.101431,283.11544 C202.911313,283.11544 206,286.314796 206,290.262052 C206,294.208494 202.911313,297.40785 199.101431,297.40785 C198.636501,297.40785 198.181092,297.359782 197.742345,297.268535 C196.878338,298.851511 195.23125,299.921221 193.341383,299.921221 C192.549575,299.921221 191.80061,299.733839 191.134158,299.399809 C190.25825,301.516418 188.216845,303 185.838247,303 C183.361267,303 181.24925,301.390139 180.439194,299.132585 C180.084546,299.209982 179.717204,299.249903 179.341135,299.249903 C176.391292,299.249903 174,296.769119 174,293.708264 C174,291.657646 175.074257,289.866105 176.670568,288.908009 C176.342102,288.131593 176.158828,287.274521 176.158828,286.373455 C176.158828,282.853919 178.942057,280 182.374284,280 C184.390301,280 186.180993,280.983352 187.316341,282.508484 Z" id="Stroke-123"></path>
|
|
351
|
-
<g id="Group-143" transform="translate(46.000000, 68.000000)">
|
|
352
|
-
<path d="M188.250678,82.6650641 C206.543399,96.4026891 218.374132,118.26283 218.374132,142.882244 C218.374132,146.605533 218.103439,150.265252 217.580583,153.844502" id="Stroke-125"></path>
|
|
353
|
-
<path d="M68.5676541,154.911276 C67.9384541,150.994057 67.6113668,146.976252 67.6113668,142.882002 C67.6113668,118.19258 79.5089668,96.2785258 97.8903076,82.5473383" id="Stroke-127"></path>
|
|
354
|
-
<path d="M182.424818,59.6885805 C213.580288,74.4473539 235.124548,106.152041 235.124548,142.882002 C235.124548,160.607659 230.108672,177.16169 221.414272,191.205901" id="Stroke-129"></path>
|
|
355
|
-
<path d="M65.8250349,193.177546 C56.3612546,178.721335 50.8595814,161.443085 50.8595814,142.882163 C50.8595814,105.865734 72.7414011,73.9534367 104.289215,59.3467492" id="Stroke-131"></path>
|
|
356
|
-
<path d="M177.991496,39.8664719 C220.957558,54.4248781 251.876172,95.0471125 251.876172,142.882566 C251.876172,166.016527 244.644803,187.463058 232.316189,205.091347" id="Stroke-133"></path>
|
|
357
|
-
<path d="M53.9623994,205.509141 C41.4549346,187.803602 34.1075544,166.199352 34.1075544,142.881922 C34.1075544,94.4542187 65.7987713,53.418375 109.597053,39.3371484" id="Stroke-135"></path>
|
|
358
|
-
<path d="M181.479165,23.3920242 C232.039131,39.6257898 268.627796,86.9864773 268.627796,142.882485 C268.627796,163.733548 263.53619,183.397696 254.526788,200.700891" id="Stroke-137"></path>
|
|
359
|
-
<path d="M32.2756237,202.245167 C22.7578659,184.571816 17.3560913,164.357261 17.3560913,142.882566 C17.3560913,86.5882375 54.468418,38.9523469 105.587494,23.0501125" id="Stroke-139"></path>
|
|
360
|
-
<path d="M7.29074423,186.074811 C2.94837803,172.453061 0.60559493,157.941327 0.60559493,142.882405 C0.60559493,64.3368578 64.3537865,0.662740625 142.991702,0.662740625 C221.630423,0.662740625 285.37942,64.3368578 285.37942,142.882405 C285.37942,157.689459 283.113172,171.967834 278.909375,185.390827" id="Stroke-141"></path>
|
|
361
|
-
</g>
|
|
362
|
-
<path d="M236.816617,334 L141.184186,334 C139.425815,334 138,332.540452 138,330.739464 L138,328.260536 C138,326.459548 139.425815,325 141.184186,325 L236.816617,325 C238.574185,325 240,326.459548 240,328.260536 L240,330.739464 C240,332.540452 238.574185,334 236.816617,334 Z" id="Stroke-144"></path>
|
|
363
|
-
<path d="M36.95462,256.436341 C32.4333121,241.698393 30,226.048619 30,209.831167 C30,203.40417 30.3823431,197.065622 31.1252962,190.838037 C31.7958052,185.219943 32.7593099,179.691905 34.0005164,174.270006 C35.0783215,169.563737 36.3654091,164.937875 37.8505103,160.401266 C40.2902618,152.954698 43.2652937,145.750158 46.7313347,138.833478 C49.0938126,134.117559 51.6848916,129.535922 54.4884728,125.102235 C59.329339,117.449823 64.8069072,110.23885 70.8455136,103.5449 C99.9478616,71.2820675 142.103001,51 189,51 C276.812542,51 348,122.111064 348,209.831167 C348,225.591099 345.701917,240.814711 341.422894,255.186804 L340.758824,257" id="Stroke-146"></path>
|
|
364
|
-
<path d="M47.3684507,74.4393933 L46.4143039,77.0170007 C46.3468053,77.201175 46.2018083,77.3470145 46.0176455,77.4145173 L43.4393658,78.3687237 C42.8535447,78.5853994 42.8535447,79.4146006 43.4393658,79.6312763 L46.0176455,80.5854827 C46.2018083,80.6538189 46.3468053,80.798825 46.4143039,80.9829993 L47.3684507,83.5606067 C47.5859461,84.1464644 48.4142622,84.1464644 48.6317577,83.5606067 L49.5850711,80.9829993 C49.6534031,80.798825 49.7984,80.6538189 49.9833962,80.5854827 L52.5600092,79.6312763 C53.1466636,79.4146006 53.1466636,78.5853994 52.5600092,78.3687237 L49.9833962,77.4145173 C49.7984,77.3470145 49.6534031,77.201175 49.5850711,77.0170007 L48.6317577,74.4393933 C48.4142622,73.8535356 47.5859461,73.8535356 47.3684507,74.4393933 Z" id="Stroke-150-Copy"></path>
|
|
365
|
-
<path d="M194,23 C194,24.6563275 192.65705,26 190.999535,26 C189.34295,26 188,24.6563275 188,23 C188,21.3436725 189.34295,20 190.999535,20 C192.65705,20 194,21.3436725 194,23 Z" id="Stroke-154-Copy"></path>
|
|
366
|
-
<path d="M100,3 C100,4.65632754 98.6570498,6 96.9995347,6 C95.3429502,6 94,4.65632754 94,3 C94,1.34367246 95.3429502,0 96.9995347,0 C98.6570498,0 100,1.34367246 100,3 Z" id="Stroke-154-Copy-2"></path>
|
|
367
|
-
<path d="M23,254 C23,255.656328 21.6570498,257 19.9995347,257 C18.3429502,257 17,255.656328 17,254 C17,252.343672 18.3429502,251 19.9995347,251 C21.6570498,251 23,252.343672 23,254 Z" id="Stroke-160"></path>
|
|
368
|
-
</g>
|
|
369
|
-
</g>
|
|
370
|
-
</g>
|
|
371
|
-
</g>
|
|
372
|
-
</g>
|
|
373
|
-
</svg>
|
|
374
|
-
`;
|
|
7
|
+
const codeyMobile =
|
|
8
|
+
'<svg class="codey-mobile" width="381" height="337" viewBox="0 0 381 337" xmlns="http://www.w3.org/2000/svg"><g stroke="#1A96FF" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M89.878 290h10.135a8.67 8.67 0 0 1 7.732 4.734c.6 1.176.938 2.507.938 3.917 0 4.777-3.883 8.65-8.67 8.65h-.821c-7.74 0-14.056 6.189-14.183 13.909l-.009.423c-.122 7.9 6.268 14.367 14.185 14.367h191.963c7.098 0 12.852-5.741 12.852-12.822 0-7.083-5.754-12.824-12.852-12.824h-9.137c-5.633 0-10.2-4.557-10.2-10.177 0-5.62 4.567-10.177 10.2-10.177h8.929M174 133c-16.427-5.062-18-27-18-27M205 133c16.427-5.062 18-27 18-27M192 78.658h-6.524c-5.16 0-10.1 2.06-13.683 5.708L158.4 98l-8.326-10.166a9.105 9.105 0 0 1 .816-12.438c3.74-3.524 9.76-3.107 12.959.895l7.162 8.85"/><path d="M189 78.658h6.524c5.16 0 10.1 2.06 13.683 5.708l1.027 1.045L222.6 98l8.326-10.166a9.105 9.105 0 0 0-.816-12.438c-3.74-3.524-9.76-3.107-12.959.895l-8.482 9.195M199.364 108.824l4.492 22.427c.616 3.078-.773 5.296-3.576 7.652l-.07.036c-8.431 6.74-11.29 6.74-20.685.046l-.099-.046c-.016-.009-.037-.014-.051-.027-2.279-1.968-3.775-4.062-3.28-6.823l4.177-23.265c.982-4.569 4.954-7.824 9.546-7.824s8.565 3.255 9.546 7.824"/><path d="m176 135 4.879 15H193"/><path d="m205 133-5.66 17H187M157.728 98 146 146.747l24.135 17.435c2.328 1.681 5.638.657 6.578-2.035L181 149.869"/><path d="M222.584 97 234 146.617l-24.136 17.56c-2.327 1.693-5.637.66-6.577-2.051L199 149.762M147.033 146l-14.499 41.89a9.695 9.695 0 0 0 4.518 11.68L175.778 221l.222-56.335M124 216l8-23M111 283l3.896-55.198c.747-8.864 10.144-14.32 18.323-10.637l8.3 3.737c15.768 7.1 22.127 25.962 13.827 41.014M158 256l17-34M131.055 298.148l-1.873 1.89a3.244 3.244 0 0 1-4.597.014l-11.626-11.59a3.266 3.266 0 0 1-.014-4.61l1.873-1.89a3.245 3.245 0 0 1 4.597-.015l11.626 11.592a3.265 3.265 0 0 1 .014 4.61Z"/><path d="m137.055 291.148-1.873 1.89a3.244 3.244 0 0 1-4.597.014l-11.626-11.59a3.266 3.266 0 0 1-.014-4.61l1.873-1.89a3.245 3.245 0 0 1 4.597-.015l11.626 11.592a3.265 3.265 0 0 1 .014 4.61ZM143.055 284.148l-1.873 1.89a3.244 3.244 0 0 1-4.597.014l-11.626-11.59a3.266 3.266 0 0 1-.014-4.61l1.873-1.89a3.245 3.245 0 0 1 4.597-.015l11.626 11.592a3.265 3.265 0 0 1 .014 4.61ZM191 234h-5.91c-9.516 0-18.226 5.314-22.528 13.747L158 257M234.568 147l14.85 41.4c1.62 4.523-.237 9.578-4.37 11.889L207.325 222 207 165.196M249 193l8 23M224.645 261.632c-8.28-15.286-1.936-34.442 13.795-41.654l8.279-3.795c8.16-3.74 17.535 1.8 18.278 10.804L269 285M222 256l-15-34"/><path d="m250.945 298.148 1.873 1.89a3.243 3.243 0 0 0 4.596.014l11.627-11.59a3.267 3.267 0 0 0 .014-4.61l-1.873-1.89a3.244 3.244 0 0 0-4.596-.015l-11.627 11.592a3.266 3.266 0 0 0-.014 4.61ZM243.945 291.148l1.873 1.89a3.243 3.243 0 0 0 4.596.014l11.627-11.59a3.267 3.267 0 0 0 .014-4.61l-1.873-1.89a3.244 3.244 0 0 0-4.596-.015l-11.627 11.592a3.266 3.266 0 0 0-.014 4.61ZM236.945 284.148l1.873 1.89a3.243 3.243 0 0 0 4.596.014l11.627-11.59a3.267 3.267 0 0 0 .014-4.61l-1.873-1.89a3.244 3.244 0 0 0-4.596-.015l-11.627 11.592a3.266 3.266 0 0 0-.014 4.61ZM189 234h5.91c9.517 0 18.226 5.314 22.529 13.747L222 257M112 272h0c-10.88 0-19.543 7.901-22 18M148 324l-26-27M268 271h0c10.858 0 19.512 7.893 22 18M232 326l28-28M128 205l44 23M252 205l-42 23"/><path d="m230.945 278.148 1.873 1.89a3.244 3.244 0 0 0 4.597.014l11.626-11.59a3.266 3.266 0 0 0 .014-4.61l-1.873-1.89a3.245 3.245 0 0 0-4.597-.015L230.96 273.54a3.265 3.265 0 0 0-.014 4.61ZM266 238l-34 33M115 238l25 26M150.055 278.148l-1.873 1.89a3.243 3.243 0 0 1-4.596.014l-11.627-11.59a3.267 3.267 0 0 1-.014-4.61l1.873-1.89a3.244 3.244 0 0 1 4.596-.015l11.627 11.592a3.266 3.266 0 0 1 .014 4.61Z"/><path d="M231 278v48h-82v-46.843M149 270.917V262h82v11M209 108.5c0-2.485-1.79-4.5-4-4.5s-4 2.015-4 4.5 1.79 4.5 4 4.5 4-2.015 4-4.5ZM181 108.5c0-2.485-1.79-4.5-4-4.5s-4 2.015-4 4.5 1.79 4.5 4 4.5 4-2.015 4-4.5ZM189.415 122.552l-4.963-4.943c-.966-.963-.28-2.609 1.085-2.609h9.926c1.366 0 2.051 1.646 1.085 2.609l-4.963 4.943a1.538 1.538 0 0 1-2.17 0ZM170 85c8.981.844 16 8.133 16 17M210 85c-8.987.878-16 8.154-16 17M70 272.427C70 262.25 61.717 254 51.5 254c-10.218 0-18.5 8.25-18.5 18.427 0 6.552 3.434 12.306 8.607 15.573"/><path d="M38.27 260c-7.027 7.107-7.027 18.63 0 25.736a14.28 14.28 0 0 0 20.357 0c4.497-4.548 4.497-11.923 0-16.471a9.14 9.14 0 0 0-13.029 0c-2.877 2.91-2.877 7.63 0 10.542M20.63 282.419A13.295 13.295 0 0 0 14.64 281C7.107 281 1 287.268 1 295s6.107 14 13.64 14c4.74 0 8.915-2.481 11.36-6.247"/><path d="M32 272.38a8.15 8.15 0 0 0-2.462-.38c-4.715 0-8.538 4.03-8.538 9M5 304.82a13.734 13.734 0 0 0 19.731 0c4.359-4.458 4.359-11.687 0-16.145a8.79 8.79 0 0 0-12.628 0c-2.79 2.854-2.79 7.48 0 10.333"/><path d="M27 302c3.434 7.1 10.73 12 19.174 12 7.464 0 14.03-3.828 17.826-9.62M64 305.139c2.642 4.7 7.568 7.861 13.21 7.861 6.085 0 11.339-3.678 13.79-9"/><path d="M66 307.275c6.16 6.3 16.145 6.3 22.305 0 4.927-5.04 4.926-13.211 0-18.251a9.937 9.937 0 0 0-14.276 0c-3.154 3.225-3.154 8.455 0 11.68a6.359 6.359 0 0 0 9.136 0M95 280c-2.94-5.345-8.88-9-15.73-9-3.399 0-6.574.9-9.27 2.461M312 272.427C312 262.25 320.283 254 330.5 254c10.218 0 18.5 8.25 18.5 18.427 0 6.552-3.434 12.306-8.607 15.573"/><path d="M343.73 260c7.027 7.107 7.027 18.63 0 25.736a14.28 14.28 0 0 1-20.357 0c-4.497-4.548-4.497-11.923 0-16.471a9.14 9.14 0 0 1 13.029 0c2.877 2.91 2.877 7.63 0 10.542M360.37 282.419a13.295 13.295 0 0 1 5.99-1.419c7.533 0 13.64 6.268 13.64 14s-6.107 14-13.64 14c-4.74 0-8.915-2.481-11.36-6.247"/><path d="M350 272.38a8.15 8.15 0 0 1 2.462-.38c4.715 0 8.538 4.03 8.538 9M376 304.82a13.734 13.734 0 0 1-19.731 0c-4.359-4.458-4.359-11.687 0-16.145a8.79 8.79 0 0 1 12.628 0c2.79 2.854 2.79 7.48 0 10.333"/><path d="M354 302c-3.434 7.1-10.73 12-19.174 12A21.273 21.273 0 0 1 317 304.38M317 305.139c-2.642 4.7-7.568 7.861-13.21 7.861-6.085 0-11.34-3.678-13.79-9"/><path d="M316 307.275a15.524 15.524 0 0 1-22.305 0c-4.927-5.04-4.926-13.211 0-18.251a9.937 9.937 0 0 1 14.276 0c3.154 3.225 3.153 8.455 0 11.68a6.359 6.359 0 0 1-9.136 0M287 280c2.94-5.345 8.88-9 15.73-9 3.399 0 6.574.9 9.27 2.461M188.316 283.508c1.033-1.103 2.47-1.789 4.059-1.789 2.112 0 3.955 1.21 4.936 3.006a6.663 6.663 0 0 1 2.79-.61c3.81 0 6.899 3.2 6.899 7.147 0 3.946-3.089 7.146-6.899 7.146-.464 0-.92-.048-1.359-.14-.864 1.584-2.51 2.653-4.4 2.653a4.91 4.91 0 0 1-2.208-.521c-.876 2.116-2.917 3.6-5.296 3.6-2.477 0-4.589-1.61-5.399-3.867a5.145 5.145 0 0 1-1.098.117c-2.95 0-5.341-2.48-5.341-5.542 0-2.05 1.074-3.842 2.67-4.8a6.492 6.492 0 0 1-.511-2.535c0-3.52 2.783-6.373 6.215-6.373 2.016 0 3.807.983 4.942 2.508ZM235.25 151.665c18.293 13.738 30.124 35.598 30.124 60.217 0 3.724-.27 7.383-.793 10.963M115.568 223.911a75.81 75.81 0 0 1-.957-12.029c0-24.69 11.898-46.603 30.28-60.335"/><path d="M229.425 128.689c31.155 14.758 52.7 46.463 52.7 83.193 0 17.726-5.016 34.28-13.71 48.324M112.825 262.178c-9.464-14.457-14.965-31.735-14.965-50.296 0-37.016 21.881-68.929 53.43-83.535"/><path d="M224.991 108.866c42.967 14.559 73.885 55.181 73.885 103.017 0 23.134-7.231 44.58-19.56 62.208M100.962 274.51c-12.507-17.706-19.854-39.31-19.854-62.628 0-48.428 31.69-89.464 75.49-103.545"/><path d="M228.48 92.392c50.56 16.234 87.148 63.594 87.148 119.49 0 20.852-5.092 40.516-14.101 57.819M79.276 271.245c-9.518-17.673-14.92-37.888-14.92-59.362 0-56.295 37.112-103.93 88.231-119.833"/><path d="M54.29 255.075c-4.342-13.622-6.684-28.134-6.684-43.193 0-78.545 63.748-142.22 142.386-142.22s142.387 63.675 142.387 142.22c0 14.807-2.266 29.086-6.47 42.509M237.817 335h-95.633c-1.758 0-3.184-1.46-3.184-3.26v-2.48c0-1.8 1.426-3.26 3.184-3.26h95.633c1.757 0 3.183 1.46 3.183 3.26v2.48c0 1.8-1.426 3.26-3.183 3.26Z"/><path d="M37.955 257.436C33.433 242.698 31 227.05 31 210.831c0-6.427.382-12.765 1.125-18.993a157.799 157.799 0 0 1 6.725-30.437 157.805 157.805 0 0 1 8.881-21.568 158.657 158.657 0 0 1 7.757-13.73 159.458 159.458 0 0 1 16.358-21.558C100.948 72.282 143.103 52 190 52c87.813 0 159 71.111 159 158.831 0 15.76-2.298 30.984-6.577 45.356l-.664 1.813M48.368 75.44l-.954 2.577a.668.668 0 0 1-.396.398l-2.579.954a.673.673 0 0 0 0 1.262l2.579.954a.67.67 0 0 1 .396.398l.954 2.578a.674.674 0 0 0 1.264 0l.953-2.578a.673.673 0 0 1 .398-.398l2.577-.954a.673.673 0 0 0 0-1.262l-2.577-.954a.67.67 0 0 1-.398-.398l-.953-2.578a.674.674 0 0 0-1.264 0ZM195 24a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM101 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM24 255a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/></g></svg>';
|
|
375
9
|
|
|
376
|
-
const codeyDesktop =
|
|
377
|
-
<svg class="codey-desktop" width="
|
|
378
|
-
<g id="Salesforce-Developers" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
|
|
379
|
-
<g id="Podcast" transform="translate(-919.000000, -188.000000)" stroke="#1A96FF" stroke-width="2">
|
|
380
|
-
<g id="header-bg" transform="translate(0.000000, 116.000000)">
|
|
381
|
-
<g id="Graphics" transform="translate(676.000000, 0.000000)">
|
|
382
|
-
<g id="codey" transform="translate(244.000000, 73.000000)">
|
|
383
|
-
<path d="M88.8778037,289 L99.0125595,289 C102.388394,289 105.312238,290.924538 106.744752,293.734171 C107.344184,294.910278 107.682574,296.240733 107.682574,297.650775 C107.682574,302.428357 103.799961,306.300746 99.0125595,306.300746 L98.1915629,306.300746 C90.4529248,306.300746 84.1355211,312.489977 84.009028,320.209836 C84.006611,320.350518 84.0041939,320.492005 84,320.633491 C83.8777008,328.532619 90.2676164,335 98.1851174,335 L290.148463,335 C297.245773,335 303,329.258541 303,322.177784 C303,315.09542 297.245773,309.353961 290.148463,309.353961 L281.011149,309.353961 C275.377775,309.353961 270.811938,304.797452 270.811938,299.177382 C270.811938,293.556509 275.377775,289 281.011149,289 L289.939789,289" id="Stroke-1"></path>
|
|
384
|
-
<path d="M173,132 C156.572738,126.937597 155,105 155,105" id="Stroke-3"></path>
|
|
385
|
-
<path d="M204,132 C220.427262,126.937597 222,105 222,105" id="Stroke-5"></path>
|
|
386
|
-
<path d="M191,77.6581163 L184.475679,77.6581163 C179.315255,77.6581163 174.375389,79.7183211 170.792932,83.3658706 L157.400478,97 L149.074388,86.8343065 C146.021434,83.1071509 146.375787,77.7082681 149.890131,74.3958601 C153.629087,70.872496 159.649853,71.2888357 162.848765,75.2914282 L170.011246,84.1404375" id="Stroke-7"></path>
|
|
387
|
-
<path d="M188,77.6581163 L194.524321,77.6581163 C199.684745,77.6581163 204.624611,79.7183211 208.207068,83.3658706 L209.233639,84.4110981 L221.599522,97 L229.925612,86.8343065 C232.978566,83.1071509 232.624213,77.7082681 229.109869,74.3958601 C225.370913,70.872496 219.350147,71.2888357 216.151235,75.2914282 L207.668646,84.4859278" id="Stroke-9"></path>
|
|
388
|
-
<path d="M198.364483,107.824391 L202.855674,130.251491 C203.472175,133.3287 202.082652,135.546926 199.279651,137.902621 L199.210175,137.939226 C190.77881,144.679313 187.919908,144.679313 178.524663,137.984778 L178.426438,137.939226 C178.409668,137.930278 178.388905,137.924584 178.374531,137.912383 C176.096193,135.94388 174.599662,133.850109 175.094779,131.089325 L179.27213,107.824391 C180.25358,103.25535 184.226495,100 188.818306,100 C193.410118,100 197.383033,103.25535 198.364483,107.824391" id="Stroke-11"></path>
|
|
389
|
-
<polyline id="Stroke-13" points="175 134 179.879035 149 192 149"></polyline>
|
|
390
|
-
<polyline id="Stroke-15" points="204 132 198.339981 149 186 149"></polyline>
|
|
391
|
-
<path d="M156.72766,97 L145,145.746799 L169.135418,163.182305 C171.463138,164.863395 174.772953,163.838906 175.712947,161.146923 L180,148.869051" id="Stroke-17"></path>
|
|
392
|
-
<path d="M221.583507,96 L233,145.617233 L208.86433,163.176529 C206.536664,164.869554 203.226926,163.837792 202.286954,161.125891 L198,148.761653" id="Stroke-19"></path>
|
|
393
|
-
<path d="M146.033497,145 L131.534413,186.890072 C129.986101,191.363312 131.895713,196.300672 136.051879,198.570154 L174.778349,220 L175,163.6646" id="Stroke-21"></path>
|
|
394
|
-
<line x1="123" y1="215" x2="131" y2="192" id="Stroke-23"></line>
|
|
395
|
-
<path d="M110,282 L113.896392,226.802466 C114.643059,217.937555 124.039764,212.482287 132.2192,216.165212 L140.51891,219.902474 C156.286907,227.002234 162.646089,245.864341 154.346379,260.915672" id="Stroke-25"></path>
|
|
396
|
-
<line x1="157" y1="255" x2="174" y2="221" id="Stroke-27"></line>
|
|
397
|
-
<path d="M130.054901,297.148167 L128.181932,299.038339 C126.915567,300.315439 124.858896,300.320927 123.585495,299.05245 L111.95917,287.461332 C110.685769,286.192071 110.679515,284.128641 111.945099,282.85154 L113.818068,280.961369 C115.084433,279.685052 117.141104,279.67878 118.414505,280.947257 L130.04083,292.539159 C131.314231,293.807636 131.320485,295.871851 130.054901,297.148167 Z" id="Stroke-29"></path>
|
|
398
|
-
<path d="M136.054901,290.148167 L134.181932,292.038339 C132.915567,293.315439 130.858896,293.320927 129.585495,292.05245 L117.95917,280.461332 C116.685769,279.192071 116.679515,277.128641 117.945099,275.85154 L119.818068,273.961369 C121.084433,272.685052 123.141104,272.67878 124.414505,273.947257 L136.04083,285.539159 C137.314231,286.807636 137.320485,288.871851 136.054901,290.148167 Z" id="Stroke-31"></path>
|
|
399
|
-
<path d="M142.054901,283.148167 L140.181932,285.038339 C138.915567,286.315439 136.858896,286.320927 135.585495,285.05245 L123.95917,273.461332 C122.685769,272.192071 122.679515,270.128641 123.945099,268.85154 L125.818068,266.961369 C127.084433,265.685052 129.141104,265.67878 130.414505,266.947257 L142.04083,278.539159 C143.314231,279.807636 143.320485,281.871851 142.054901,283.148167 Z" id="Stroke-33"></path>
|
|
400
|
-
<path d="M190,233 L184.089849,233 C174.573559,233 165.864031,238.313657 161.56183,246.74699 L157,256" id="Stroke-35"></path>
|
|
401
|
-
<path d="M233.568082,146 L248.417088,187.399941 C250.038412,191.922604 248.180694,196.977631 244.047392,199.288617 L206.325538,221 L206,164.195656" id="Stroke-37"></path>
|
|
402
|
-
<line x1="248" y1="192" x2="256" y2="215" id="Stroke-39"></line>
|
|
403
|
-
<path d="M223.645385,260.631856 C215.364729,245.345787 221.708695,226.189508 237.439767,218.97821 L245.718812,215.183474 C253.879481,211.44311 263.253702,216.982646 263.996972,225.986625 L268,284" id="Stroke-41"></path>
|
|
404
|
-
<line x1="221" y1="255" x2="206" y2="221" id="Stroke-43"></line>
|
|
405
|
-
<path d="M249.945219,297.148167 L251.818234,299.038339 C253.08463,300.315439 255.141351,300.320927 256.414001,299.05245 L268.041393,287.461332 C269.314043,286.192071 269.320297,284.128641 268.055464,282.85154 L266.181667,280.961369 C264.916053,279.685052 262.85855,279.67878 261.5859,280.947257 L249.958508,292.539159 C248.685858,293.807636 248.679604,295.871851 249.945219,297.148167 Z" id="Stroke-45"></path>
|
|
406
|
-
<path d="M242.944531,290.148167 L244.818319,292.038339 C246.083927,293.315439 248.14142,293.320927 249.414063,292.05245 L261.041398,280.461332 C262.314042,279.192071 262.320295,277.128641 261.055469,275.85154 L259.181681,273.961369 C257.916073,272.685052 255.85858,272.67878 254.585937,273.947257 L242.958602,285.539159 C241.685958,286.807636 241.679705,288.871851 242.944531,290.148167 Z" id="Stroke-47"></path>
|
|
407
|
-
<path d="M235.944531,283.148167 L237.818319,285.038339 C239.083927,286.315439 241.14142,286.320927 242.414063,285.05245 L254.041398,273.461332 C255.314042,272.192071 255.320295,270.128641 254.055469,268.85154 L252.181681,266.961369 C250.916073,265.685052 248.85858,265.67878 247.585937,266.947257 L235.958602,278.539159 C234.685958,279.807636 234.679705,281.871851 235.944531,283.148167 Z" id="Stroke-49"></path>
|
|
408
|
-
<path d="M188,233 L193.910293,233 C203.426813,233 212.135755,238.313657 216.438856,246.74699 L221,256" id="Stroke-51"></path>
|
|
409
|
-
<path d="M111,271 L111,271 C100.12094,271 91.4566128,278.900982 89,289" id="Stroke-53"></path>
|
|
410
|
-
<line x1="147" y1="323" x2="121" y2="296" id="Stroke-55"></line>
|
|
411
|
-
<path d="M267,270 L267,270 C277.858044,270 286.51183,277.893084 289,288" id="Stroke-57"></path>
|
|
412
|
-
<line x1="231" y1="325" x2="259" y2="297" id="Stroke-59"></line>
|
|
413
|
-
<line x1="127" y1="204" x2="171" y2="227" id="Stroke-61"></line>
|
|
414
|
-
<line x1="251" y1="204" x2="209" y2="227" id="Stroke-63"></line>
|
|
415
|
-
<path d="M229.945099,277.148167 L231.818068,279.038339 C233.084433,280.315439 235.141104,280.320927 236.414505,279.05245 L248.04083,267.461332 C249.314231,266.192071 249.320485,264.128641 248.054901,262.85154 L246.181932,260.961369 C244.915567,259.685052 242.858896,259.67878 241.585495,260.947257 L229.95917,272.539159 C228.685769,273.807636 228.679515,275.871851 229.945099,277.148167 Z" id="Stroke-65"></path>
|
|
416
|
-
<line x1="265" y1="237" x2="231" y2="270" id="Stroke-67"></line>
|
|
417
|
-
<line x1="114" y1="237" x2="139" y2="263" id="Stroke-69"></line>
|
|
418
|
-
<path d="M149.055469,277.148167 L147.181681,279.038339 C145.916073,280.315439 143.85858,280.320927 142.585937,279.05245 L130.958602,267.461332 C129.685958,266.192071 129.679705,264.128641 130.944531,262.85154 L132.818319,260.961369 C134.083927,259.685052 136.14142,259.67878 137.414063,260.947257 L149.041398,272.539159 C150.314042,273.807636 150.320295,275.871851 149.055469,277.148167 Z" id="Stroke-71"></path>
|
|
419
|
-
<polyline id="Stroke-73" points="230 277 230 325 148 325 148 278.156724"></polyline>
|
|
420
|
-
<polyline id="Stroke-75" points="148 269.917338 148 261 230 261 230 272"></polyline>
|
|
421
|
-
<path d="M208,107.5 C208,105.015364 206.209162,103 203.999616,103 C201.790838,103 200,105.015364 200,107.5 C200,109.984636 201.790838,112 203.999616,112 C206.209162,112 208,109.984636 208,107.5 Z" id="Stroke-77"></path>
|
|
422
|
-
<path d="M180,107.5 C180,105.015364 178.209162,103 175.999616,103 C173.790838,103 172,105.015364 172,107.5 C172,109.984636 173.790838,112 175.999616,112 C178.209162,112 180,109.984636 180,107.5 Z" id="Stroke-79"></path>
|
|
423
|
-
<path d="M188.415295,121.55244 L183.45206,116.608799 C182.485833,115.646225 183.171248,114 184.537093,114 L194.462731,114 C195.829407,114 196.513991,115.646225 195.547764,116.608799 L190.584529,121.55244 C189.985518,122.149187 189.014306,122.149187 188.415295,121.55244 Z" id="Stroke-81"></path>
|
|
424
|
-
<path d="M169,84 C177.981403,84.8438158 185,92.1330174 185,101" id="Stroke-83"></path>
|
|
425
|
-
<path d="M209,84 C200.012791,84.8775559 193,92.1536178 193,101" id="Stroke-85"></path>
|
|
426
|
-
<path d="M69,271.426641 C69,261.250095 60.7168784,253 50.499594,253 C40.2823096,253 32,261.250095 32,271.426641 C32,277.979163 35.4339105,283.732636 40.607106,287" id="Stroke-87"></path>
|
|
427
|
-
<path d="M37.2703059,259 C30.2432314,266.107202 30.2432314,277.629269 37.2703059,284.735679 C42.8919654,290.42144 52.0060105,290.42144 57.6268867,284.735679 C62.1243711,280.187703 62.1243711,272.813485 57.6268867,268.264718 C54.029526,264.626337 48.1963491,264.626337 44.5982049,268.264718 C41.7207864,271.175739 41.7207864,275.89565 44.5982049,278.806671" id="Stroke-89"></path>
|
|
428
|
-
<path d="M19.6298872,281.418715 C17.8218204,280.509913 15.7889043,280 13.6400865,280 C6.10724772,280 0,286.268041 0,294 C0,301.731959 6.10724772,308 13.6400865,308 C18.3804667,308 22.5552465,305.518636 25,301.752577" id="Stroke-91"></path>
|
|
429
|
-
<path d="M31,271.379934 C30.2199135,271.133224 29.3930218,271 28.5380469,271 C23.823204,271 20,275.029605 20,280" id="Stroke-93"></path>
|
|
430
|
-
<path d="M4,303.820447 C9.44836147,309.393184 18.2821824,309.393184 23.7313425,303.820447 C28.0895525,299.36193 28.0895525,292.133382 23.7313425,287.674865 C20.2436564,284.108378 14.590043,284.108378 11.1031555,287.674865 C8.31268718,290.529035 8.31268718,295.155011 11.1031555,298.008364" id="Stroke-95"></path>
|
|
431
|
-
<path d="M26,301 C29.4338596,308.10064 36.7291886,313 45.1742763,313 C52.6383772,313 59.2042544,309.171794 63,303.379805" id="Stroke-97"></path>
|
|
432
|
-
<path d="M63,304.138559 C65.6418117,308.839836 70.5683704,312 76.2090584,312 C82.2954938,312 87.5487784,308.321578 90,303" id="Stroke-99"></path>
|
|
433
|
-
<path d="M65,306.274711 C71.1597675,312.575096 81.1453687,312.575096 87.3051362,306.274711 C92.2321528,301.235218 92.2313554,293.063882 87.3043388,288.023574 C83.3620876,283.992142 76.9710796,283.992142 73.0288284,288.023574 C69.8751869,291.249208 69.8751869,296.478732 73.0288284,299.704367 C75.5517416,302.284874 79.6423056,302.284874 82.1652188,299.704367" id="Stroke-101"></path>
|
|
434
|
-
<path d="M94,279 C91.0604229,273.654655 85.1204939,270 78.2705435,270 C74.8711576,270 71.6956786,270.90015 69,272.460961" id="Stroke-103"></path>
|
|
435
|
-
<path d="M311,271.426641 C311,261.250095 319.283122,253 329.500406,253 C339.71769,253 348,261.250095 348,271.426641 C348,277.979163 344.566089,283.732636 339.392894,287" id="Stroke-105"></path>
|
|
436
|
-
<path d="M342.729694,259 C349.756769,266.107202 349.756769,277.629269 342.729694,284.735679 C337.108035,290.42144 327.993989,290.42144 322.373113,284.735679 C317.875629,280.187703 317.875629,272.813485 322.373113,268.264718 C325.970474,264.626337 331.803651,264.626337 335.401795,268.264718 C338.279214,271.175739 338.279214,275.89565 335.401795,278.806671" id="Stroke-107"></path>
|
|
437
|
-
<path d="M359.370113,281.418715 C361.17818,280.509913 363.211096,280 365.359913,280 C372.892752,280 379,286.268041 379,294 C379,301.731959 372.892752,308 365.359913,308 C360.619533,308 356.444754,305.518636 354,301.752577" id="Stroke-109"></path>
|
|
438
|
-
<path d="M349,271.379934 C349.780087,271.133224 350.606978,271 351.461953,271 C356.176796,271 360,275.029605 360,280" id="Stroke-111"></path>
|
|
439
|
-
<path d="M375,303.820447 C369.551639,309.393184 360.717019,309.393184 355.268657,303.820447 C350.910448,299.36193 350.910448,292.133382 355.268657,287.674865 C358.755545,284.108378 364.409957,284.108378 367.896844,287.674865 C370.687313,290.529035 370.687313,295.155011 367.896844,298.008364" id="Stroke-113"></path>
|
|
440
|
-
<path d="M353,301 C349.56614,308.10064 342.270811,313 333.825724,313 C326.361623,313 319.794934,309.171794 316,303.379805" id="Stroke-115"></path>
|
|
441
|
-
<path d="M316,304.138559 C313.358188,308.839836 308.43163,312 302.790164,312 C296.704506,312 291.450444,308.321578 289,303" id="Stroke-117"></path>
|
|
442
|
-
<path d="M315,306.274711 C308.840232,312.575096 298.854631,312.575096 292.694864,306.274711 C287.767847,301.235218 287.768645,293.063882 292.695661,288.023574 C296.637912,283.992142 303.02892,283.992142 306.971172,288.023574 C310.124813,291.249208 310.124016,296.478732 306.971172,299.704367 C304.448258,302.284874 300.357694,302.284874 297.834781,299.704367" id="Stroke-119"></path>
|
|
443
|
-
<path d="M286,279 C288.939577,273.654655 294.879506,270 301.729457,270 C305.128842,270 308.304321,270.90015 311,272.460961" id="Stroke-121"></path>
|
|
444
|
-
<path d="M187.316341,282.508484 C188.348548,281.404555 189.785387,280.719386 191.374557,280.719386 C193.486574,280.719386 195.329631,281.929227 196.31106,283.724841 C197.16396,283.332967 198.1081,283.11544 199.101431,283.11544 C202.911313,283.11544 206,286.314796 206,290.262052 C206,294.208494 202.911313,297.40785 199.101431,297.40785 C198.636501,297.40785 198.181092,297.359782 197.742345,297.268535 C196.878338,298.851511 195.23125,299.921221 193.341383,299.921221 C192.549575,299.921221 191.80061,299.733839 191.134158,299.399809 C190.25825,301.516418 188.216845,303 185.838247,303 C183.361267,303 181.24925,301.390139 180.439194,299.132585 C180.084546,299.209982 179.717204,299.249903 179.341135,299.249903 C176.391292,299.249903 174,296.769119 174,293.708264 C174,291.657646 175.074257,289.866105 176.670568,288.908009 C176.342102,288.131593 176.158828,287.274521 176.158828,286.373455 C176.158828,282.853919 178.942057,280 182.374284,280 C184.390301,280 186.180993,280.983352 187.316341,282.508484 Z" id="Stroke-123"></path>
|
|
445
|
-
<g id="Group-143" transform="translate(46.000000, 68.000000)">
|
|
446
|
-
<path d="M188.250678,82.6650641 C206.543399,96.4026891 218.374132,118.26283 218.374132,142.882244 C218.374132,146.605533 218.103439,150.265252 217.580583,153.844502" id="Stroke-125"></path>
|
|
447
|
-
<path d="M68.5676541,154.911276 C67.9384541,150.994057 67.6113668,146.976252 67.6113668,142.882002 C67.6113668,118.19258 79.5089668,96.2785258 97.8903076,82.5473383" id="Stroke-127"></path>
|
|
448
|
-
<path d="M182.424818,59.6885805 C213.580288,74.4473539 235.124548,106.152041 235.124548,142.882002 C235.124548,160.607659 230.108672,177.16169 221.414272,191.205901" id="Stroke-129"></path>
|
|
449
|
-
<path d="M65.8250349,193.177546 C56.3612546,178.721335 50.8595814,161.443085 50.8595814,142.882163 C50.8595814,105.865734 72.7414011,73.9534367 104.289215,59.3467492" id="Stroke-131"></path>
|
|
450
|
-
<path d="M177.991496,39.8664719 C220.957558,54.4248781 251.876172,95.0471125 251.876172,142.882566 C251.876172,166.016527 244.644803,187.463058 232.316189,205.091347" id="Stroke-133"></path>
|
|
451
|
-
<path d="M53.9623994,205.509141 C41.4549346,187.803602 34.1075544,166.199352 34.1075544,142.881922 C34.1075544,94.4542187 65.7987713,53.418375 109.597053,39.3371484" id="Stroke-135"></path>
|
|
452
|
-
<path d="M181.479165,23.3920242 C232.039131,39.6257898 268.627796,86.9864773 268.627796,142.882485 C268.627796,163.733548 263.53619,183.397696 254.526788,200.700891" id="Stroke-137"></path>
|
|
453
|
-
<path d="M32.2756237,202.245167 C22.7578659,184.571816 17.3560913,164.357261 17.3560913,142.882566 C17.3560913,86.5882375 54.468418,38.9523469 105.587494,23.0501125" id="Stroke-139"></path>
|
|
454
|
-
<path d="M7.29074423,186.074811 C2.94837803,172.453061 0.60559493,157.941327 0.60559493,142.882405 C0.60559493,64.3368578 64.3537865,0.662740625 142.991702,0.662740625 C221.630423,0.662740625 285.37942,64.3368578 285.37942,142.882405 C285.37942,157.689459 283.113172,171.967834 278.909375,185.390827" id="Stroke-141"></path>
|
|
455
|
-
</g>
|
|
456
|
-
<path d="M236.816617,334 L141.184186,334 C139.425815,334 138,332.540452 138,330.739464 L138,328.260536 C138,326.459548 139.425815,325 141.184186,325 L236.816617,325 C238.574185,325 240,326.459548 240,328.260536 L240,330.739464 C240,332.540452 238.574185,334 236.816617,334 Z" id="Stroke-144"></path>
|
|
457
|
-
<path d="M36.95462,256.436341 C32.4333121,241.698393 30,226.048619 30,209.831167 C30,203.40417 30.3823431,197.065622 31.1252962,190.838037 C31.7958052,185.219943 32.7593099,179.691905 34.0005164,174.270006 C35.0783215,169.563737 36.3654091,164.937875 37.8505103,160.401266 C40.2902618,152.954698 43.2652937,145.750158 46.7313347,138.833478 C49.0938126,134.117559 51.6848916,129.535922 54.4884728,125.102235 C59.329339,117.449823 64.8069072,110.23885 70.8455136,103.5449 C99.9478616,71.2820675 142.103001,51 189,51 C276.812542,51 348,122.111064 348,209.831167 C348,225.591099 345.701917,240.814711 341.422894,255.186804 L340.758824,257" id="Stroke-146"></path>
|
|
458
|
-
<path d="M47.3684507,74.4393933 L46.4143039,77.0170007 C46.3468053,77.201175 46.2018083,77.3470145 46.0176455,77.4145173 L43.4393658,78.3687237 C42.8535447,78.5853994 42.8535447,79.4146006 43.4393658,79.6312763 L46.0176455,80.5854827 C46.2018083,80.6538189 46.3468053,80.798825 46.4143039,80.9829993 L47.3684507,83.5606067 C47.5859461,84.1464644 48.4142622,84.1464644 48.6317577,83.5606067 L49.5850711,80.9829993 C49.6534031,80.798825 49.7984,80.6538189 49.9833962,80.5854827 L52.5600092,79.6312763 C53.1466636,79.4146006 53.1466636,78.5853994 52.5600092,78.3687237 L49.9833962,77.4145173 C49.7984,77.3470145 49.6534031,77.201175 49.5850711,77.0170007 L48.6317577,74.4393933 C48.4142622,73.8535356 47.5859461,73.8535356 47.3684507,74.4393933 Z" id="Stroke-150-Copy"></path>
|
|
459
|
-
<path d="M194,23 C194,24.6563275 192.65705,26 190.999535,26 C189.34295,26 188,24.6563275 188,23 C188,21.3436725 189.34295,20 190.999535,20 C192.65705,20 194,21.3436725 194,23 Z" id="Stroke-154-Copy"></path>
|
|
460
|
-
<path d="M100,3 C100,4.65632754 98.6570498,6 96.9995347,6 C95.3429502,6 94,4.65632754 94,3 C94,1.34367246 95.3429502,0 96.9995347,0 C98.6570498,0 100,1.34367246 100,3 Z" id="Stroke-154-Copy-2"></path>
|
|
461
|
-
<path d="M23,254 C23,255.656328 21.6570498,257 19.9995347,257 C18.3429502,257 17,255.656328 17,254 C17,252.343672 18.3429502,251 19.9995347,251 C21.6570498,251 23,252.343672 23,254 Z" id="Stroke-160"></path>
|
|
462
|
-
</g>
|
|
463
|
-
</g>
|
|
464
|
-
</g>
|
|
465
|
-
</g>
|
|
466
|
-
</g>
|
|
467
|
-
</svg>
|
|
468
|
-
`;
|
|
10
|
+
const codeyDesktop =
|
|
11
|
+
'<svg class="codey-desktop" width="381" height="337" viewBox="0 0 381 337" xmlns="http://www.w3.org/2000/svg"><g stroke="#1A96FF" stroke-width="2" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"><path d="M89.878 290h10.135a8.67 8.67 0 0 1 7.732 4.734c.6 1.176.938 2.507.938 3.917 0 4.777-3.883 8.65-8.67 8.65h-.821c-7.74 0-14.056 6.189-14.183 13.909l-.009.423c-.122 7.9 6.268 14.367 14.185 14.367h191.963c7.098 0 12.852-5.741 12.852-12.822 0-7.083-5.754-12.824-12.852-12.824h-9.137c-5.633 0-10.2-4.557-10.2-10.177 0-5.62 4.567-10.177 10.2-10.177h8.929M174 133c-16.427-5.062-18-27-18-27M205 133c16.427-5.062 18-27 18-27M192 78.658h-6.524c-5.16 0-10.1 2.06-13.683 5.708L158.4 98l-8.326-10.166a9.105 9.105 0 0 1 .816-12.438c3.74-3.524 9.76-3.107 12.959.895l7.162 8.85"/><path d="M189 78.658h6.524c5.16 0 10.1 2.06 13.683 5.708l1.027 1.045L222.6 98l8.326-10.166a9.105 9.105 0 0 0-.816-12.438c-3.74-3.524-9.76-3.107-12.959.895l-8.482 9.195M199.364 108.824l4.492 22.427c.616 3.078-.773 5.296-3.576 7.652l-.07.036c-8.431 6.74-11.29 6.74-20.685.046l-.099-.046c-.016-.009-.037-.014-.051-.027-2.279-1.968-3.775-4.062-3.28-6.823l4.177-23.265c.982-4.569 4.954-7.824 9.546-7.824s8.565 3.255 9.546 7.824"/><path d="m176 135 4.879 15H193"/><path d="m205 133-5.66 17H187M157.728 98 146 146.747l24.135 17.435c2.328 1.681 5.638.657 6.578-2.035L181 149.869"/><path d="M222.584 97 234 146.617l-24.136 17.56c-2.327 1.693-5.637.66-6.577-2.051L199 149.762M147.033 146l-14.499 41.89a9.695 9.695 0 0 0 4.518 11.68L175.778 221l.222-56.335M124 216l8-23M111 283l3.896-55.198c.747-8.864 10.144-14.32 18.323-10.637l8.3 3.737c15.768 7.1 22.127 25.962 13.827 41.014M158 256l17-34M131.055 298.148l-1.873 1.89a3.244 3.244 0 0 1-4.597.014l-11.626-11.59a3.266 3.266 0 0 1-.014-4.61l1.873-1.89a3.245 3.245 0 0 1 4.597-.015l11.626 11.592a3.265 3.265 0 0 1 .014 4.61Z"/><path d="m137.055 291.148-1.873 1.89a3.244 3.244 0 0 1-4.597.014l-11.626-11.59a3.266 3.266 0 0 1-.014-4.61l1.873-1.89a3.245 3.245 0 0 1 4.597-.015l11.626 11.592a3.265 3.265 0 0 1 .014 4.61ZM143.055 284.148l-1.873 1.89a3.244 3.244 0 0 1-4.597.014l-11.626-11.59a3.266 3.266 0 0 1-.014-4.61l1.873-1.89a3.245 3.245 0 0 1 4.597-.015l11.626 11.592a3.265 3.265 0 0 1 .014 4.61ZM191 234h-5.91c-9.516 0-18.226 5.314-22.528 13.747L158 257M234.568 147l14.85 41.4c1.62 4.523-.237 9.578-4.37 11.889L207.325 222 207 165.196M249 193l8 23M224.645 261.632c-8.28-15.286-1.936-34.442 13.795-41.654l8.279-3.795c8.16-3.74 17.535 1.8 18.278 10.804L269 285M222 256l-15-34"/><path d="m250.945 298.148 1.873 1.89a3.243 3.243 0 0 0 4.596.014l11.627-11.59a3.267 3.267 0 0 0 .014-4.61l-1.873-1.89a3.244 3.244 0 0 0-4.596-.015l-11.627 11.592a3.266 3.266 0 0 0-.014 4.61ZM243.945 291.148l1.873 1.89a3.243 3.243 0 0 0 4.596.014l11.627-11.59a3.267 3.267 0 0 0 .014-4.61l-1.873-1.89a3.244 3.244 0 0 0-4.596-.015l-11.627 11.592a3.266 3.266 0 0 0-.014 4.61ZM236.945 284.148l1.873 1.89a3.243 3.243 0 0 0 4.596.014l11.627-11.59a3.267 3.267 0 0 0 .014-4.61l-1.873-1.89a3.244 3.244 0 0 0-4.596-.015l-11.627 11.592a3.266 3.266 0 0 0-.014 4.61ZM189 234h5.91c9.517 0 18.226 5.314 22.529 13.747L222 257M112 272h0c-10.88 0-19.543 7.901-22 18M148 324l-26-27M268 271h0c10.858 0 19.512 7.893 22 18M232 326l28-28M128 205l44 23M252 205l-42 23"/><path d="m230.945 278.148 1.873 1.89a3.244 3.244 0 0 0 4.597.014l11.626-11.59a3.266 3.266 0 0 0 .014-4.61l-1.873-1.89a3.245 3.245 0 0 0-4.597-.015L230.96 273.54a3.265 3.265 0 0 0-.014 4.61ZM266 238l-34 33M115 238l25 26M150.055 278.148l-1.873 1.89a3.243 3.243 0 0 1-4.596.014l-11.627-11.59a3.267 3.267 0 0 1-.014-4.61l1.873-1.89a3.244 3.244 0 0 1 4.596-.015l11.627 11.592a3.266 3.266 0 0 1 .014 4.61Z"/><path d="M231 278v48h-82v-46.843M149 270.917V262h82v11M209 108.5c0-2.485-1.79-4.5-4-4.5s-4 2.015-4 4.5 1.79 4.5 4 4.5 4-2.015 4-4.5ZM181 108.5c0-2.485-1.79-4.5-4-4.5s-4 2.015-4 4.5 1.79 4.5 4 4.5 4-2.015 4-4.5ZM189.415 122.552l-4.963-4.943c-.966-.963-.28-2.609 1.085-2.609h9.926c1.366 0 2.051 1.646 1.085 2.609l-4.963 4.943a1.538 1.538 0 0 1-2.17 0ZM170 85c8.981.844 16 8.133 16 17M210 85c-8.987.878-16 8.154-16 17M70 272.427C70 262.25 61.717 254 51.5 254c-10.218 0-18.5 8.25-18.5 18.427 0 6.552 3.434 12.306 8.607 15.573"/><path d="M38.27 260c-7.027 7.107-7.027 18.63 0 25.736a14.28 14.28 0 0 0 20.357 0c4.497-4.548 4.497-11.923 0-16.471a9.14 9.14 0 0 0-13.029 0c-2.877 2.91-2.877 7.63 0 10.542M20.63 282.419A13.295 13.295 0 0 0 14.64 281C7.107 281 1 287.268 1 295s6.107 14 13.64 14c4.74 0 8.915-2.481 11.36-6.247"/><path d="M32 272.38a8.15 8.15 0 0 0-2.462-.38c-4.715 0-8.538 4.03-8.538 9M5 304.82a13.734 13.734 0 0 0 19.731 0c4.359-4.458 4.359-11.687 0-16.145a8.79 8.79 0 0 0-12.628 0c-2.79 2.854-2.79 7.48 0 10.333"/><path d="M27 302c3.434 7.1 10.73 12 19.174 12 7.464 0 14.03-3.828 17.826-9.62M64 305.139c2.642 4.7 7.568 7.861 13.21 7.861 6.085 0 11.339-3.678 13.79-9"/><path d="M66 307.275c6.16 6.3 16.145 6.3 22.305 0 4.927-5.04 4.926-13.211 0-18.251a9.937 9.937 0 0 0-14.276 0c-3.154 3.225-3.154 8.455 0 11.68a6.359 6.359 0 0 0 9.136 0M95 280c-2.94-5.345-8.88-9-15.73-9-3.399 0-6.574.9-9.27 2.461M312 272.427C312 262.25 320.283 254 330.5 254c10.218 0 18.5 8.25 18.5 18.427 0 6.552-3.434 12.306-8.607 15.573"/><path d="M343.73 260c7.027 7.107 7.027 18.63 0 25.736a14.28 14.28 0 0 1-20.357 0c-4.497-4.548-4.497-11.923 0-16.471a9.14 9.14 0 0 1 13.029 0c2.877 2.91 2.877 7.63 0 10.542M360.37 282.419a13.295 13.295 0 0 1 5.99-1.419c7.533 0 13.64 6.268 13.64 14s-6.107 14-13.64 14c-4.74 0-8.915-2.481-11.36-6.247"/><path d="M350 272.38a8.15 8.15 0 0 1 2.462-.38c4.715 0 8.538 4.03 8.538 9M376 304.82a13.734 13.734 0 0 1-19.731 0c-4.359-4.458-4.359-11.687 0-16.145a8.79 8.79 0 0 1 12.628 0c2.79 2.854 2.79 7.48 0 10.333"/><path d="M354 302c-3.434 7.1-10.73 12-19.174 12A21.273 21.273 0 0 1 317 304.38M317 305.139c-2.642 4.7-7.568 7.861-13.21 7.861-6.085 0-11.34-3.678-13.79-9"/><path d="M316 307.275a15.524 15.524 0 0 1-22.305 0c-4.927-5.04-4.926-13.211 0-18.251a9.937 9.937 0 0 1 14.276 0c3.154 3.225 3.153 8.455 0 11.68a6.359 6.359 0 0 1-9.136 0M287 280c2.94-5.345 8.88-9 15.73-9 3.399 0 6.574.9 9.27 2.461M188.316 283.508c1.033-1.103 2.47-1.789 4.059-1.789 2.112 0 3.955 1.21 4.936 3.006a6.663 6.663 0 0 1 2.79-.61c3.81 0 6.899 3.2 6.899 7.147 0 3.946-3.089 7.146-6.899 7.146-.464 0-.92-.048-1.359-.14-.864 1.584-2.51 2.653-4.4 2.653a4.91 4.91 0 0 1-2.208-.521c-.876 2.116-2.917 3.6-5.296 3.6-2.477 0-4.589-1.61-5.399-3.867a5.145 5.145 0 0 1-1.098.117c-2.95 0-5.341-2.48-5.341-5.542 0-2.05 1.074-3.842 2.67-4.8a6.492 6.492 0 0 1-.511-2.535c0-3.52 2.783-6.373 6.215-6.373 2.016 0 3.807.983 4.942 2.508ZM235.25 151.665c18.293 13.738 30.124 35.598 30.124 60.217 0 3.724-.27 7.383-.793 10.963M115.568 223.911a75.81 75.81 0 0 1-.957-12.029c0-24.69 11.898-46.603 30.28-60.335"/><path d="M229.425 128.689c31.155 14.758 52.7 46.463 52.7 83.193 0 17.726-5.016 34.28-13.71 48.324M112.825 262.178c-9.464-14.457-14.965-31.735-14.965-50.296 0-37.016 21.881-68.929 53.43-83.535"/><path d="M224.991 108.866c42.967 14.559 73.885 55.181 73.885 103.017 0 23.134-7.231 44.58-19.56 62.208M100.962 274.51c-12.507-17.706-19.854-39.31-19.854-62.628 0-48.428 31.69-89.464 75.49-103.545"/><path d="M228.48 92.392c50.56 16.234 87.148 63.594 87.148 119.49 0 20.852-5.092 40.516-14.101 57.819M79.276 271.245c-9.518-17.673-14.92-37.888-14.92-59.362 0-56.295 37.112-103.93 88.231-119.833"/><path d="M54.29 255.075c-4.342-13.622-6.684-28.134-6.684-43.193 0-78.545 63.748-142.22 142.386-142.22s142.387 63.675 142.387 142.22c0 14.807-2.266 29.086-6.47 42.509M237.817 335h-95.633c-1.758 0-3.184-1.46-3.184-3.26v-2.48c0-1.8 1.426-3.26 3.184-3.26h95.633c1.757 0 3.183 1.46 3.183 3.26v2.48c0 1.8-1.426 3.26-3.183 3.26Z"/><path d="M37.955 257.436C33.433 242.698 31 227.05 31 210.831c0-6.427.382-12.765 1.125-18.993a157.799 157.799 0 0 1 6.725-30.437 157.805 157.805 0 0 1 8.881-21.568 158.657 158.657 0 0 1 7.757-13.73 159.458 159.458 0 0 1 16.358-21.558C100.948 72.282 143.103 52 190 52c87.813 0 159 71.111 159 158.831 0 15.76-2.298 30.984-6.577 45.356l-.664 1.813M48.368 75.44l-.954 2.577a.668.668 0 0 1-.396.398l-2.579.954a.673.673 0 0 0 0 1.262l2.579.954a.67.67 0 0 1 .396.398l.954 2.578a.674.674 0 0 0 1.264 0l.953-2.578a.673.673 0 0 1 .398-.398l2.577-.954a.673.673 0 0 0 0-1.262l-2.577-.954a.67.67 0 0 1-.398-.398l-.953-2.578a.674.674 0 0 0-1.264 0ZM195 24a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM101 4a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM24 255a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"/></g></svg>';
|
|
469
12
|
|
|
470
|
-
const moonDesktop =
|
|
471
|
-
<svg width="
|
|
472
|
-
<title>Lineart</title>
|
|
473
|
-
<g id="Salesforce-Developers" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
474
|
-
<g id="Code-Samples-Gallery" transform="translate(-104.000000, -78.000000)">
|
|
475
|
-
<g id="Lineart" transform="translate(105.191550, 79.000100)">
|
|
476
|
-
<path d="M744.62705,44.482 C744.62705,69.049 724.71205,88.964 700.14505,88.964 C675.57805,88.964 655.66205,69.049 655.66205,44.482 C655.66205,19.916 675.57805,0 700.14505,0 C724.71205,0 744.62705,19.916 744.62705,44.482" id="Fill-95"></path>
|
|
477
|
-
<path d="M744.62705,44.482 C744.62705,69.049 724.71205,88.964 700.14505,88.964 C675.57805,88.964 655.66205,69.049 655.66205,44.482 C655.66205,19.916 675.57805,0 700.14505,0 C724.71205,0 744.62705,19.916 744.62705,44.482 Z" id="Stroke-97" stroke="#90D0FE" stroke-width="2"></path>
|
|
478
|
-
<path d="M474.96205,419.6266 C474.96205,421.8896 473.12905,423.7226 470.86605,423.7226 C468.60405,423.7226 466.77105,421.8896 466.77105,419.6266 C466.77105,417.3646 468.60405,415.5306 470.86605,415.5306 C473.12905,415.5306 474.96205,417.3646 474.96205,419.6266 Z" id="Stroke-99" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
479
|
-
<path d="M97.96205,149.6266 C97.96205,151.8896 96.12905,153.7226 93.86605,153.7226 C91.60405,153.7226 89.77105,151.8896 89.77105,149.6266 C89.77105,147.3646 91.60405,145.5306 93.86605,145.5306 C96.12905,145.5306 97.96205,147.3646 97.96205,149.6266 Z" id="Stroke-99" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
480
|
-
<path d="M1208.95025,96.5865 L1207.43225,100.6875 C1207.32425,100.9815 1207.09425,101.2115 1206.80125,101.3195 L1202.69925,102.8375 C1201.76625,103.1835 1201.76625,104.5015 1202.69925,104.8465 L1206.80125,106.3635 C1207.09425,106.4725 1207.32425,106.7035 1207.43225,106.9965 L1208.95025,111.0985 C1209.29625,112.0295 1210.61425,112.0295 1210.95925,111.0985 L1212.47625,106.9965 C1212.58525,106.7035 1212.81625,106.4725 1213.10925,106.3635 L1217.21125,104.8465 C1218.14325,104.5015 1218.14325,103.1835 1217.21125,102.8375 L1213.10925,101.3195 C1212.81625,101.2115 1212.58525,100.9815 1212.47625,100.6875 L1210.95925,96.5865 C1210.61425,95.6535 1209.29625,95.6535 1208.95025,96.5865 Z" id="Stroke-4" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
481
|
-
<path d="M6.95075,489.3717 L5.43275,493.4727 C5.32475,493.7657 5.09375,493.9967 4.80075,494.1047 L0.69975,495.6227 C-0.23325,495.9677 -0.23325,497.2867 0.69975,497.6317 L4.80075,499.1487 C5.09375,499.2577 5.32475,499.4887 5.43275,499.7817 L6.95075,503.8827 C7.29575,504.8147 8.61475,504.8147 8.95975,503.8827 L10.47675,499.7817 C10.58575,499.4887 10.81675,499.2577 11.10975,499.1487 L15.21075,497.6317 C16.14275,497.2867 16.14275,495.9677 15.21075,495.6227 L11.10975,494.1047 C10.81675,493.9967 10.58575,493.7657 10.47675,493.4727 L8.95975,489.3717 C8.61475,488.4387 7.29575,488.4387 6.95075,489.3717 Z" id="Stroke-6" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
482
|
-
<path d="M125.95075,114.5865 L124.43275,118.6875 C124.32475,118.9815 124.09375,119.2115 123.80075,119.3195 L119.69975,120.8375 C118.76675,121.1835 118.76675,122.5015 119.69975,122.8465 L123.80075,124.3635 C124.09375,124.4725 124.32475,124.7035 124.43275,124.9965 L125.95075,129.0985 C126.29575,130.0295 127.61475,130.0295 127.95975,129.0985 L129.47675,124.9965 C129.58575,124.7035 129.81675,124.4725 130.10975,124.3635 L134.21075,122.8465 C135.14275,122.5015 135.14275,121.1835 134.21075,120.8375 L130.10975,119.3195 C129.81675,119.2115 129.58575,118.9815 129.47675,118.6875 L127.95975,114.5865 C127.61475,113.6535 126.29575,113.6535 125.95075,114.5865 Z" id="Stroke-8" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
483
|
-
<path d="M907.81745,305.108 C901.81845,293.496 898.43045,280.315 898.43045,266.343 C898.43045,254.94 900.68745,244.064 904.77845,234.137" id="Stroke-102" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
484
|
-
<path d="M1066.72865,254.2145 C1067.29665,258.1755 1067.59065,262.2255 1067.59065,266.3435 C1067.59065,313.0565 1029.72365,350.9235 983.01065,350.9235 C954.53665,350.9235 929.34665,336.8525 914.01965,315.2835" id="Stroke-104" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
485
|
-
<path d="M910.36335,223.0035 C925.13135,198.3025 952.13935,181.7635 983.01035,181.7635 C1021.31235,181.7635 1053.66835,207.2225 1064.07835,242.1415" id="Stroke-106" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
486
|
-
<path d="M1054.31945,146.7867 L1050.86745,156.1157 C1050.62145,156.7827 1050.09445,157.3077 1049.42745,157.5557 L1040.09845,161.0077 C1037.97745,161.7917 1037.97745,164.7917 1040.09845,165.5767 L1049.42745,169.0287 C1050.09445,169.2757 1050.62145,169.8017 1050.86745,170.4687 L1054.31945,179.7977 C1055.10445,181.9187 1058.10445,181.9187 1058.88845,179.7977 L1062.34045,170.4687 C1062.58845,169.8017 1063.11345,169.2757 1063.78045,169.0287 L1073.10945,165.5767 C1075.23045,164.7917 1075.23045,161.7917 1073.10945,161.0077 L1063.78045,157.5557 C1063.11345,157.3077 1062.58845,156.7827 1062.34045,156.1157 L1058.88845,146.7867 C1058.10445,144.6657 1055.10445,144.6657 1054.31945,146.7867 Z" id="Stroke-108" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
487
|
-
<path d="M918.05965,375.3844 C918.05965,381.0754 913.44565,385.6894 907.75365,385.6894 C902.06265,385.6894 897.44865,381.0754 897.44865,375.3844 C897.44865,369.6924 902.06265,365.0784 907.75365,365.0784 C913.44565,365.0784 918.05965,369.6924 918.05965,375.3844 Z" id="Stroke-110" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
|
|
488
|
-
<path d="M982.92495,223.5016 C982.92495,226.2776 980.67395,228.5286 977.89895,228.5286 C975.12195,228.5286 972.87095,226.2776 972.87095,223.5016 C972.87095,220.7266 975.12195,218.4756 977.89895,218.4756 C980.67395,218.4756 982.92495,220.7266 982.92495,223.5016" id="Fill-112" fill="#90D0FE"></path>
|
|
489
|
-
<line x1="1045.52355" y1="253.7711" x2="1075.29555" y2="253.7711" id="Stroke-114" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></line>
|
|
490
|
-
<line x1="1086.73745" y1="253.7711" x2="1093.82645" y2="253.7711" id="Stroke-116" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></line>
|
|
491
|
-
<line x1="901.08705" y1="224.3297" x2="924.32905" y2="224.3297" id="Stroke-118" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></line>
|
|
492
|
-
<line x1="868.91615" y1="224.3297" x2="878.96915" y2="224.3297" id="Stroke-120" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></line>
|
|
493
|
-
<path d="M891.86335,224.3297 C891.86335,225.4407 890.96335,226.3407 889.85235,226.3407 C888.74235,226.3407 887.84235,225.4407 887.84235,224.3297 C887.84235,223.2197 888.74235,222.3197 889.85235,222.3197 C890.96335,222.3197 891.86335,223.2197 891.86335,224.3297" id="Fill-122" fill="#90D0FE"></path>
|
|
494
|
-
<line x1="892.23255" y1="314.6266" x2="923.64155" y2="314.6266" id="Stroke-124" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></line>
|
|
495
|
-
<path d="M935.70615,314.6266 C935.70615,315.7366 934.80615,316.6376 933.69515,316.6376 C932.58515,316.6376 931.68515,315.7366 931.68515,314.6266 C931.68515,313.5166 932.58515,312.6156 933.69515,312.6156 C934.80615,312.6156 935.70615,313.5166 935.70615,314.6266" id="Fill-126" fill="#90D0FE"></path>
|
|
496
|
-
<line x1="1012.32925" y1="291.398" x2="1012.32925" y2="275.362" id="Stroke-128" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></line>
|
|
497
|
-
<line x1="1020.34485" y1="283.3824" x2="1004.29385" y2="283.3844" id="Stroke-130" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></line>
|
|
498
|
-
</g>
|
|
499
|
-
</g>
|
|
500
|
-
</g>
|
|
501
|
-
</svg>`;
|
|
13
|
+
const moonDesktop =
|
|
14
|
+
'<svg width="1221" height="507" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M745.819 45.482c0 24.567-19.915 44.482-44.482 44.482s-44.483-19.915-44.483-44.482C656.854 20.916 676.77 1 701.337 1c24.567 0 44.482 19.916 44.482 44.482"/><path d="M745.819 45.482c0 24.567-19.915 44.482-44.482 44.482s-44.483-19.915-44.483-44.482C656.854 20.916 676.77 1 701.337 1c24.567 0 44.482 19.916 44.482 44.482Z" stroke="#90D0FE" stroke-width="2"/><path d="M476.154 420.627a4.095 4.095 0 1 1-8.191 0 4.095 4.095 0 1 1 8.19 0ZM99.154 150.627a4.095 4.095 0 1 1-8.191 0 4.095 4.095 0 1 1 8.19 0ZM1210.142 97.587l-1.518 4.1a1.063 1.063 0 0 1-.631.633l-4.102 1.518c-.933.346-.933 1.664 0 2.009l4.102 1.517c.293.109.523.34.63.633l1.519 4.102c.346.93 1.664.93 2.009 0l1.517-4.102c.109-.293.34-.524.633-.633l4.102-1.517c.932-.345.932-1.663 0-2.01l-4.102-1.517a1.068 1.068 0 0 1-.633-.632l-1.517-4.101c-.345-.933-1.663-.933-2.01 0ZM8.142 490.372l-1.518 4.1a1.067 1.067 0 0 1-.632.633l-4.1 1.518c-.934.345-.934 1.664 0 2.009l4.1 1.517c.293.109.524.34.632.633l1.518 4.1c.345.933 1.664.933 2.01 0l1.516-4.1c.11-.293.34-.524.633-.633l4.101-1.517c.932-.345.932-1.664 0-2.01l-4.1-1.517a1.071 1.071 0 0 1-.634-.632l-1.517-4.101c-.345-.933-1.664-.933-2.009 0ZM127.142 115.587l-1.518 4.1a1.064 1.064 0 0 1-.632.633l-4.1 1.518c-.934.346-.934 1.664 0 2.009l4.1 1.517c.293.109.524.34.632.633l1.518 4.102c.345.93 1.664.93 2.01 0l1.516-4.102c.11-.293.34-.524.633-.633l4.101-1.517c.932-.345.932-1.663 0-2.01l-4.1-1.517a1.068 1.068 0 0 1-.634-.632l-1.517-4.101c-.345-.933-1.664-.933-2.009 0ZM909.009 306.108c-5.999-11.612-9.387-24.793-9.387-38.765 0-11.403 2.257-22.279 6.348-32.206M1067.92 255.215c.568 3.96.862 8.01.862 12.129 0 46.713-37.867 84.58-84.58 84.58-28.474 0-53.664-14.071-68.99-35.64M911.555 224.004c14.768-24.701 41.776-41.24 72.647-41.24 38.302 0 70.658 25.459 81.068 60.378M1055.511 147.787l-3.452 9.329a2.439 2.439 0 0 1-1.44 1.44l-9.329 3.452c-2.121.784-2.121 3.784 0 4.569l9.329 3.452a2.436 2.436 0 0 1 1.44 1.44l3.452 9.329c.785 2.12 3.785 2.12 4.569 0l3.452-9.33a2.441 2.441 0 0 1 1.44-1.44l9.329-3.451c2.121-.785 2.121-3.785 0-4.57l-9.329-3.451a2.444 2.444 0 0 1-1.44-1.44l-3.452-9.33c-.784-2.12-3.784-2.12-4.569 0ZM919.251 376.385c0 5.69-4.614 10.304-10.306 10.304-5.69 0-10.305-4.613-10.305-10.305 0-5.692 4.614-10.306 10.305-10.306 5.692 0 10.306 4.615 10.306 10.307Z" stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M984.116 224.502a5.027 5.027 0 1 1-10.054 0 5.027 5.027 0 0 1 10.054 0" fill="#90D0FE"/><path stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M1046.716 254.771h29.772M1087.929 254.771h7.089M902.279 225.33h23.242M870.108 225.33h10.053"/><path d="M893.055 225.33a2.01 2.01 0 1 1-4.021 0 2.01 2.01 0 0 1 4.02 0" fill="#90D0FE"/><path stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M893.425 315.627h31.409"/><path d="M936.898 315.627a2.011 2.011 0 1 1-4.023 0 2.011 2.011 0 0 1 4.023 0" fill="#90D0FE"/><path stroke="#90D0FE" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M1013.52 292.398v-16.036M1021.537 284.382l-16.051.002"/></g></svg>';
|
|
502
15
|
|
|
503
16
|
const blog = ``;
|
|
504
17
|
|