-
Notifications
You must be signed in to change notification settings - Fork 0
/
blog.html
282 lines (183 loc) · 28.4 KB
/
blog.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" href="./favicon.ico" />
<link
rel="apple-touch-icon"
sizes="180x180"
href="./apple-touch-icon.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="./favicon-32x32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="./favicon-16x16.png"
/>
<link rel="manifest" href="./site.webmanifest" />
<link rel="stylesheet" href="./app.css" />
<!-- SMUI Styles -->
<link
rel="stylesheet"
href="./smui.css"
media="(prefers-color-scheme: light)"
/>
<link
rel="stylesheet"
href="./smui-dark.css"
media="screen and (prefers-color-scheme: dark)"
/>
<!-- Material Icons, Roboto, and Roboto Mono fonts -->
<link
href="https://fonts.googleapis.com/css2?family=Material+Icons&Roboto+Mono:ital@0;1&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"
rel="stylesheet"
/>
<meta name="viewport" content="width=device-width" />
<link href="./_app/immutable/assets/0.8629cc66.css" rel="stylesheet">
<link href="./_app/immutable/assets/3.a68afc9a.css" rel="stylesheet">
<link href="./_app/immutable/assets/footer.e7f4c13e.css" rel="stylesheet">
<link href="./_app/immutable/assets/mailing-list-input.3d55139d.css" rel="stylesheet">
<link rel="modulepreload" href="./_app/immutable/entry/start.20354e14.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index.eda578c0.js">
<link rel="modulepreload" href="./_app/immutable/chunks/singletons.8bbae8fd.js">
<link rel="modulepreload" href="./_app/immutable/chunks/paths.e6d98e88.js">
<link rel="modulepreload" href="./_app/immutable/entry/app.34cec7a7.js">
<link rel="modulepreload" href="./_app/immutable/nodes/0.065b1213.js">
<link rel="modulepreload" href="./_app/immutable/chunks/mixpanel.module.30aba153.js">
<link rel="modulepreload" href="./_app/immutable/chunks/index.5aaa5ca4.js">
<link rel="modulepreload" href="./_app/immutable/nodes/3.c1d40d72.js">
<link rel="modulepreload" href="./_app/immutable/chunks/footer.component.f137abc5.js">
<link rel="modulepreload" href="./_app/immutable/chunks/mailing-list-input.component.28494285.js"><title>Lvasquez.dev | Blog</title><!-- HEAD_svelte-1xnop5u_START --><meta name="Blog of Lvasquez.dev" content="Software Engineer | Student -- Always Learning"><!-- HEAD_svelte-1xnop5u_END -->
</head>
<body>
<div>
<div>
<section id="navigation">
<header class="mdc-top-app-bar smui-top-app-bar--static" style=""><div class="mdc-top-app-bar__links mdc-top-app-bar__row" actionItems><img src="/_app/immutable/assets/lvasquez-dev.c3cc174d.svg" alt="logo" class="logo svelte-riqxfi">
<header class="mdc-top-app-bar__links-item-desktop mdc-top-app-bar" style="">Home
</header>
<header class="mdc-top-app-bar__links-item-desktop mdc-top-app-bar" style="">About
</header>
<header class="mdc-top-app-bar__links-item-desktop mdc-top-app-bar" style="">Experience
</header>
<header class="mdc-top-app-bar__links-item-desktop mdc-top-app-bar" style="">Education
</header>
<header class="mdc-top-app-bar__links-item-desktop mdc-top-app-bar" style="">Philosophy
</header>
<header class="mdc-top-app-bar__links-item-desktop mdc-top-app-bar" style="">Blog
</header>
<div class="link-icons__container__desktop svelte-riqxfi">
<button class="button-icon svelteui-c-gfFWWx svelteui-ActionIcon-root svelteui-c-gfFWWx svelteui-c-gfFWWx-hPiIrM-variation-hover svelteui-c-gfFWWx-iPJLV-css svelteui-c-PJLV svelteui-c-PJLV-iPJLV-css" tabindex="0" href="" title="Github"><a href="https://github.com/bydesign21"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.49933 0.25C3.49635 0.25 0.25 3.49593 0.25 7.50024C0.25 10.703 2.32715 13.4206 5.2081 14.3797C5.57084 14.446 5.70302 14.2222 5.70302 14.0299C5.70302 13.8576 5.69679 13.4019 5.69323 12.797C3.67661 13.235 3.25112 11.825 3.25112 11.825C2.92132 10.9874 2.44599 10.7644 2.44599 10.7644C1.78773 10.3149 2.49584 10.3238 2.49584 10.3238C3.22353 10.375 3.60629 11.0711 3.60629 11.0711C4.25298 12.1788 5.30335 11.8588 5.71638 11.6732C5.78225 11.205 5.96962 10.8854 6.17658 10.7043C4.56675 10.5209 2.87415 9.89918 2.87415 7.12104C2.87415 6.32925 3.15677 5.68257 3.62053 5.17563C3.54576 4.99226 3.29697 4.25521 3.69174 3.25691C3.69174 3.25691 4.30015 3.06196 5.68522 3.99973C6.26337 3.83906 6.8838 3.75895 7.50022 3.75583C8.1162 3.75895 8.73619 3.83906 9.31523 3.99973C10.6994 3.06196 11.3069 3.25691 11.3069 3.25691C11.7026 4.25521 11.4538 4.99226 11.3795 5.17563C11.8441 5.68257 12.1245 6.32925 12.1245 7.12104C12.1245 9.9063 10.4292 10.5192 8.81452 10.6985C9.07444 10.9224 9.30633 11.3648 9.30633 12.0413C9.30633 13.0102 9.29742 13.7922 9.29742 14.0299C9.29742 14.2239 9.42828 14.4496 9.79591 14.3788C12.6746 13.4179 14.75 10.7025 14.75 7.50024C14.75 3.49593 11.5036 0.25 7.49933 0.25Z" fill="currentColor"></path></svg></a></button>
<button class="button-icon svelteui-c-gfFWWx svelteui-ActionIcon-root svelteui-c-gfFWWx svelteui-c-gfFWWx-hPiIrM-variation-hover svelteui-c-gfFWWx-iPJLV-css svelteui-c-PJLV svelteui-c-PJLV-iPJLV-css" tabindex="0" href="" title="LinkedIn"><a href="https://www.linkedin.com/in/lvasquez-dev/"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 1C1.44772 1 1 1.44772 1 2V13C1 13.5523 1.44772 14 2 14H13C13.5523 14 14 13.5523 14 13V2C14 1.44772 13.5523 1 13 1H2ZM3.05 6H4.95V12H3.05V6ZM5.075 4.005C5.075 4.59871 4.59371 5.08 4 5.08C3.4063 5.08 2.925 4.59871 2.925 4.005C2.925 3.41129 3.4063 2.93 4 2.93C4.59371 2.93 5.075 3.41129 5.075 4.005ZM12 8.35713C12 6.55208 10.8334 5.85033 9.67449 5.85033C9.29502 5.83163 8.91721 5.91119 8.57874 6.08107C8.32172 6.21007 8.05265 6.50523 7.84516 7.01853H7.79179V6.00044H6V12.0047H7.90616V8.8112C7.8786 8.48413 7.98327 8.06142 8.19741 7.80987C8.41156 7.55832 8.71789 7.49825 8.95015 7.46774H9.02258C9.62874 7.46774 10.0786 7.84301 10.0786 8.78868V12.0047H11.9847L12 8.35713Z" fill="currentColor"></path></svg></a></button>
<button class="button-icon svelteui-c-gfFWWx svelteui-ActionIcon-root svelteui-c-gfFWWx svelteui-c-gfFWWx-hPiIrM-variation-hover svelteui-c-gfFWWx-iPJLV-css svelteui-c-PJLV svelteui-c-PJLV-iPJLV-css" tabindex="0" href="" title="Twitter"><a href="https://twitter.com/loganvasquez126"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.23336 4.69629C7.23336 2.96884 8.63335 1.56857 10.36 1.56857C11.3736 1.56857 12.183 2.04804 12.7254 2.74385C13.3079 2.62467 13.8557 2.40913 14.3513 2.11508C14.1559 2.72598 13.7424 3.2396 13.2033 3.56463C13.2038 3.56568 13.2042 3.56674 13.2047 3.56779C13.7334 3.50361 14.2364 3.36302 14.7048 3.15546L14.7037 3.15715C14.3667 3.66183 13.9431 4.10736 13.4561 4.47034C13.4823 4.64672 13.4956 4.82427 13.4956 5.00079C13.4956 8.6871 10.6873 12.9746 5.52122 12.9746C3.93906 12.9746 2.46544 12.511 1.22505 11.7152C0.992632 11.5661 0.925108 11.2568 1.07423 11.0244C1.0874 11.0038 1.10183 10.9846 1.11734 10.9666C1.20582 10.8202 1.37438 10.7309 1.5554 10.7522C2.47066 10.8601 3.38568 10.7485 4.19219 10.3962C3.39226 10.0434 2.77129 9.35975 2.50204 8.51974C2.45359 8.3686 2.48835 8.20311 2.59351 8.08422C2.59716 8.0801 2.60087 8.07606 2.60464 8.0721C1.96391 7.50819 1.55973 6.68208 1.55973 5.76143V5.72759C1.55973 5.56814 1.64411 5.42059 1.78155 5.33974C1.82671 5.31317 1.87537 5.29511 1.92532 5.28558C1.70549 4.86154 1.58116 4.37984 1.58116 3.86958C1.58116 3.40165 1.58384 2.81192 1.91332 2.28081C1.98718 2.16175 2.10758 2.08915 2.2364 2.07195C2.42588 2.01237 2.64087 2.06969 2.77406 2.23302C3.86536 3.57126 5.44066 4.49583 7.23366 4.73961L7.23336 4.69629ZM5.52122 11.9746C4.73387 11.9746 3.97781 11.8435 3.27248 11.6023C4.13012 11.4538 4.95307 11.1159 5.66218 10.5602C5.81211 10.4427 5.87182 10.2435 5.81126 10.0629C5.7507 9.88234 5.583 9.75943 5.39255 9.75607C4.68968 9.74366 4.06712 9.39716 3.67793 8.86845C3.86828 8.85306 4.05428 8.82039 4.23445 8.77167C4.43603 8.71716 4.57363 8.53114 4.56674 8.32243C4.55985 8.11372 4.41029 7.93718 4.20555 7.89607C3.42694 7.73977 2.79883 7.16764 2.56169 6.42174C2.76255 6.47025 2.97102 6.4991 3.18482 6.5061C3.38563 6.51267 3.56646 6.38533 3.62795 6.19405C3.68943 6.00277 3.61666 5.79391 3.44963 5.68224C2.86523 5.29155 2.48116 4.62464 2.48116 3.86958C2.48116 3.70213 2.48352 3.55268 2.49355 3.41719C3.85115 4.79913 5.70873 5.68931 7.77588 5.79338C7.93225 5.80126 8.08328 5.73543 8.18395 5.61553C8.28463 5.49562 8.32332 5.33548 8.28851 5.18284C8.25255 5.02517 8.23336 4.86284 8.23336 4.69629C8.23336 3.52085 9.18591 2.56857 10.36 2.56857C11.5943 2.56857 12.4956 3.71208 12.4956 5.00079C12.4956 8.25709 10.0202 11.9746 5.52122 11.9746Z" fill="currentColor"></path></svg></a></button>
<button class="button-icon svelteui-c-gfFWWx svelteui-ActionIcon-root svelteui-c-gfFWWx svelteui-c-gfFWWx-hPiIrM-variation-hover svelteui-c-gfFWWx-iPJLV-css svelteui-c-PJLV svelteui-c-PJLV-iPJLV-css" tabindex="0" href="" title="Résumé"><a href="#"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z" fill="currentColor"></path></svg></a></button></div>
<button class="menu-button mdc-icon-button mdc-icon-button--display-flex smui-icon-button--size-mini mdc-icon-button--reduced-size" style=""><div class="mdc-icon-button__ripple"></div>
<img class="menu-button__icon" src="/_app/immutable/assets/menu-icon-light.75248a98.svg" alt="menu"></button></div>
</header>
<main class=""></main></section>
<section><aside class="mdc-drawer mdc-drawer--dismissible"><div class="mdc-drawer__content"><div class="mdc-top-app-bar__links-item-mobile__container">
<header class="mdc-top-app-bar__links-item-mobile mdc-top-app-bar" style="">Home
</header>
<header class="mdc-top-app-bar__links-item-mobile mdc-top-app-bar" style="">About
</header>
<header class="mdc-top-app-bar__links-item-mobile mdc-top-app-bar" style="">Experience
</header>
<header class="mdc-top-app-bar__links-item-mobile mdc-top-app-bar" style="">Education
</header>
<header class="mdc-top-app-bar__links-item-mobile mdc-top-app-bar" style="">Philosophy
</header>
<header class="mdc-top-app-bar__links-item-mobile mdc-top-app-bar" style="">Blog
</header>
<div class="link-icons__container__mobile svelte-riqxfi">
<button class="button-icon svelteui-c-gfFWWx svelteui-ActionIcon-root svelteui-c-gfFWWx svelteui-c-gfFWWx-hPiIrM-variation-hover svelteui-c-gfFWWx-iPJLV-css svelteui-c-PJLV svelteui-c-PJLV-iPJLV-css" tabindex="0" href="" title="Github"><a href="https://github.com/bydesign21"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.49933 0.25C3.49635 0.25 0.25 3.49593 0.25 7.50024C0.25 10.703 2.32715 13.4206 5.2081 14.3797C5.57084 14.446 5.70302 14.2222 5.70302 14.0299C5.70302 13.8576 5.69679 13.4019 5.69323 12.797C3.67661 13.235 3.25112 11.825 3.25112 11.825C2.92132 10.9874 2.44599 10.7644 2.44599 10.7644C1.78773 10.3149 2.49584 10.3238 2.49584 10.3238C3.22353 10.375 3.60629 11.0711 3.60629 11.0711C4.25298 12.1788 5.30335 11.8588 5.71638 11.6732C5.78225 11.205 5.96962 10.8854 6.17658 10.7043C4.56675 10.5209 2.87415 9.89918 2.87415 7.12104C2.87415 6.32925 3.15677 5.68257 3.62053 5.17563C3.54576 4.99226 3.29697 4.25521 3.69174 3.25691C3.69174 3.25691 4.30015 3.06196 5.68522 3.99973C6.26337 3.83906 6.8838 3.75895 7.50022 3.75583C8.1162 3.75895 8.73619 3.83906 9.31523 3.99973C10.6994 3.06196 11.3069 3.25691 11.3069 3.25691C11.7026 4.25521 11.4538 4.99226 11.3795 5.17563C11.8441 5.68257 12.1245 6.32925 12.1245 7.12104C12.1245 9.9063 10.4292 10.5192 8.81452 10.6985C9.07444 10.9224 9.30633 11.3648 9.30633 12.0413C9.30633 13.0102 9.29742 13.7922 9.29742 14.0299C9.29742 14.2239 9.42828 14.4496 9.79591 14.3788C12.6746 13.4179 14.75 10.7025 14.75 7.50024C14.75 3.49593 11.5036 0.25 7.49933 0.25Z" fill="currentColor"></path></svg></a></button>
<button class="button-icon svelteui-c-gfFWWx svelteui-ActionIcon-root svelteui-c-gfFWWx svelteui-c-gfFWWx-hPiIrM-variation-hover svelteui-c-gfFWWx-iPJLV-css svelteui-c-PJLV svelteui-c-PJLV-iPJLV-css" tabindex="0" href="" title="LinkedIn"><a href="https://www.linkedin.com/in/lvasquez-dev/"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2 1C1.44772 1 1 1.44772 1 2V13C1 13.5523 1.44772 14 2 14H13C13.5523 14 14 13.5523 14 13V2C14 1.44772 13.5523 1 13 1H2ZM3.05 6H4.95V12H3.05V6ZM5.075 4.005C5.075 4.59871 4.59371 5.08 4 5.08C3.4063 5.08 2.925 4.59871 2.925 4.005C2.925 3.41129 3.4063 2.93 4 2.93C4.59371 2.93 5.075 3.41129 5.075 4.005ZM12 8.35713C12 6.55208 10.8334 5.85033 9.67449 5.85033C9.29502 5.83163 8.91721 5.91119 8.57874 6.08107C8.32172 6.21007 8.05265 6.50523 7.84516 7.01853H7.79179V6.00044H6V12.0047H7.90616V8.8112C7.8786 8.48413 7.98327 8.06142 8.19741 7.80987C8.41156 7.55832 8.71789 7.49825 8.95015 7.46774H9.02258C9.62874 7.46774 10.0786 7.84301 10.0786 8.78868V12.0047H11.9847L12 8.35713Z" fill="currentColor"></path></svg></a></button>
<button class="button-icon svelteui-c-gfFWWx svelteui-ActionIcon-root svelteui-c-gfFWWx svelteui-c-gfFWWx-hPiIrM-variation-hover svelteui-c-gfFWWx-iPJLV-css svelteui-c-PJLV svelteui-c-PJLV-iPJLV-css" tabindex="0" href="" title="Twitter"><a href="https://twitter.com/loganvasquez126"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.23336 4.69629C7.23336 2.96884 8.63335 1.56857 10.36 1.56857C11.3736 1.56857 12.183 2.04804 12.7254 2.74385C13.3079 2.62467 13.8557 2.40913 14.3513 2.11508C14.1559 2.72598 13.7424 3.2396 13.2033 3.56463C13.2038 3.56568 13.2042 3.56674 13.2047 3.56779C13.7334 3.50361 14.2364 3.36302 14.7048 3.15546L14.7037 3.15715C14.3667 3.66183 13.9431 4.10736 13.4561 4.47034C13.4823 4.64672 13.4956 4.82427 13.4956 5.00079C13.4956 8.6871 10.6873 12.9746 5.52122 12.9746C3.93906 12.9746 2.46544 12.511 1.22505 11.7152C0.992632 11.5661 0.925108 11.2568 1.07423 11.0244C1.0874 11.0038 1.10183 10.9846 1.11734 10.9666C1.20582 10.8202 1.37438 10.7309 1.5554 10.7522C2.47066 10.8601 3.38568 10.7485 4.19219 10.3962C3.39226 10.0434 2.77129 9.35975 2.50204 8.51974C2.45359 8.3686 2.48835 8.20311 2.59351 8.08422C2.59716 8.0801 2.60087 8.07606 2.60464 8.0721C1.96391 7.50819 1.55973 6.68208 1.55973 5.76143V5.72759C1.55973 5.56814 1.64411 5.42059 1.78155 5.33974C1.82671 5.31317 1.87537 5.29511 1.92532 5.28558C1.70549 4.86154 1.58116 4.37984 1.58116 3.86958C1.58116 3.40165 1.58384 2.81192 1.91332 2.28081C1.98718 2.16175 2.10758 2.08915 2.2364 2.07195C2.42588 2.01237 2.64087 2.06969 2.77406 2.23302C3.86536 3.57126 5.44066 4.49583 7.23366 4.73961L7.23336 4.69629ZM5.52122 11.9746C4.73387 11.9746 3.97781 11.8435 3.27248 11.6023C4.13012 11.4538 4.95307 11.1159 5.66218 10.5602C5.81211 10.4427 5.87182 10.2435 5.81126 10.0629C5.7507 9.88234 5.583 9.75943 5.39255 9.75607C4.68968 9.74366 4.06712 9.39716 3.67793 8.86845C3.86828 8.85306 4.05428 8.82039 4.23445 8.77167C4.43603 8.71716 4.57363 8.53114 4.56674 8.32243C4.55985 8.11372 4.41029 7.93718 4.20555 7.89607C3.42694 7.73977 2.79883 7.16764 2.56169 6.42174C2.76255 6.47025 2.97102 6.4991 3.18482 6.5061C3.38563 6.51267 3.56646 6.38533 3.62795 6.19405C3.68943 6.00277 3.61666 5.79391 3.44963 5.68224C2.86523 5.29155 2.48116 4.62464 2.48116 3.86958C2.48116 3.70213 2.48352 3.55268 2.49355 3.41719C3.85115 4.79913 5.70873 5.68931 7.77588 5.79338C7.93225 5.80126 8.08328 5.73543 8.18395 5.61553C8.28463 5.49562 8.32332 5.33548 8.28851 5.18284C8.25255 5.02517 8.23336 4.86284 8.23336 4.69629C8.23336 3.52085 9.18591 2.56857 10.36 2.56857C11.5943 2.56857 12.4956 3.71208 12.4956 5.00079C12.4956 8.25709 10.0202 11.9746 5.52122 11.9746Z" fill="currentColor"></path></svg></a></button>
<button class="button-icon svelteui-c-gfFWWx svelteui-ActionIcon-root svelteui-c-gfFWWx svelteui-c-gfFWWx-hPiIrM-variation-hover svelteui-c-gfFWWx-iPJLV-css svelteui-c-PJLV svelteui-c-PJLV-iPJLV-css" tabindex="0" href="" title="Résumé"><a href="#"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.2 1H4.17741H4.1774C3.86936 0.999988 3.60368 0.999978 3.38609 1.02067C3.15576 1.04257 2.92825 1.09113 2.71625 1.22104C2.51442 1.34472 2.34473 1.51442 2.22104 1.71625C2.09113 1.92825 2.04257 2.15576 2.02067 2.38609C1.99998 2.60367 1.99999 2.86935 2 3.17738V3.1774V3.2V11.8V11.8226V11.8226C1.99999 12.1307 1.99998 12.3963 2.02067 12.6139C2.04257 12.8442 2.09113 13.0717 2.22104 13.2837C2.34473 13.4856 2.51442 13.6553 2.71625 13.779C2.92825 13.9089 3.15576 13.9574 3.38609 13.9793C3.60368 14 3.86937 14 4.17741 14H4.2H10.8H10.8226C11.1306 14 11.3963 14 11.6139 13.9793C11.8442 13.9574 12.0717 13.9089 12.2837 13.779C12.4856 13.6553 12.6553 13.4856 12.779 13.2837C12.9089 13.0717 12.9574 12.8442 12.9793 12.6139C13 12.3963 13 12.1306 13 11.8226V11.8V3.2V3.17741C13 2.86936 13 2.60368 12.9793 2.38609C12.9574 2.15576 12.9089 1.92825 12.779 1.71625C12.6553 1.51442 12.4856 1.34472 12.2837 1.22104C12.0717 1.09113 11.8442 1.04257 11.6139 1.02067C11.3963 0.999978 11.1306 0.999988 10.8226 1H10.8H4.2ZM3.23875 2.07368C3.26722 2.05623 3.32362 2.03112 3.48075 2.01618C3.64532 2.00053 3.86298 2 4.2 2H10.8C11.137 2 11.3547 2.00053 11.5193 2.01618C11.6764 2.03112 11.7328 2.05623 11.7613 2.07368C11.8285 2.11491 11.8851 2.17147 11.9263 2.23875C11.9438 2.26722 11.9689 2.32362 11.9838 2.48075C11.9995 2.64532 12 2.86298 12 3.2V11.8C12 12.137 11.9995 12.3547 11.9838 12.5193C11.9689 12.6764 11.9438 12.7328 11.9263 12.7613C11.8851 12.8285 11.8285 12.8851 11.7613 12.9263C11.7328 12.9438 11.6764 12.9689 11.5193 12.9838C11.3547 12.9995 11.137 13 10.8 13H4.2C3.86298 13 3.64532 12.9995 3.48075 12.9838C3.32362 12.9689 3.26722 12.9438 3.23875 12.9263C3.17147 12.8851 3.11491 12.8285 3.07368 12.7613C3.05624 12.7328 3.03112 12.6764 3.01618 12.5193C3.00053 12.3547 3 12.137 3 11.8V3.2C3 2.86298 3.00053 2.64532 3.01618 2.48075C3.03112 2.32362 3.05624 2.26722 3.07368 2.23875C3.11491 2.17147 3.17147 2.11491 3.23875 2.07368ZM5 10C4.72386 10 4.5 10.2239 4.5 10.5C4.5 10.7761 4.72386 11 5 11H8C8.27614 11 8.5 10.7761 8.5 10.5C8.5 10.2239 8.27614 10 8 10H5ZM4.5 7.5C4.5 7.22386 4.72386 7 5 7H10C10.2761 7 10.5 7.22386 10.5 7.5C10.5 7.77614 10.2761 8 10 8H5C4.72386 8 4.5 7.77614 4.5 7.5ZM5 4C4.72386 4 4.5 4.22386 4.5 4.5C4.5 4.77614 4.72386 5 5 5H10C10.2761 5 10.5 4.77614 10.5 4.5C10.5 4.22386 10.2761 4 10 4H5Z" fill="currentColor"></path></svg></a></button></div></div></div>
</aside>
</section>
<section><div class="site-banner-container svelte-xd6x8y"><section><div class="site-banner-container"><div id="home" class="site-banner-content svelte-fptjmw"><h2 class="site-banner-title svelte-fptjmw">Logan Vasquez</h2>
<p class="site-banner-description svelte-fptjmw">Software Engineer</p></div></div>
</section></div>
</section>
<div class="flex-auto content-container svelte-16ajnzv"><div data-aos="fade-up" class="flex-auto flex-col svelte-1rf1kqv"><h2 id="blog" class="title svelte-1rf1kqv" style="font-size: 2.5rem; text-transform: ">Blog</h2>
</div>
<div class="md:grid md:gap-2 md:grid-cols-2-large-left flex flex-auto flex-col"><div class="flex flex-col justify-center items-center">
<section class="blog-list__container svelte-qgjppu" blogs=""><div class="flex flex-auto flex-col items-center justify-center spinner-container"><div class="circle svelte-dqjlks" style="--size: 2rem; --color: grey; --duration: 1.5s"></div></div>
</section>
</div>
<div class="spotify-now-playing__container grid-cols-3 gap-4 mt-5 svelte-4dh2e5"><div class="col-span-2 md:text-center items-center flex"><div data-aos="fade-up" class="flex-auto flex-col svelte-1rf1kqv"><h2 id="" class="title svelte-1rf1kqv" style="font-size: 1.5rem; text-transform: ">Listen to some music while you're here.</h2>
</div></div>
<div class="spotify-now-playing__player col-span-1 items-center flex svelte-4dh2e5"><div class="iphone svelte-c3hnel"><div class="notch svelte-c3hnel"><div class="speaker svelte-c3hnel"></div>
<div class="camera svelte-c3hnel"></div></div>
<div class="screen svelte-c3hnel"><div class="control-bar svelte-c3hnel"><button class="ios-back-button svelte-c3hnel">Back</button></div>
<div class="screen-content mt-5 svelte-c3hnel"><div class="spotify-player__container flex flex-auto flex-col svelte-1he08sk"><div class="spotify-player__header flex flex-auto flex-row justify-center"><div class="text-center flex flex-auto flex-col align-center"><span class="spotify__header svelte-1he08sk">Logan's Now Playing</span></div></div>
<div class="spotify-player__artwork-container text-center align-center items-center flex flex-auto flex-col mt-5 svelte-1he08sk"><svg width="75" height="75" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg" class="spotify-player__album-artwork text-center align-center items-center"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.72361 1.05279C7.893 1.13749 8 1.31062 8 1.5V13.5C8 13.6894 7.893 13.8625 7.72361 13.9472C7.55421 14.0319 7.35151 14.0136 7.2 13.9L3.33333 11H1.5C0.671573 11 0 10.3284 0 9.5V5.5C0 4.67158 0.671573 4 1.5 4H3.33333L7.2 1.1C7.35151 0.986371 7.55421 0.968093 7.72361 1.05279ZM7 2.5L3.8 4.9C3.71345 4.96491 3.60819 5 3.5 5H1.5C1.22386 5 1 5.22386 1 5.5V9.5C1 9.77614 1.22386 10 1.5 10H3.5C3.60819 10 3.71345 10.0351 3.8 10.1L7 12.5V2.5ZM14.8536 5.14645C15.0488 5.34171 15.0488 5.65829 14.8536 5.85355L13.2071 7.5L14.8536 9.14645C15.0488 9.34171 15.0488 9.65829 14.8536 9.85355C14.6583 10.0488 14.3417 10.0488 14.1464 9.85355L12.5 8.20711L10.8536 9.85355C10.6583 10.0488 10.3417 10.0488 10.1464 9.85355C9.95118 9.65829 9.95118 9.34171 10.1464 9.14645L11.7929 7.5L10.1464 5.85355C9.95118 5.65829 9.95118 5.34171 10.1464 5.14645C10.3417 4.95118 10.6583 4.95118 10.8536 5.14645L12.5 6.79289L14.1464 5.14645C14.3417 4.95118 14.6583 4.95118 14.8536 5.14645Z" fill="currentColor"></path></svg></div>
<div class="spotify-player__meta flex flex-auto flex-row justify-center mt-5 svelte-1he08sk"><div class="flex flex-col align-center text-center"><span>Logan Is Not Currently Listening To Any Music.</span>
<span>Try Again Later.</span></div></div>
<div class="spotify-player__controls"><div class="spotify-player__play-btn-container align-center justify-center flex mt-5"><button disabled class="btn-spotify svelte-1he08sk">Play</button></div></div></div>
</div></div>
<div class="button button--side button--side--top svelte-c3hnel"></div>
<div class="button button--side button--side--bottom svelte-c3hnel"></div>
<div class="button button--volume button--volume--up svelte-c3hnel"></div>
<div class="button button--volume button--volume--down svelte-c3hnel"></div>
</div></div>
</div></div>
<section class="mt-10 svelte-15mdot4"><div class="title__container flex flex-col justify-center flex-auto svelte-15mdot4"><div data-aos="fade-up" class="coming-soon__title svelte-1rf1kqv"><h2 id="blog" class="title svelte-1rf1kqv" style="font-size: 5rem; text-transform: "></h2>
<span class="subtitle svelte-1rf1kqv" style="font-size: 1.25rem;">Sign up to be added to the mailing list</span>
</div>
<div class="flex flex-row flex-auto email-field__container svelte-15mdot4">
<div class="signup-textfield__container svelteui-c-icARVq svelteui-InputWrapper-root svelteui-c-icARVq svelteui-c-icARVq-iPJLV-css svelteui-c-PJLV svelteui-c-PJLV-iPJLV-css">
<div class="svelteui-c-lkWmqG svelteui-Input-root svelteui-c-lkWmqG svelteui-c-lkWmqG-iPJLV-css svelteui-c-PJLV svelteui-c-PJLV-iPJLV-css"><div class="svelteui-c-ftBFqc svelteui-Input-icon"></div>
<input type="text" id="input-id-8x24x6v8" placeholder="Email" autocomplete="on" aria-invalid="false" class="svelteui-c-gzMZsk svelteui-Input-input svelteui-c-bMeSSo svelteui-Input-defaultVariant withIcon">
</div>
</div>
<button class="signup-button__submit mdc-button mdc-button--outlined" style="" type="submit"><div class="mdc-button__ripple"></div>
Submit</button></div></div>
</section>
</div>
<section class="footer-container svelte-1wpujia"><div><a class="smui-button--raised mdc-button" style="" href="https://github.com/bydesign21" target="_blank" rel="noopener noreferrer"><div class="mdc-button__ripple"></div>
GitHub
</a>
<a class="smui-button--raised mdc-button" style="" href="https://www.linkedin.com/in/lvasquez-dev" target="_blank" rel="noopener noreferrer"><div class="mdc-button__ripple"></div>
LinkedIn
</a>
<button class="smui-button--raised mdc-button" style=""><div class="mdc-button__ripple"></div>
Résumé</button>
<a class="smui-button--raised mdc-button" style="" href="https://twitter.com/loganvasquez126" target="_blank" rel="noopener noreferrer"><div class="mdc-button__ripple"></div>
Twitter
</a></div>
<div><p>Copyright 2023. Logan Vasquez.</p></div>
</section>
<div class="message-container-global svelte-5z0f2a"></div>
<button id="back-to-top" class="back-to-top svelte-905aon" title="Go to top"><svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7.14645 2.14645C7.34171 1.95118 7.65829 1.95118 7.85355 2.14645L11.8536 6.14645C12.0488 6.34171 12.0488 6.65829 11.8536 6.85355C11.6583 7.04882 11.3417 7.04882 11.1464 6.85355L8 3.70711L8 12.5C8 12.7761 7.77614 13 7.5 13C7.22386 13 7 12.7761 7 12.5L7 3.70711L3.85355 6.85355C3.65829 7.04882 3.34171 7.04882 3.14645 6.85355C2.95118 6.65829 2.95118 6.34171 3.14645 6.14645L7.14645 2.14645Z" fill="currentColor"></path></svg></button>
</div>
<script>
{
__sveltekit_1202ljn = {
base: new URL(".", location).pathname.slice(0, -1),
env: {}
};
const element = document.currentScript.parentElement;
const data = [{"type":"data","data":null,"uses":{}},null];
Promise.all([
import("./_app/immutable/entry/start.20354e14.js"),
import("./_app/immutable/entry/app.34cec7a7.js")
]).then(([kit, app]) => {
kit.start(app, element, {
node_ids: [0, 3],
data,
form: null,
error: null
});
});
}
</script>
</div>
</body>
</html>