-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
419 lines (415 loc) · 31.6 KB
/
index.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
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
<!doctype html>
<html>
<head>
<title>Noah Baculi</title>
<meta charset="utf-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, user-scalable=no"
/>
<meta
name="description"
content="Software Engineer @ Carium | PDX | Northwestern University Engineering | Portfolio • About • Contact"
/>
<link rel="stylesheet" href="assets/css/main.css" />
<link rel="icon" href="./images/icons/favicon_50_w.webp" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<header>
<div class="home_entrance_div_hundred">
<div class="home_entrance_div_ninety">
<div class="home_entrance_div_seventy_five">
<img
srcset="
./images/noah/noah_baculi_header_2_by_3_800_w.webp 400w,
./images/noah/noah_baculi_header_square_1200_w.webp 700w,
./images/noah/noah_baculi_header_4_by_3_1600_w.webp 1000w,
./images/noah/noah_baculi_header_2000_w.webp 2000w
"
sizes="100vw"
loading="lazy"
decoding="async"
src="./images/noah/noah_baculi_header.jpg"
class="home_pic"
alt="Noah Home"
/>
</div>
<h1 class="home_entrance_title">
<a href=" index.html">Noah Baculi</a>
</h1>
<svg
id="animated-tagline"
viewBox="0 0 297 33"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<mask id="path-1-inside-mask" fill="white">
<path
d="M9.82426 26.028C7.83226 26.028 6.03226 25.776 4.42426 25.272C2.81626 24.744 1.42426 23.988 0.24826 23.004L1.29226 20.628C2.51626 21.564 3.80026 22.26 5.14426 22.716C6.48826 23.172 8.04826 23.4 9.82426 23.4C11.9843 23.4 13.5803 23.004 14.6123 22.212C15.6683 21.396 16.1963 20.328 16.1963 19.008C16.1963 17.952 15.8123 17.112 15.0443 16.488C14.3003 15.864 13.0403 15.372 11.2643 15.012L7.52026 14.256C5.26426 13.776 3.57226 12.996 2.44426 11.916C1.34026 10.812 0.788261 9.348 0.788261 7.524C0.788261 6.012 1.17226 4.692 1.94026 3.564C2.73226 2.436 3.82426 1.56 5.21626 0.936001C6.60826 0.312 8.21626 0 10.0403 0C11.7443 0 13.3283 0.276 14.7923 0.828C16.2563 1.356 17.4923 2.124 18.5003 3.132L17.4563 5.436C16.3763 4.452 15.2363 3.744 14.0363 3.312C12.8363 2.856 11.4923 2.628 10.0043 2.628C8.10826 2.628 6.59626 3.072 5.46826 3.96C4.34026 4.824 3.77626 5.976 3.77626 7.416C3.77626 8.568 4.12426 9.48 4.82026 10.152C5.54026 10.824 6.70426 11.316 8.31226 11.628L12.0563 12.42C14.4803 12.924 16.2683 13.692 17.4203 14.724C18.5963 15.732 19.1843 17.112 19.1843 18.864C19.1843 20.28 18.8003 21.528 18.0323 22.608C17.2883 23.688 16.2083 24.528 14.7923 25.128C13.4003 25.728 11.7443 26.028 9.82426 26.028Z"
/>
<path
d="M30.6407 26.028C28.9367 26.028 27.4607 25.656 26.2127 24.912C24.9647 24.168 23.9927 23.124 23.2967 21.78C22.6247 20.412 22.2887 18.804 22.2887 16.956C22.2887 15.108 22.6247 13.512 23.2967 12.168C23.9927 10.8 24.9647 9.744 26.2127 9C27.4607 8.256 28.9367 7.884 30.6407 7.884C32.3207 7.884 33.7847 8.256 35.0327 9C36.3047 9.744 37.2767 10.8 37.9487 12.168C38.6447 13.512 38.9927 15.108 38.9927 16.956C38.9927 18.804 38.6447 20.412 37.9487 21.78C37.2767 23.124 36.3047 24.168 35.0327 24.912C33.7847 25.656 32.3207 26.028 30.6407 26.028ZM30.6407 23.688C32.2727 23.688 33.5807 23.112 34.5647 21.96C35.5487 20.784 36.0407 19.116 36.0407 16.956C36.0407 14.772 35.5487 13.104 34.5647 11.952C33.5807 10.8 32.2727 10.224 30.6407 10.224C28.9847 10.224 27.6647 10.8 26.6807 11.952C25.7207 13.104 25.2407 14.772 25.2407 16.956C25.2407 19.116 25.7207 20.784 26.6807 21.96C27.6647 23.112 28.9847 23.688 30.6407 23.688Z"
/>
<path
d="M44.1328 25.704V10.476H40.6768V8.208H44.1328V7.596C44.1328 5.268 44.7088 3.504 45.8608 2.304C47.0368 1.104 48.8368 0.432 51.2608 0.288L52.6648 0.216002L52.9168 2.448L51.2608 2.556C49.7728 2.676 48.6928 3.12 48.0208 3.888C47.3728 4.656 47.0488 5.772 47.0488 7.236V8.208H52.0888V10.476H47.0488V25.704H44.1328Z"
/>
<path
d="M61.3262 26.028C59.2622 26.028 57.7142 25.488 56.6822 24.408C55.6502 23.304 55.1342 21.72 55.1342 19.656V10.476H51.7142V8.208H55.1342V2.844H58.0502V8.208H63.5942V10.476H58.0502V19.368C58.0502 20.736 58.3382 21.78 58.9142 22.5C59.4902 23.196 60.4262 23.544 61.7222 23.544C62.1062 23.544 62.4902 23.496 62.8742 23.4C63.2582 23.304 63.6062 23.208 63.9182 23.112L64.4222 25.344C64.1102 25.512 63.6542 25.668 63.0542 25.812C62.4542 25.956 61.8782 26.028 61.3262 26.028Z"
/>
<path
d="M71.7471 25.704L65.2311 8.208H68.2911L73.2231 22.284L78.3351 8.208H80.8191L85.8591 22.32L90.8631 8.208H93.7791L87.2271 25.704H84.4551L79.5231 12.132L74.5551 25.704H71.7471Z"
/>
<path
d="M102.529 26.028C101.329 26.028 100.249 25.8 99.289 25.344C98.353 24.864 97.609 24.216 97.057 23.4C96.505 22.584 96.229 21.672 96.229 20.664C96.229 19.392 96.553 18.384 97.201 17.64C97.873 16.896 98.965 16.368 100.477 16.056C102.013 15.72 104.101 15.552 106.741 15.552H107.893V14.436C107.893 12.948 107.581 11.88 106.957 11.232C106.357 10.56 105.385 10.224 104.041 10.224C102.985 10.224 101.965 10.38 100.981 10.692C99.997 10.98 98.989 11.46 97.957 12.132L96.949 10.008C97.861 9.36 98.965 8.844 100.261 8.46C101.581 8.076 102.841 7.884 104.041 7.884C106.297 7.884 107.965 8.436 109.045 9.54C110.149 10.644 110.701 12.36 110.701 14.688V25.704H107.965V22.68C107.509 23.712 106.801 24.528 105.841 25.128C104.905 25.728 103.801 26.028 102.529 26.028ZM102.997 23.832C104.437 23.832 105.613 23.34 106.525 22.356C107.437 21.348 107.893 20.076 107.893 18.54V17.46H106.777C104.833 17.46 103.297 17.556 102.169 17.748C101.065 17.916 100.285 18.228 99.829 18.684C99.397 19.116 99.181 19.716 99.181 20.484C99.181 21.468 99.517 22.272 100.189 22.896C100.885 23.52 101.821 23.832 102.997 23.832Z"
/>
<path
d="M116.111 25.704V8.208H118.955V11.34C119.891 9.228 121.811 8.064 124.715 7.848L125.759 7.74L125.975 10.26L124.139 10.476C122.483 10.62 121.223 11.148 120.359 12.06C119.495 12.948 119.063 14.172 119.063 15.732V25.704H116.111Z"
/>
<path
d="M136.686 26.028C133.926 26.028 131.742 25.224 130.134 23.616C128.526 21.984 127.722 19.776 127.722 16.992C127.722 15.192 128.082 13.608 128.802 12.24C129.522 10.848 130.506 9.78 131.754 9.036C133.026 8.268 134.49 7.884 136.146 7.884C138.522 7.884 140.382 8.652 141.726 10.188C143.07 11.7 143.742 13.788 143.742 16.452V17.568H130.566C130.662 19.56 131.238 21.084 132.294 22.14C133.35 23.172 134.814 23.688 136.686 23.688C137.742 23.688 138.75 23.532 139.71 23.22C140.67 22.884 141.582 22.344 142.446 21.6L143.454 23.652C142.662 24.396 141.654 24.984 140.43 25.416C139.206 25.824 137.958 26.028 136.686 26.028ZM136.218 10.044C134.562 10.044 133.254 10.56 132.294 11.592C131.334 12.624 130.77 13.98 130.602 15.66H141.222C141.15 13.884 140.682 12.504 139.818 11.52C138.978 10.536 137.778 10.044 136.218 10.044Z"
/>
<path
d="M157.605 25.704V0.324H173.625V2.808H160.485V11.592H172.869V14.076H160.485V23.22H173.625V25.704H157.605Z"
/>
<path
d="M178.197 25.704V8.208H181.041V11.196C181.617 10.092 182.433 9.264 183.489 8.712C184.545 8.16 185.733 7.884 187.053 7.884C191.205 7.884 193.281 10.188 193.281 14.796V25.704H190.365V14.976C190.365 13.344 190.041 12.156 189.393 11.412C188.769 10.644 187.761 10.26 186.369 10.26C184.761 10.26 183.477 10.764 182.517 11.772C181.581 12.756 181.113 14.076 181.113 15.732V25.704H178.197Z"
/>
<path
d="M206.398 32.508C204.886 32.508 203.458 32.304 202.114 31.896C200.794 31.512 199.618 30.924 198.586 30.132L199.558 28.008C200.638 28.776 201.706 29.328 202.762 29.664C203.842 30 205.006 30.168 206.254 30.168C209.71 30.168 211.438 28.392 211.438 24.84V21.744C210.934 22.848 210.142 23.724 209.062 24.372C208.006 24.996 206.794 25.308 205.426 25.308C203.818 25.308 202.426 24.936 201.25 24.192C200.074 23.448 199.162 22.428 198.514 21.132C197.89 19.812 197.578 18.288 197.578 16.56C197.578 14.832 197.89 13.32 198.514 12.024C199.162 10.704 200.074 9.684 201.25 8.964C202.426 8.244 203.818 7.884 205.426 7.884C206.794 7.884 208.006 8.196 209.062 8.82C210.142 9.444 210.934 10.296 211.438 11.376V8.208H214.282V24.444C214.282 27.132 213.61 29.148 212.266 30.492C210.946 31.836 208.99 32.508 206.398 32.508ZM205.966 22.932C207.646 22.932 208.978 22.356 209.962 21.204C210.946 20.052 211.438 18.504 211.438 16.56C211.438 14.616 210.946 13.08 209.962 11.952C208.978 10.8 207.646 10.224 205.966 10.224C204.31 10.224 202.99 10.8 202.006 11.952C201.022 13.08 200.53 14.616 200.53 16.56C200.53 18.504 201.022 20.052 202.006 21.204C202.99 22.356 204.31 22.932 205.966 22.932Z"
/>
<path
d="M219.392 3.852V0.576001H222.992V3.852H219.392ZM219.751 25.704V8.208H222.668V25.704H219.751Z"
/>
<path
d="M228.119 25.704V8.208H230.963V11.196C231.539 10.092 232.355 9.264 233.411 8.712C234.467 8.16 235.655 7.884 236.975 7.884C241.127 7.884 243.203 10.188 243.203 14.796V25.704H240.287V14.976C240.287 13.344 239.963 12.156 239.315 11.412C238.691 10.644 237.683 10.26 236.291 10.26C234.683 10.26 233.399 10.764 232.439 11.772C231.503 12.756 231.035 14.076 231.035 15.732V25.704H228.119Z"
/>
<path
d="M256.464 26.028C253.704 26.028 251.52 25.224 249.912 23.616C248.304 21.984 247.5 19.776 247.5 16.992C247.5 15.192 247.86 13.608 248.58 12.24C249.3 10.848 250.284 9.78 251.532 9.036C252.804 8.268 254.268 7.884 255.924 7.884C258.3 7.884 260.16 8.652 261.504 10.188C262.848 11.7 263.52 13.788 263.52 16.452V17.568H250.344C250.44 19.56 251.016 21.084 252.072 22.14C253.128 23.172 254.592 23.688 256.464 23.688C257.52 23.688 258.528 23.532 259.488 23.22C260.448 22.884 261.36 22.344 262.224 21.6L263.232 23.652C262.44 24.396 261.432 24.984 260.208 25.416C258.984 25.824 257.736 26.028 256.464 26.028ZM255.996 10.044C254.34 10.044 253.032 10.56 252.072 11.592C251.112 12.624 250.548 13.98 250.38 15.66H261C260.928 13.884 260.46 12.504 259.596 11.52C258.756 10.536 257.556 10.044 255.996 10.044Z"
/>
<path
d="M275.624 26.028C272.864 26.028 270.68 25.224 269.072 23.616C267.464 21.984 266.66 19.776 266.66 16.992C266.66 15.192 267.02 13.608 267.74 12.24C268.46 10.848 269.444 9.78 270.692 9.036C271.964 8.268 273.428 7.884 275.084 7.884C277.46 7.884 279.32 8.652 280.664 10.188C282.008 11.7 282.68 13.788 282.68 16.452V17.568H269.504C269.6 19.56 270.176 21.084 271.232 22.14C272.288 23.172 273.752 23.688 275.624 23.688C276.68 23.688 277.688 23.532 278.648 23.22C279.608 22.884 280.52 22.344 281.384 21.6L282.392 23.652C281.6 24.396 280.592 24.984 279.368 25.416C278.144 25.824 276.896 26.028 275.624 26.028ZM275.156 10.044C273.5 10.044 272.192 10.56 271.232 11.592C270.272 12.624 269.708 13.98 269.54 15.66H280.16C280.088 13.884 279.62 12.504 278.756 11.52C277.916 10.536 276.716 10.044 275.156 10.044Z"
/>
<path
d="M286.9 25.704V8.208H289.744V11.34C290.68 9.228 292.6 8.064 295.504 7.848L296.548 7.74L296.764 10.26L294.928 10.476C293.272 10.62 292.012 11.148 291.148 12.06C290.284 12.948 289.852 14.172 289.852 15.732V25.704H286.9Z"
/>
</mask>
<path
d="M9.82426 26.028C7.83226 26.028 6.03226 25.776 4.42426 25.272C2.81626 24.744 1.42426 23.988 0.24826 23.004L1.29226 20.628C2.51626 21.564 3.80026 22.26 5.14426 22.716C6.48826 23.172 8.04826 23.4 9.82426 23.4C11.9843 23.4 13.5803 23.004 14.6123 22.212C15.6683 21.396 16.1963 20.328 16.1963 19.008C16.1963 17.952 15.8123 17.112 15.0443 16.488C14.3003 15.864 13.0403 15.372 11.2643 15.012L7.52026 14.256C5.26426 13.776 3.57226 12.996 2.44426 11.916C1.34026 10.812 0.788261 9.348 0.788261 7.524C0.788261 6.012 1.17226 4.692 1.94026 3.564C2.73226 2.436 3.82426 1.56 5.21626 0.936001C6.60826 0.312 8.21626 0 10.0403 0C11.7443 0 13.3283 0.276 14.7923 0.828C16.2563 1.356 17.4923 2.124 18.5003 3.132L17.4563 5.436C16.3763 4.452 15.2363 3.744 14.0363 3.312C12.8363 2.856 11.4923 2.628 10.0043 2.628C8.10826 2.628 6.59626 3.072 5.46826 3.96C4.34026 4.824 3.77626 5.976 3.77626 7.416C3.77626 8.568 4.12426 9.48 4.82026 10.152C5.54026 10.824 6.70426 11.316 8.31226 11.628L12.0563 12.42C14.4803 12.924 16.2683 13.692 17.4203 14.724C18.5963 15.732 19.1843 17.112 19.1843 18.864C19.1843 20.28 18.8003 21.528 18.0323 22.608C17.2883 23.688 16.2083 24.528 14.7923 25.128C13.4003 25.728 11.7443 26.028 9.82426 26.028Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M30.6407 26.028C28.9367 26.028 27.4607 25.656 26.2127 24.912C24.9647 24.168 23.9927 23.124 23.2967 21.78C22.6247 20.412 22.2887 18.804 22.2887 16.956C22.2887 15.108 22.6247 13.512 23.2967 12.168C23.9927 10.8 24.9647 9.744 26.2127 9C27.4607 8.256 28.9367 7.884 30.6407 7.884C32.3207 7.884 33.7847 8.256 35.0327 9C36.3047 9.744 37.2767 10.8 37.9487 12.168C38.6447 13.512 38.9927 15.108 38.9927 16.956C38.9927 18.804 38.6447 20.412 37.9487 21.78C37.2767 23.124 36.3047 24.168 35.0327 24.912C33.7847 25.656 32.3207 26.028 30.6407 26.028ZM30.6407 23.688C32.2727 23.688 33.5807 23.112 34.5647 21.96C35.5487 20.784 36.0407 19.116 36.0407 16.956C36.0407 14.772 35.5487 13.104 34.5647 11.952C33.5807 10.8 32.2727 10.224 30.6407 10.224C28.9847 10.224 27.6647 10.8 26.6807 11.952C25.7207 13.104 25.2407 14.772 25.2407 16.956C25.2407 19.116 25.7207 20.784 26.6807 21.96C27.6647 23.112 28.9847 23.688 30.6407 23.688Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M44.1328 25.704V10.476H40.6768V8.208H44.1328V7.596C44.1328 5.268 44.7088 3.504 45.8608 2.304C47.0368 1.104 48.8368 0.432 51.2608 0.288L52.6648 0.216002L52.9168 2.448L51.2608 2.556C49.7728 2.676 48.6928 3.12 48.0208 3.888C47.3728 4.656 47.0488 5.772 47.0488 7.236V8.208H52.0888V10.476H47.0488V25.704H44.1328Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M61.3262 26.028C59.2622 26.028 57.7142 25.488 56.6822 24.408C55.6502 23.304 55.1342 21.72 55.1342 19.656V10.476H51.7142V8.208H55.1342V2.844H58.0502V8.208H63.5942V10.476H58.0502V19.368C58.0502 20.736 58.3382 21.78 58.9142 22.5C59.4902 23.196 60.4262 23.544 61.7222 23.544C62.1062 23.544 62.4902 23.496 62.8742 23.4C63.2582 23.304 63.6062 23.208 63.9182 23.112L64.4222 25.344C64.1102 25.512 63.6542 25.668 63.0542 25.812C62.4542 25.956 61.8782 26.028 61.3262 26.028Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M71.7471 25.704L65.2311 8.208H68.2911L73.2231 22.284L78.3351 8.208H80.8191L85.8591 22.32L90.8631 8.208H93.7791L87.2271 25.704H84.4551L79.5231 12.132L74.5551 25.704H71.7471Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M102.529 26.028C101.329 26.028 100.249 25.8 99.289 25.344C98.353 24.864 97.609 24.216 97.057 23.4C96.505 22.584 96.229 21.672 96.229 20.664C96.229 19.392 96.553 18.384 97.201 17.64C97.873 16.896 98.965 16.368 100.477 16.056C102.013 15.72 104.101 15.552 106.741 15.552H107.893V14.436C107.893 12.948 107.581 11.88 106.957 11.232C106.357 10.56 105.385 10.224 104.041 10.224C102.985 10.224 101.965 10.38 100.981 10.692C99.997 10.98 98.989 11.46 97.957 12.132L96.949 10.008C97.861 9.36 98.965 8.844 100.261 8.46C101.581 8.076 102.841 7.884 104.041 7.884C106.297 7.884 107.965 8.436 109.045 9.54C110.149 10.644 110.701 12.36 110.701 14.688V25.704H107.965V22.68C107.509 23.712 106.801 24.528 105.841 25.128C104.905 25.728 103.801 26.028 102.529 26.028ZM102.997 23.832C104.437 23.832 105.613 23.34 106.525 22.356C107.437 21.348 107.893 20.076 107.893 18.54V17.46H106.777C104.833 17.46 103.297 17.556 102.169 17.748C101.065 17.916 100.285 18.228 99.829 18.684C99.397 19.116 99.181 19.716 99.181 20.484C99.181 21.468 99.517 22.272 100.189 22.896C100.885 23.52 101.821 23.832 102.997 23.832Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M116.111 25.704V8.208H118.955V11.34C119.891 9.228 121.811 8.064 124.715 7.848L125.759 7.74L125.975 10.26L124.139 10.476C122.483 10.62 121.223 11.148 120.359 12.06C119.495 12.948 119.063 14.172 119.063 15.732V25.704H116.111Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M136.686 26.028C133.926 26.028 131.742 25.224 130.134 23.616C128.526 21.984 127.722 19.776 127.722 16.992C127.722 15.192 128.082 13.608 128.802 12.24C129.522 10.848 130.506 9.78 131.754 9.036C133.026 8.268 134.49 7.884 136.146 7.884C138.522 7.884 140.382 8.652 141.726 10.188C143.07 11.7 143.742 13.788 143.742 16.452V17.568H130.566C130.662 19.56 131.238 21.084 132.294 22.14C133.35 23.172 134.814 23.688 136.686 23.688C137.742 23.688 138.75 23.532 139.71 23.22C140.67 22.884 141.582 22.344 142.446 21.6L143.454 23.652C142.662 24.396 141.654 24.984 140.43 25.416C139.206 25.824 137.958 26.028 136.686 26.028ZM136.218 10.044C134.562 10.044 133.254 10.56 132.294 11.592C131.334 12.624 130.77 13.98 130.602 15.66H141.222C141.15 13.884 140.682 12.504 139.818 11.52C138.978 10.536 137.778 10.044 136.218 10.044Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M157.605 25.704V0.324H173.625V2.808H160.485V11.592H172.869V14.076H160.485V23.22H173.625V25.704H157.605Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M178.197 25.704V8.208H181.041V11.196C181.617 10.092 182.433 9.264 183.489 8.712C184.545 8.16 185.733 7.884 187.053 7.884C191.205 7.884 193.281 10.188 193.281 14.796V25.704H190.365V14.976C190.365 13.344 190.041 12.156 189.393 11.412C188.769 10.644 187.761 10.26 186.369 10.26C184.761 10.26 183.477 10.764 182.517 11.772C181.581 12.756 181.113 14.076 181.113 15.732V25.704H178.197Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M206.398 32.508C204.886 32.508 203.458 32.304 202.114 31.896C200.794 31.512 199.618 30.924 198.586 30.132L199.558 28.008C200.638 28.776 201.706 29.328 202.762 29.664C203.842 30 205.006 30.168 206.254 30.168C209.71 30.168 211.438 28.392 211.438 24.84V21.744C210.934 22.848 210.142 23.724 209.062 24.372C208.006 24.996 206.794 25.308 205.426 25.308C203.818 25.308 202.426 24.936 201.25 24.192C200.074 23.448 199.162 22.428 198.514 21.132C197.89 19.812 197.578 18.288 197.578 16.56C197.578 14.832 197.89 13.32 198.514 12.024C199.162 10.704 200.074 9.684 201.25 8.964C202.426 8.244 203.818 7.884 205.426 7.884C206.794 7.884 208.006 8.196 209.062 8.82C210.142 9.444 210.934 10.296 211.438 11.376V8.208H214.282V24.444C214.282 27.132 213.61 29.148 212.266 30.492C210.946 31.836 208.99 32.508 206.398 32.508ZM205.966 22.932C207.646 22.932 208.978 22.356 209.962 21.204C210.946 20.052 211.438 18.504 211.438 16.56C211.438 14.616 210.946 13.08 209.962 11.952C208.978 10.8 207.646 10.224 205.966 10.224C204.31 10.224 202.99 10.8 202.006 11.952C201.022 13.08 200.53 14.616 200.53 16.56C200.53 18.504 201.022 20.052 202.006 21.204C202.99 22.356 204.31 22.932 205.966 22.932Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M219.392 3.852V0.576001H222.992V3.852H219.392ZM219.751 25.704V8.208H222.668V25.704H219.751Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M228.119 25.704V8.208H230.963V11.196C231.539 10.092 232.355 9.264 233.411 8.712C234.467 8.16 235.655 7.884 236.975 7.884C241.127 7.884 243.203 10.188 243.203 14.796V25.704H240.287V14.976C240.287 13.344 239.963 12.156 239.315 11.412C238.691 10.644 237.683 10.26 236.291 10.26C234.683 10.26 233.399 10.764 232.439 11.772C231.503 12.756 231.035 14.076 231.035 15.732V25.704H228.119Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M256.464 26.028C253.704 26.028 251.52 25.224 249.912 23.616C248.304 21.984 247.5 19.776 247.5 16.992C247.5 15.192 247.86 13.608 248.58 12.24C249.3 10.848 250.284 9.78 251.532 9.036C252.804 8.268 254.268 7.884 255.924 7.884C258.3 7.884 260.16 8.652 261.504 10.188C262.848 11.7 263.52 13.788 263.52 16.452V17.568H250.344C250.44 19.56 251.016 21.084 252.072 22.14C253.128 23.172 254.592 23.688 256.464 23.688C257.52 23.688 258.528 23.532 259.488 23.22C260.448 22.884 261.36 22.344 262.224 21.6L263.232 23.652C262.44 24.396 261.432 24.984 260.208 25.416C258.984 25.824 257.736 26.028 256.464 26.028ZM255.996 10.044C254.34 10.044 253.032 10.56 252.072 11.592C251.112 12.624 250.548 13.98 250.38 15.66H261C260.928 13.884 260.46 12.504 259.596 11.52C258.756 10.536 257.556 10.044 255.996 10.044Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M275.624 26.028C272.864 26.028 270.68 25.224 269.072 23.616C267.464 21.984 266.66 19.776 266.66 16.992C266.66 15.192 267.02 13.608 267.74 12.24C268.46 10.848 269.444 9.78 270.692 9.036C271.964 8.268 273.428 7.884 275.084 7.884C277.46 7.884 279.32 8.652 280.664 10.188C282.008 11.7 282.68 13.788 282.68 16.452V17.568H269.504C269.6 19.56 270.176 21.084 271.232 22.14C272.288 23.172 273.752 23.688 275.624 23.688C276.68 23.688 277.688 23.532 278.648 23.22C279.608 22.884 280.52 22.344 281.384 21.6L282.392 23.652C281.6 24.396 280.592 24.984 279.368 25.416C278.144 25.824 276.896 26.028 275.624 26.028ZM275.156 10.044C273.5 10.044 272.192 10.56 271.232 11.592C270.272 12.624 269.708 13.98 269.54 15.66H280.16C280.088 13.884 279.62 12.504 278.756 11.52C277.916 10.536 276.716 10.044 275.156 10.044Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
<path
d="M286.9 25.704V8.208H289.744V11.34C290.68 9.228 292.6 8.064 295.504 7.848L296.548 7.74L296.764 10.26L294.928 10.476C293.272 10.62 292.012 11.148 291.148 12.06C290.284 12.948 289.852 14.172 289.852 15.732V25.704H286.9Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-mask)"
/>
</svg>
<a href="#main">
<svg
id="animated-scroll"
viewBox="0 0 6 11"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M2.78787 10.7121C2.90503 10.8293 3.09497 10.8293 3.21213 10.7121L5.12132 8.80294C5.23848 8.68579 5.23848 8.49584 5.12132 8.37868C5.00416 8.26152 4.81421 8.26152 4.69706 8.37868L3 10.0757L1.30294 8.37868C1.18579 8.26152 0.995837 8.26152 0.87868 8.37868C0.761522 8.49584 0.761522 8.68579 0.87868 8.80294L2.78787 10.7121ZM2.7 0.5L2.7 10.5L3.3 10.5L3.3 0.5L2.7 0.5Z"
stroke="white"
stroke-width="4"
mask="url(#path-1-inside-2)"
/>
<mask id="path-1-inside-2" fill="white">
<path
d="M2.78787 10.7121C2.90503 10.8293 3.09497 10.8293 3.21213 10.7121L5.12132 8.80294C5.23848 8.68579 5.23848 8.49584 5.12132 8.37868C5.00416 8.26152 4.81421 8.26152 4.69706 8.37868L3 10.0757L1.30294 8.37868C1.18579 8.26152 0.995837 8.26152 0.87868 8.37868C0.761522 8.49584 0.761522 8.68579 0.87868 8.80294L2.78787 10.7121ZM2.7 0.5L2.7 10.5L3.3 10.5L3.3 0.5L2.7 0.5Z"
/>
</mask>
</svg>
</a>
</div>
<div id="navbar"></div>
</div>
</header>
<!-- Header -->
<header id="header"></header>
<!-- Menu -->
<nav id="menu" class="home-menu"></nav>
<!-- Main -->
<div id="main" style="padding-bottom: 3em">
<div class="inner">
<h2 class="align-center">Experience Snapshot</h2>
<div id="top_portfolio"></div>
<div class="row project_tiles_row" style="padding: 2em 0">
<div class="project_tile">
<a
href="https://github.com/noahbaculi/guitar-tab-generator"
target="_blank"
>
<img
srcset="
./images/portfolio/guitar_tab_generator/guitar_tab_macbook_mockup_600_w.webp 600w
"
sizes="100vw"
loading="lazy"
decoding="async"
src="./images/portfolio/guitar_tab_generator/guitar_tab_macbook_mockup.png"
alt="Guitar Tab Generator"
/>
</a>
<div>
<div class="project_tile_tech_used">
<div>
<img src="./images/logos/typescript.svg" alt="TypeScript" />
<p>TypeScript</p>
</div>
<div>
<img src="./images/logos/rust.svg" alt="Rust" />
<p>Rust</p>
</div>
</div>
<a
href="https://github.com/noahbaculi/guitar-tab-generator"
target="_blank"
>
<h5>Guitar Tab Generator</h5>
</a>
<p>Fingerstyle guitar TAB arranger</p>
<div class="project_tile_more">
<a href="guitartab.html" style="background-color: #a21caf">
Try it 🎸
</a>
</div>
<div class="project_tile_end_logo">
<a
href="https://github.com/noahbaculi/guitar-tab-generator"
target="_blank"
>
<img src="./images/logos/github.svg" alt="GitHub" />
</a>
</div>
</div>
</div>
<div class="project_tile">
<a href="portfolio-pet-feeder.html">
<img
srcset="
./images/portfolio/pet_feeder/pet_feeder_final_600_w.webp 600w
"
sizes="100vw"
loading="lazy"
decoding="async"
src="./images/portfolio/pet_feeder/pet_feeder_final.JPG"
alt="Pet Feeder"
/>
</a>
<div>
<div class="project_tile_tech_used">
<div>
<img src="./images/logos/arduino.svg" alt="Arduino" />
<p>Arduino</p>
</div>
<div>
<img src="./images/logos/c++.svg" alt="C++" />
<p>C++</p>
</div>
</div>
<a href="portfolio-pet-feeder.html">
<h5>Automatic Pet Feeder</h5>
</a>
<p>Arduino mechatronic pet feeder</p>
<div class="project_tile_more">
<a href="portfolio-pet-feeder.html">Read more →</a>
</div>
<div class="project_tile_end_logo">
<a
href="https://github.com/noahbaculi/arduino-pet-feeder"
target="_blank"
>
<img src="./images/logos/github.svg" alt="GitHub" />
</a>
</div>
</div>
</div>
</div>
<div class="full_section_btn align-center">
<a href="./portfolio.html"> View My Complete Portfolio 🚀 </a>
</div>
<!-- <hr style="margin: 2em 0;"> -->
</div>
</div>
<hr style="width: 100%; max-width: 80em" />
<div style="padding: 3em 0">
<div class="inner">
<h2 class="align-center" style="margin-top: 1em">Who I am</h2>
<div class="image_gallery">
<div class="third_column">
<img
srcset="
./images/about/travel/china_wall_friends_400_w.webp 400w,
./images/about/travel/china_wall_friends_800_w.webp 600w,
./images/about/travel/china_wall_friends_1500_w.webp 1000w
"
sizes="30vw"
loading="lazy"
decoding="async"
src="./images/about/travel/china_wall_friends.jpg"
alt="China Wall"
/>
</div>
<div class="third_column">
<img
srcset="
./images/about/travel/los_angeles_family_400_w.webp 400w,
./images/about/travel/los_angeles_family_800_w.webp 800w,
./images/about/travel/los_angeles_family_1500_w.webp 1500w
"
sizes="30vw"
loading="lazy"
decoding="async"
src="./images/about/travel/los_angeles_family.jpg"
alt="LA Family"
/>
</div>
<div class="third_column">
<img
srcset="
./images/about/learning/woodworking_circular_saw_400_w.webp 400w,
./images/about/learning/woodworking_circular_saw_1000_w.webp 800w
"
sizes="30vw"
loading="lazy"
decoding="async"
src="./images/about/learning/woodworking_circular_saw.JPG"
alt="Woodworking Circular Saw"
/>
</div>
</div>
<br />
<hr style="width: 60%" />
<div class="full_section_btn align-center" style="margin-bottom: 5vh">
<a href="./about.html"> More About Me 🙋🏻♂️ </a>
</div>
</div>
<div class="row_scroll">
<a href="#top" style="margin-left: 90vw">
<img
srcset="
./images/icons/icon_scroll_up_25_w.webp 25w,
./images/icons/icon_scroll_up_50_w.webp 1000w
"
sizes="1.5em"
loading="lazy"
decoding="async"
src="./images/icons/icon_scroll_up.png"
alt="Scroll Up"
class="scroll_icon"
loading="lazy"
style="position: inherit"
/>
</a>
</div>
</div>
</div>
<!-- Footer -->
<link
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.1/css/font-awesome.min.css"
media="all"
rel="stylesheet"
type="text/css"
lazyload
/>
<footer id="footer"></footer>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>