-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
380 lines (349 loc) · 32.2 KB
/
index.html
File metadata and controls
380 lines (349 loc) · 32.2 KB
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
<!DOCTYPE html><html lang="en" prefix="og: http://ogp.me/ns#"><head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>
Persus
</title>
<meta name="description" content="I’m a multi-disciplinary Software developer with a focus on AI/ML, Programing, and Robotics.">
<link rel="shortcut icon" href="images/persuslogowhite.ico" type="image/x-icon">
<link rel="apple-touch-icon" sizes="57x57" href="images/persuslogowhite.png">
<link rel="apple-touch-icon" sizes="60x60" href="images/persuslogowhite.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/persuslogowhite.png">
<link rel="apple-touch-icon" sizes="76x76" href="images/persuslogowhite.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/persuslogowhite.png">
<link rel="apple-touch-icon" sizes="120x120" href="images/persuslogowhite.png">
<link rel="apple-touch-icon" sizes="144x144" href="images/persuslogowhite.png">
<link rel="apple-touch-icon" sizes="152x152" href="images/persuslogowhite.png">
<link rel="apple-touch-icon" sizes="180x180" href="images/persuslogowhite.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/persuslogowhite.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/persuslogowhite.png">
<link rel="icon" type="image/png" sizes="96x96" href="images/persuslogowhite.png">
<link rel="icon" type="image/png" sizes="192x192" href="images/persuslogowhite.png">
<meta property="og:locale" content="en_GB">
<meta property="og:type" content="website">
<meta property="og:title" content="Persus">
<meta property="og:description" content="I’m a multi-disciplinary Software developer with a focus on AI/ML, Programing, and Robotics.">
<meta property="og:site_name" content="Persus">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta name="twitter:description" content="I’m a multi-disciplinary Software developer with a focus on AI/ML, Programing, and Robotics.">
<meta name="twitter:title" content="Persus">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noodp">
<link rel="stylesheet" href="css/master.min.css">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/fancybox.min.css">
</head>
<body>
<a class="accessibility skip-to-main" href="#wrapper">Skip to main content</a>
<header id="header">
<div class="header--container">
<a id="logo_lottie" href="index.html" class="link" aria-label="Back to the homepage">
<img src="images/persuslogowhite.ico" alt="Home Icon" class="logo-icon">
</a>
<nav class="main_menu--container">
<ul>
<li class="menu-item">
<a href="portfolio.html" class="">Projects</a>
</li>
<li class="menu-item">
<a href="about.html" class="">About</a>
</li>
<li class="menu-item">
<a href="#footer" onclick="lenis.scrollTo('#footer')" class="">Contact</a>
</li>
</ul>
</nav>
<div class="mobile_menu--button">
<button class="hamburger_btn" href="javascript:void(0);" aria-label="Open mobile menu">
<div class="hamburger_icon">
<div></div>
<div></div>
</div>
</button>
</div>
</div>
</header>
<main id="wrapper" data-barba="wrapper">
<div data-barba="container">
<section class="home_hero--wrapper">
<div class="home_hero--container">
<div class="hero_heading--container">
<div class="heading_title text">
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" viewBox="0 0 1800 630">
<g fill="#111">
<path d="M0 315v315h1800V0H0zM523 35l-21 36-22 36h-29l12-35 13-37 24-1 23 1m-136 93c16 5 28 17 32 34l1 67v61h-46v-58c0-51 0-58-2-60l-3-2c-5 1-5 1-5 67 1 58 1 62 3 67 2 7 10 16 21 24 12 8 22 18 26 26 7 14 6 10 7 97l-1 85c-6 23-25 37-52 37-15 0-27-4-36-13-7-6-10-13-13-23-2-7-2-11-2-75v-67h47v64c0 68 0 69 5 69s5 2 5-72c0-63-1-70-2-75-2-7-7-13-19-22-19-15-27-23-31-34-5-12-5-16-5-89 0-59 0-70 2-75 4-18 17-30 35-34 9-2 24-2 33 1m224 0c16 5 28 17 32 34l1 67v61h-46v-58c0-51 0-58-2-60l-3-2c-5 1-5 1-5 67 0 58 1 62 2 67 3 7 11 16 22 24 12 8 22 18 26 26 7 14 6 10 7 97 0 69 0 80-2 85-5 23-24 37-51 37-15 0-27-4-36-13-7-6-10-13-13-23-2-7-2-11-2-75v-67h47v64c0 68 0 69 5 69s5 2 5-72c0-63-1-70-2-75-2-7-7-13-19-22-19-15-27-23-31-34-5-12-5-16-5-89l1-75c5-18 18-30 36-34 9-2 24-2 33 1m959-1c20 4 32 17 38 38 1 6 2 17 2 184s-1 177-2 184c-4 16-13 29-25 35-14 7-35 7-51-1-11-5-20-18-25-34l-1-184c0-198-1-182 7-198 9-20 33-30 58-24M221 331l-2 207c-6 19-17 30-35 33-9 2-21 2-32 0l-8-1v-46l10 1 13-1c6-4 6 10 6-178V177h-27v-47h75zm86-178v22h-29v144h26v43h-26v160h31v46h-79V130h77zm169 174c0 196 0 197 2 199 3 3 4 3 5 0 2-2 2-23 2-199V130h48v200l-2 206c-7 24-22 35-47 37-17 1-31-4-41-13-6-7-9-13-12-24l-3-8V131h48zm299-195c18 6 29 17 33 37 2 6 2 20 2 117l-1 110-2 6c-3 10-9 19-17 24s-14 7-26 8h-10v134h-48V130h32l37 2m219 0c12 3 24 11 29 21 5 11 5 11 5 83 0 64 0 67-2 73-2 8-7 13-14 17-6 3-6 3-4 4 6 1 13 6 16 10 7 9 7 6 7 103 0 94 0 93-6 103-2 6-9 13-15 16-10 5-14 5-49 6h-33V130h30l36 2m137 6 12 212 13 211v7h-24l-25-1-1-28-1-29-10-1h-11v10l-2 29v20h-49l1-4a50333 50333 0 0 0 25-432v-2h71zm129 15v23l-28 170-28 172c0 2 3 2 28 2h27v48h-99v-47l28-171 27-171c0-2-4-2-26-2h-26v-47h97zm103-15 12 212 13 211v7h-24l-25-1-1-28-1-29-10-1h-11v10l-2 29v20h-49l1-4a50333 50333 0 0 0 25-432v-2h71zm100-6c18 5 28 16 33 33 2 9 2 164-1 172-3 11-9 18-21 23l-4 2 5 2c11 4 16 10 20 22l2 88a1896 1896 0 0 0 3 93l-24 1h-24v-7l-2-88v-80l-3-3c-6-5-6-10-6 88v90h-48V130h32l38 2m252 22v23h-13l-14 1v390h-47V373l-1-195-12-1h-13v-47h100zM851 506c6 2 9 5 12 11 2 4 2 7 3 18 1 26-5 37-22 38-9 0-17-2-21-7-5-5-6-12-6-27 0-26 5-34 24-34l10 1"/>
<path d="M1556 173c-2 1-2 18-2 176s0 175 2 176c2 2 3 2 4 0l1-176-1-176c-1-2-2-2-4 0M755 282l1 106c2 0 5-4 6-8a4510 4510 0 0 0-2-201l-4-3-1 106m220-39c0 68 0 69 2 69l4-3 1-68-1-66-3-1-3-1zm0 197c0 81 0 85 2 85l4-1 2-82c0-88 0-87-5-87h-3zm119-207a7552 7552 0 0 1-7 232l8 1h7v-3a9565 9565 0 0 0-6-185l-2-45m232 0a7552 7552 0 0 1-7 232l8 1h7v-3a9565 9565 0 0 0-6-185l-2-45m115 27c0 93 0 89 5 84l2-2v-82c1-79 0-82-1-84l-4-2c-2 0-2 3-2 86"/>
</g>
<path fill-opacity=".1" d="M1557 171h1c1 0 0 0 0 0v-1l-1 1m-582 72v34a4083 4083 0 0 0 0-34m469-69h1c1 0 0 0 0 0v-1l-1 1m109 1h1c1 0 0 0 0 0v-1l-1 1m-106 1h1c1 0 0 0 0 0v-1l-1 1m1 2h1c1 0 0 0 0 0v-1l-1 1m-464 62v29a2852 2852 0 0 0 0-29m465-56h1v-2l-1 2m-687 2h1v-2l-1 2m333 50c0 2 0 3 1 2v-3c-1-1-1 0-1 1m232 1c0 1 0 2 1 1v-3c-1-1-1 0-1 1m-235 37c0 2 0 3 1 1v-4c-1-1-1 0-1 2m232 1c0 2 0 3 1 1v-4c-1-1-1 0-1 2m-228 6c0 2 0 3 1 2v-4c-1-1-1 0-1 2m232 0c0 2 0 3 1 2v-4c-1-1-1 0-1 2m-231 42c0 1 0 2 1 1v-3c-1-1-1 0-1 1m232 1c0 1 0 2 1 1v-3c-1-1-1 0-1 1m-238 6c0 2 0 3 1 2v-4c-1-1-1 0-1 2m232 0c0 2 0 3 1 2v-4c-1-1-1 0-1 2m126 12h1v-2l-1 2m-1 6h1c1 0 0 0 0 0v-1l-1 1m-2 2 1 1 1-2-2 1m-348 8h1v-2l-1 2m232 0h1v-2l-1 2m-355 87v43a6092 6092 0 0 0 0-43m6-83h1c1 0 0 0 0 0v-1l-1 1m109 1h1v-2l-1 2m232 0h1v-2l-1 2m-340 1h1l-1-1v1m117 19h1v-2l-1 2m232 0h1v-2l-1 2m-569 1 1 1v-2l-1 1m327 4h1v-2l-1 2m232 0h1v-2l-1 2m-221 20c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m-244 5h1v-2l-1 2m232 0h1v-2l-1 2m-219 21h1v-2l-1 2m232 0h1v-2l-1 2m-246 5h1v-2l-1 2m232 0h1v-2l-1 2m-217 20h1v-2l-1 2m232 0h1v-2l-1 2m-248 5h1v-2l-1 2m232 0h1v-2l-1 2m-227 8h8l-4-1-4 1m232 0h8l-4-1-4 1m-341 56h1c1 0 0 0 0 0v-1l-1 1m571 1h1c1 0 0 0 0 0v-1l-1 1m-573 1h1c1 0 0 0 0 0v-1l-1 1m578 3h1c1 0 0 0 0 0v-1l-1 1"/>
<path fill="#404040" fill-opacity=".3" d="M1555 172h1c1 0 0 0 0 0v-1l-1 1m-574 3h1c1 0 0 0 0 0v-1l-1 1m572 1h1c1 0 0 0 0 0v-1l-1 1m-460 56c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m-230 14h1v-2l-1 2m232 0h1v-2l-1 2m-235 38c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m-228 4h1v-2l-1 2m232 0h1v-2l-1 2m-346 19h1c1 0 0 0 0 0v-1l-1 1m-1 3h1c1 0 0 0 0 0v-1l-1 1m116 19 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-238 8h1v-2l-1 2m232 0h1v-2l-1 2m-345 18h1c1 0 0 0 0 0v-1l-1 1m120 3 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-240 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-223 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-242 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-221 21 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-244 4 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-219 21 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-246 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-217 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-248 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1"/>
<path fill-opacity=".9" d="M1556 172h1c1 0 0 0 0 0v-1l-1 1m-579 2h2l-1-1-1 1m577-1 1 1c1 0 0 0 0 0v-1l-1 1m6 0h1c1 0 0 0 0 0v-1l-1 1m-114 1 1 1-1-1-1-1 1 1M755 282v53a9452 9452 0 0 0 0-53m4-105 1 1v-1l-2-1v1m224 1h1c1 0 0 0 0 0v-1l-1 1m-222 2h1c1 0 0 0 0 0v-1l-1 1m688 1h1c1 0 0 0 0 0v-1l-1 1m-687 2 1 1v-2l-1 1m333 42 1 1v-1c0-1 0 0 0 0h-1m232 0 1 1v-1c0-1 0 0 0 0h-1m-233 31c0 3 0 4 1 2v-4c-1-1-1 0-1 2m232 1c0 2 0 3 1 1v-4c-1-1-1 0-1 2m-230 9c0 2 0 3 1 2v-4c-1-1-1 0-1 2m232 0c0 2 0 3 1 2v-4c-1-1-1 0-1 2m-345 40h1c1 0 0 0 0 0v-1l-1 1m114 2c0 2 0 3 1 2v-4c-1-1-1 0-1 2m232 0c0 2 0 3 1 2v-4c-1-1-1 0-1 2m-236 2c0 2 0 3 1 2v-4c-1-1-1 0-1 2m232 0c0 2 0 3 1 2v-4c-1-1-1 0-1 2m-343 0h1c1 0 0 0 0 0v-1l-1 1m-2 2 1 1 1-2-2 1m469 28 1 1c1 0 0 0 0 0v-1l-1 1m-351 5h1v-2l-1 2m232 0h1v-2l-1 2m117 0h1c1 0 0 0 0 0v-1l-1 1m-2 1h1c1 0 0 0 0 0v-1l-1 1m-353 4h1v-2l-1 2m232 0h1v-2l-1 2m-342 8h1c1 0 0 0 0 0v-1l-1 1m1 3h1c1 0 0 0 0 0v-1l-1 1m116 9c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m-240 5h1v-2l-1 2m232 0h1v-2l-1 2m-561 6 1 1v-2l-1 1m-2 5-1 2 3-3-2 1m340 10h1v-2l-1 2m232 0h1v-2l-1 2m-242 5h1v-2l-1 2m232 0h1v-2l-1 2m-221 20h1v-2l-1 2m232 0h1v-2l-1 2m-244 5h1v-2l-1 2m232 0h1v-2l-1 2m-219 20c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m-246 5h1v-2l-1 2m232 0h1v-2l-1 2m-337 70h1c1 0 0 0 0 0v-1l-1 1m578 4h1c1 0 0 0 0 0v-1l-1 1m-4 2h1c1 0 0 0 0 0v-1l-1 1"/>
<path fill-opacity=".6" d="M1559 172h1c1 0 0 0 0 0v-1l-1 1m2 5 1 1v-2l-1 1m-467 47 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-233 21h1v-2l-1 2m232 0h1v-2l-1 2m-230 11h1v-2l-1 2m232 0h1v-2l-1 2m-235 41c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m-228 1h1v-2l-1 2m232 0h1v-2l-1 2m-346 8h1c1 0 0 0 0 0v-1l-1 1m115 33h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-238 4 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-225 21 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-240 5h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-223 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-242 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-221 21h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-244 4 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-219 21 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-246 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-217 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m227 55 1 1v-2l-1 1"/>
<path fill-opacity=".2" d="M1554 173h1c1 0 0 0 0 0v-1l-1 1m-112 1h2l-2-1v1m4 0 1 1c1 0 0 0 0 0v-1l-1 1m115 0h1c1 0 0 0 0 0v-1l-1 1m-111 85v38a4750 4750 0 0 0 0-38m-357-32c0 1 0 2 1 1v-3c-1-1-1 0-1 1m232 1c0 1 0 2 1 1v-3c-1-1-1 0-1 1m-230 14c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m-235 38c0 2 0 3 1 2v-4c-1-1-1 0-1 2m232 0c0 2 0 3 1 2v-4c-1-1-1 0-1 2m-228 4c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m-350 30h1c1 0 0 0 0 0v-1l-1 1m119 12c0 1 0 2 1 1v-3c-1-1-1 0-1 1m232 1c0 1 0 2 1 1v-3c-1-1-1 0-1 1m-238 7c0 2 0 3 1 2v-4c-1-1-1 0-1 2m232 0c0 2 0 3 1 2v-4c-1-1-1 0-1 2m-225 25h1v-2l-1 2m232 0h1v-2l-1 2m-240 4 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-223 21h1v-2l-1 2m232 0h1v-2l-1 2m-242 5h1v-2l-1 2m232 0h1v-2l-1 2m-221 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-244 5h1v-2l-1 2m232 0h1v-2l-1 2m-219 21h1v-2l-1 2m232 0h1v-2l-1 2m-246 4 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-217 21h1v-2l-1 2m232 0h1v-2l-1 2m-248 5h1v-2l-1 2m232 0h1v-2l-1 2m243 62h1c1 0 0 0 0 0v-1l-1 1m-7 2h1c1 0 0 0 0 0v-1l-1 1m3 2h1c1 0 0 0 0 0v-1l-1 1"/>
<path fill-opacity=".5" d="M1560 173h1c1 0 0 0 0 0v-1l-1 1m-6 176v86a24797 24797 0 0 0 0-86m-106-170h1c1 0 0 0 0 0v-1l-1 1m-355 63h1v-2l-1 2m232 0h1v-2l-1 2m-230 11h1v-2l-1 2m232 0h1v-2l-1 2m-235 41h1v-2l-1 2m232 0h1v-2l-1 2m-228 1h1v-2l-1 2m232 0h1v-2l-1 2m-231 42h1v-2l-1 2m232 0h1v-2l-1 2m-238 5h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m125 0h1c1 0 0 0 0 0v-1l-1 1m-350 21h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-240 4 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-223 21h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-242 5h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-221 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-244 5h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-219 21h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-246 4 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-217 21h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m227 58h1c1 0 0 0 0 0v-1l-1 1m-1 4h1c1 0 0 0 0 0v-1l-1 1"/>
<path fill="#404040" fill-opacity=".5" d="M979 174h1c1 0 0 0 0 0v-1l-1 1m3 3h1c1 0 0 0 0 0v-1l-1 1m112 45 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-233 17 1 1v-1c0-1 0 0 0 0h-1m232 0 1 1v-1c0-1 0 0 0 0h-1m-348 73 1 1v-1c0-1 0 0 0 0h-1m121 49 1 1v-1c0-1 0 0 0 0h-1m232 0 1 1v-1c0-1 0 0 0 0h-1m-569 22 1 1v-1c0-1 0 0 0 0h-1m328 8 1 1v-1c0-1 0 0 0 0h-1m232 0 1 1v-1c0-1 0 0 0 0h-1m-220 46 1 1v-1c0-1 0 0 0 0h-1m232 0 1 1v-1c0-1 0 0 0 0h-1m-351 84 1 1c1 0 0 0 0 0v-1l-1 1"/>
<path fill="#404040" fill-opacity=".2" d="M755 176h2c1-1 0-1-1-1l-1 1m4 0 1 1c1 0 0 0 0 0v-1l-1 1m336 67h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-231 42h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-231 42h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-238 7h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-343 21h1c1 0 0 0 0 0v-1l-1 1m110 6h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-561 23h1c1 0 0 0 0 0v-1l-1 1m-2 2 1 1 1-2-2 1m-4 2h2l-2-1v1m345 18 1 1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m-245 30h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m234 85h1c1 0 0 0 0 0v-1l-1 1"/>
<path fill="#404040" fill-opacity=".4" d="M1561 176h1c1 0 0 0 0 0v-1l-1 1m-8 1h1c1 0 0 0 0 0v-1l-1 1m-792 4h1c1 0 0 0 0 0v-1l-1 1m332 56c0 1 0 2 1 1v-3c-1-1-1 0-1 1m232 1c0 1 0 2 1 1v-3c-1-1-1 0-1 1m-230 13c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m-235 40c0 2 0 3 1 2v-4c-1-1-1 0-1 2m232 0c0 2 0 3 1 2v-4c-1-1-1 0-1 2m-228 2c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m-231 42c0 1 0 2 1 1v-3c-1-1-1 0-1 1m232 1c0 1 0 2 1 1v-3c-1-1-1 0-1 1m-238 8h1v-2l-1 2m232 0h1v-2l-1 2m-225 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-240 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-223 21h1v-2l-1 2m232 0h1v-2l-1 2m-242 4 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-221 21 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-244 5h1v-2l-1 2m232 0h1v-2l-1 2m-219 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-246 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-217 21h1v-2l-1 2m232 0h1v-2l-1 2m-248 4h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1m235 56h1c1 0 0 0 0 0v-1l-1 1m8 1h1c1 0 0 0 0 0v-1l-1 1m-580 1h1c1 0 0 0 0 0v-1l-1 1m574 3h1c1 0 0 0 0 0v-1l-1 1"/>
<path fill-opacity=".8" d="M1447 177h1c1 0 0 0 0 0v-1l-1 1m-687 2h1c1 0 0 0 0 0v-1l-1 1m688 1h1c1 0 0 0 0 0v-1l-1 1m-687 2h1c1 0 0 0 0 0v-1l-1 1m332 70h1v-2l-1 2m232 0h1v-2l-1 2m-230 9h1v-2l-1 2m232 0h1v-2l-1 2m-231 42h1v-2l-1 2m232 0h1v-2l-1 2m-236 1c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m124 37h1l-1-1v1m-351 1 1 1v-2l-1 1m232 0 1 1v-2l-1 1m118 2h1l-1-1v1m-356 3 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-225 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-240 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-561 11h1l-1-1v1m338 10 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-242 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-221 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-244 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-219 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-246 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m235 77h1l-1-1v1"/>
<path fill="#404040" fill-opacity=".1" d="M760 178h1c1 0 0 0 0 0v-1l-1 1m1 2h1c1 0 0 0 0 0v-1l-1 1m2 103v47a7680 7680 0 0 0 0-47m-6 106h1c1 0 0 0 0 0v-1l-1 1"/>
<path fill-opacity=".7" d="M1562 349v85a24368 24368 0 0 0 0-85m-469-101c0 1 0 2 1 1v-2c-1-1-1 0-1 1m232 0c0 1 0 2 1 1v-2c-1-1-1 0-1 1m-230 10 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-235 43h1v-2l-1 2m4-1 1 1v-2l-1 1m228 1h1v-2l-1 2m4-1 1 1v-2l-1 1m-231 40 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-238 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m122 1h1c1 0 0 0 0 0v-1l-1 1m-470 9h2l-1-1-1 1m123 11h1l-1-1v1m232 0h1l-1-1v1m-240 4 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-223 21 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-242 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-221 20 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-244 5 1 1v-2l-1 1m232 0 1 1v-2l-1 1m-219 21h1l-1-1v1m232 0h1l-1-1v1m-246 5h1l-1-1v1m232 0h1l-1-1v1m-340 78h1l-1-1v1m580 2h1l-1-1v1"/>
<path fill="gray" fill-opacity=".3" d="M1094 221h1c1 0 0 0 0 0v-1l-1 1m232 0h1c1 0 0 0 0 0v-1l-1 1"/>
<path fill="#404040" fill-opacity=".6" d="M975 313h2l-1-1-1 1m2 41v1h1l-1-1v1m5 5h1l-1-1v1"/>
</svg>
</div>
<div class="heading_title gradient">
<canvas id="gradient-canvas"></canvas>
</div>
<div class="heading_title mask">
<div class="heading_title mask">
<svg version="1.1" id="letters" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" fill="#111" viewBox="0 0 1800 630" style="enable-background:new 0 0 1800 630;" xml:space="preserve">
<!-- Blocks covering the letters (updated to fit "JESÚS P. BAZAROT") -->
<!-- JESÚS -->
<rect x="25" y="23.6" class="single_letter" width="105" height="584.4"></rect> <!-- J -->
<rect x="140" y="23.6" class="single_letter" width="195" height="584.4"></rect> <!-- E -->
<rect x="345" y="23.6" class="single_letter" width="145" height="584.4"></rect> <!-- S -->
<rect x="500" y="23.6" class="single_letter" width="150" height="584.4"></rect> <!-- Ú -->
<rect x="660" y="23.6" class="single_letter" width="140" height="584.4"></rect> <!-- S -->
<!-- P. -->
<rect x="820" y="23.6" class="single_letter" width="90" height="584.4"></rect> <!-- P -->
<rect x="925" y="23.6" class="single_letter" width="85" height="584.4"></rect> <!-- . -->
<!-- BAZAROT -->
<rect x="1020" y="23.6" class="single_letter" width="110" height="584.4"></rect> <!-- B -->
<rect x="1140" y="23.6" class="single_letter" width="135" height="584.4"></rect> <!-- A -->
<polygon class="single_letter" points="1290,608 1150,608 1180,23.6 1290,23.6"></polygon> <!-- Z -->
<rect x="1300" y="23.6" class="single_letter" width="130" height="584.4"></rect> <!-- A -->
<polygon class="single_letter" points="1450,608 1310,608 1340,23.6 1450,23.6"></polygon> <!-- R -->
<rect x="1460" y="23.6" class="single_letter" width="90" height="584.4"></rect> <!-- O -->
<rect x="1565" y="23.6" class="single_letter" width="95" height="584.4"></rect> <!-- T -->
</svg>
</div>
</div>
</div>
<div class="hero_text--container">
<p data-animation="chars" data-delay="4" data-stagger="0.02"><span data-animation="fade" data-delay="0.5"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" xmlns:v="https://vecta.io/nano"><g transform="matrix(0 1 -1 0 13 1)" stroke="#fff" fill="none" stroke-width="1.5"><path d="M2.769 0H12v9.231"></path><path d="M12 0L0 12"></path></g></svg></span>Software Engineer and<br>AI/ML Developer</p>
</div>
</div>
<div class="circular_text--container"></div>
</section>
<section class="default_row--container intro">
<div class="inner--container">
<div class="intro_text--container">
<p data-animation="chars" data-delay="0" data-stagger="0.01">
I’m a multi-disciplinary Software developer with a focus on AI/ML, Programing, and Robotics. I've been delivering creative and engaging solutions across brand identity, website, Python, and digital media for almost 2 years. <br><br>I’m currently developing my personal AI, and in the future I want to go to the MIT.
</p>
<a data-animation="fade-up" class="lovely_button link" href="/about" target="_self" data-delay="0"><span class="text">More about me</span></a>
</div>
<div class="about_services--container">
<h3 data-animation="chars" data-delay="0" data-stagger="0.03">Expertises</h3>
<ul data-animation="animated-list" data-delay="0" data-stagger="0.06">
<li>AI/ML</li>
<li>Digital Design</li>
<li>Programing</li>
<li>UI / UX Design</li>
<li>Product Design</li>
<li>Robotics</li>
<li>Concepting</li>
<li>Comunication</li>
</ul>
</div>
</div>
</section>
<section class="default_row--container home_portfolio--wrapper">
<div class="inner--container">
<div class="featured_projects--container">
<div class="featured_projects">
<div class="single_project">
<div class="project_info--container">
<p class="project_title">Perseo</p>
<ul class="project_meta">
<li>AI/ML</li>
<li>Programing</li>
</ul>
</div>
<div class="project_picture--container">
<img class="lazy" src="images/perseo.png" sizes="(max-width: 600px) 100vw, 50vw" alt="Perseo">
</div>
<a href="perseo.html" class="project_link" aria-label="Read more about this case study"></a>
</div>
<div class="single_project">
<div class="project_info--container">
<p class="project_title">Telefonica</p>
<ul class="project_meta">
<li>Comunication</li>
<li>Robotics</li>
</ul>
</div>
<div class="project_picture--container">
<img class="lazy" src="images/Telefonica.jpg" sizes="(max-width: 600px) 100vw, 50vw" alt="Telefonica">
</div>
<a href="telefonica.html" class="project_link" aria-label="Read more about this case study"></a>
</div>
<div class="single_project">
<div class="project_info--container">
<p class="project_title">AI Mouse</p>
<ul class="project_meta">
<li>AI/ML</li>
<li>Programing</li>
</ul>
</div>
<div class="project_picture--container">
<img class="lazy" src="images/aimouse.png" sizes="(max-width: 600px) 100vw, 50vw" alt="AI Mouse">
</div>
<a href="aimouse.html" class="project_link" aria-label="Read more about this case study"></a>
</div>
<div class="single_project">
<div class="project_info--container">
<p class="project_title">Face Recognition</p>
<ul class="project_meta">
<li>AI/ML</li>
<li>Programing</li>
</ul>
</div>
<div class="project_picture--container">
<img class="lazy" src="images/face.png" sizes="(max-width: 600px) 100vw, 50vw" alt="Face Recognition">
</div>
<a href="facedetection.html" class="project_link" aria-label="Read more about this case study"></a>
</div>
<div class="single_project">
<div class="project_info--container">
<p class="project_title">Sputnik</p>
<ul class="project_meta">
<li>Comunication</li>
<li>Concepting</li>
</ul>
</div>
<div class="project_picture--container">
<img class="lazy" src="images/Sputnik.jpg" sizes="(max-width: 600px) 100vw, 50vw" alt="Sputnik">
</div>
<a href="sputnik.html" class="project_link" aria-label="Read more about this case study"></a>
</div>
<div class="single_project">
<div class="project_info--container">
<p class="project_title">Netkey</p>
<ul class="project_meta">
<li>Programing</li>
<li>Product Design</li>
</ul>
</div>
<div class="project_picture--container">
<img class="lazy" src="images/Netkey.png" sizes="(max-width: 600px) 100vw, 50vw" alt="Netkey">
</div>
<a href="netkey.html" class="project_link" aria-label="Read more about this case study"></a>
</div>
</div>
</div>
</div>
<div class="portfolio_trigger">
<div class="portfolio_scrollable--container">
<div class="scrollable_text"><p>Recent work</p></div>
<div class="scrollable_timeline">
<div class="progress bar"></div>
<div class="progress background"></div>
</div>
</div>
</div>
</section>
<section class="default_row--container sub_portfolio">
<div class="inner--container">
<a data-animation="fade-up" class="lovely_button link" href="portfolio.html" target="_self" data-delay="0"><span class="text">View all projects</span></a>
</div>
</section>
<!-- Original footer with CTA -->
<footer id="footer">
<section class="cta_footer--container">
<div class="cta--wrapper">
<div class="cta--container">
<div class="video--container">
<video id="cta_video" width="100%" autoplay muted loop></video>
</div>
<div class="text--container">
<p class="title" data-animation="fade-up" data-delay="0" data-stagger="0.03">Interested in working together?</p>
<a data-animation="fade-up" class="lovely_button link" href="mailto:[email protected]?subject=Hello%20there!" target="_self" data-delay="0">
<span class="text">Drop me an email!</span>
</a>
</div>
</div>
</div>
</section>
</footer>
<!-- New footer specifically for socials, copyright, and coordinates -->
<footer id="footer-bottom">
<div class="footer-bottom--container">
<div class="footer-bottom--wrapper">
<div class="footer-col">
N 39°54′15″ E 116°24′27″
</div>
<div class="footer-col">
<div class="social-links">
<a href="https://www.instagram.com/jpbazarot/" class="link" target="_blank">Instagram</a> /
<a href="https://www.x.com/JPBazarot" class="link" target="_blank">Twitter</a> /
<a href="https://www.linkedin.com/in/jpbazarot/" class="link" target="_blank">Linkedin</a>
</div>
</div>
<div class="footer-col">
Designed and developed by me<br>
©2024 – All Rights Reserved
</div>
</div>
</div>
</footer>
<div class="cursor__pointer"><img src="images/arrow_up.png" width="100"></div>
<div class="mobile_menu--wrapper">
<div class="overlay"></div>
<div class="mobile_menu--container">
<div class="inner">
<nav>
<ul class="mobile_menu">
<li>
<a href="index.html" class="">Home</a>
</li>
<li>
<a href="portfolio.html" class="">Projects</a>
</li>
<li>
<a href="about.html" class="">About</a>
</li>
<li>
<a href="#footer" onclick="lenis.scrollTo('#footer')" class="">Contact</a>
</li>
</ul>
</nav>
<ul class="social_menu">
<li>
<a href="https://www.instagram.com/jpbazarot/" target="_blank">Instagram</a>
</li>
<li>
<a href="https://www.x.com/JPBazarot" target="_blank">Twitter</a>
</li>
<li>
<a href="https://www.linkedin.com/in/jpbazarot/" target="_blank">Linkedin</a>
</li>
</ul>
</div>
</div>
</div>
<div class="loader_wrapper">
<div id="loading_animation"></div>
<div class="stripe"></div>
<div class="stripe"></div>
<div class="stripe"></div>
<div class="stripe"></div>
<div id="loading_animation">
<span class="letter">J</span>
</div>
</div>
</div>
</main>
<div class="noise-bg"></div>
<script src="js/barba.core.min.js"></script>
<script src="js/barba.css.min.js"></script>
<script type="text/javascript" src="js/lenis.min.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/gsap.min.js"></script>
<script type="text/javascript" src="js/ScrollTrigger.min.js"></script>
<script type="text/javascript" src="js/SplitText.min.js"></script>
<script type="text/javascript" src="js/lottie_svg.min.js"></script>
<script type="text/javascript" src="js/lazyload.min.js"></script>
<script type="text/javascript" src="js/fancybox.min.js"></script>
<script type="text/javascript" src="js/master.min.js"></script>
</body></html>