-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
546 lines (516 loc) · 29.1 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
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
<!DOCTYPE html>
<html>
<head lang="en">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-BKYP7NPXXN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-BKYP7NPXXN');
</script>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="Cache-control" content="public">
<meta name="description" content="Explore the portfolio and projects of the mystique, Victory Osiobe, a web developer, projecting to the AI, ML path.">
<meta name="theme-color" content="">
<title>Portfolio—The Mystique, Victory Osiobe</title>
<link href="./res/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet" />
<script src="./res/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="style.css" />
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Varela+Round&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+Display:ital,wght@0,100..900;1,100..900&family=Tajawal:wght@200;300;400;500;700;800;900&family=Varela+Round&display=swap" rel="stylesheet">
<nav class="navbar navbar-expand-md bg-secondary fixed-top" id="navbar">
<div class="container-fluid">
<span class="h6 badge bg-warning text-danger">Under Construction! X</span>
<span class="h6 mx-1 badge fw-bold text-warning cursor-pointer" id="glow-flow">Resume—Unavailable</span>
<button class="navbar-toggler shadow-none border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navBarMore">
<span class="navbar-toggler-icon" style="font-size: 0.7rem"></span>
</button>
<div class="collapse navbar-collapse text-light" id="navBarMore">
<ul class="navbar-nav ms-auto">
<li class="nav-item">
<a class="nav-link" href="#captain">Start</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#out-I-">Compilation</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#sectionX">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#foot">FAQ</a>
</li>
</ul>
</div>
</div>
</nav>
</head>
<body class="flow" style="" data-bs-spy="scroll" data-bs-target="#navbar" data-bs-offset="50">
<main class="text-white" id="captain">
<!--
<div class="vh-100 vw-100 d-flex align-items-center justify-content-center text-left" style="background-image: url('wine-glass.jpg'); background-size: cover; background-position: center;">
<div class="container-fluid bg-dark bg-opacity-50 p-3 rounded">
<h6 class="h1 text-secondary head-view">Name is,</h6>
<div class="h1 text-uppercase fw-bolder ">Victory Osiobe</div>
<div class="h6 lead head-view">
<p>
I'm a Web Developer and Yes, I don't fall amongst the creatives, building just anything.
Real deal is, I build for purpose.
</p>
<p class="h6">
A site for drugs, and fashion designs ought not to look, or feel same, but if you build
regardless, the demographics will tell.
</p>
<p class="h6">
Recently started releasing open-sources, and this page displays
some of them;
if you follow me, you may have heard of
some that you won't see here, and that's because they're on
private repositories on Github or are currently in early stages.
</p>
</div>
</div>
</div>
-->
<section class="container-fluid text-light my-5 py-5 p-3">
<div class="row row-cols-1 row-cols-md-2">
<div class="col">
<div id="vicko-xp">
<div>
<span class="trench">V</span>
<span class="trench">I</span>
<span class="trench">C</span>
<span class="trench">T</span>
<span class="trench">O</span>
<span class="trench">R</span>
<span class="trench">Y</span>
</div>
<div>
<span class="trench">O</span>
<span class="trench">S</span>
<span class="trench">I</span>
<span class="trench">O</span>
<span class="trench">B</span>
<span class="trench">E</span>
</div>
</div>
</div>
<div class="col head-view py-3">
<div class="pt-3">
Not just
that I fall amongst the creatives, building blablabla, I build for purpose.
A site for drugs, and fashion designs ought not to look, or feel same, but if you build
regardless, the demographics will tell.
</div>
<div class="pt-3">
Recently started releasing open-sources, and this page displays a
some of them;
if you follow me, you may have heard of
some that you won't see here, and that's because they're on
private repositories on Github or are currently in early stages.
</div>
</div>
<!-- <section class="col d-none d-md-flex justify-content-center align-items-center">
<img class="img-fluid" src="images/nerdy.png" alt="An Image Of A Nerd 🤞" style="
display: grid;
max-width: 90%;
max-height: 90%;
border-radius: 50%;
box-shadow: 0 0 0.1rem var(--bs-primary);
" id="modI" />
</section>-->
</div>
</section>
<section class="container-fluid my-5 p-3 text-light" id="">
<div class="h1 text-uppercase fw-bolder text-light text-left py-3">
Stack & Tech
</div>
<section class="container-fluid">
<div class="d-flex flex-row flex-wrap justify-content-around gap-5 text-center">
<div>
<img class="s-img" src="/visuals/stack/html5.svg" alt="Html Image">
<div class="text-uppercase pt-2">HTML</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/css3.svg" alt="Css Image">
<div class="text-uppercase pt-2">CSS</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/js.svg" alt="JavaScript Image">
<div class="text-uppercase pt-2">JavaScript</div>
</div>
<!-- <div>
<img class="s-img" src="/visuals/stack/php.svg" alt="Php Image">
<div class="text-uppercase pt-2">php</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/python.svg" alt="Python Image">
<div class="text-uppercase pt-2">python</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/typescript.svg" alt="Typescript Image">
<div class="text-uppercase pt-2">typescript</div>
</div>
-->
<div>
<img class="s-img" src="/visuals/stack/nodejs.svg" alt="NodeJs Image">
<div class="text-uppercase pt-2">nodeJs</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/expressjs.svg" alt="Express Image">
<div class="text-uppercase pt-2">expressJS</div>
</div>
<!-- <div>
<img class="s-img" src="/visuals/stack/mongodb.svg" alt="MongoDB Image">
<div class="text-uppercase pt-2">mongodb</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/mongoose.svg" alt="Mongoose Image">
<div class="text-uppercase pt-2">mongoose</div>
</div>
-->
<div>
<img class="s-img" src="/visuals/stack/bootstrap.svg" alt="Bootstrap Image">
<div class="text-uppercase pt-2">bootstrap</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/tailwind.svg" alt="Tailwind Image">
<div class="text-uppercase pt-2">tailwind</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/react.svg" alt="React Image">
<div class="text-uppercase pt-2">reactJs</div>
</div>
<!-- <div>
<img class="s-img" src="/visuals/stack/nextjs.svg" alt="NextJS Image">
<div class="text-uppercase pt-2">nextJS</div>
</div>
-->
<div>
<img class="s-img" src="/visuals/stack/vite.svg" alt="Vite Image">
<div class="text-uppercase pt-2">vite</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/git.svg" alt="Git Image">
<div class="text-uppercase pt-2">git</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/github.svg" alt="Github Image">
<div class="text-uppercase pt-2">github</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/render.svg" alt="Render Image">
<div class="text-uppercase pt-2">render</div>
</div>
<div>
<img class="s-img" src="/visuals/stack/vercel.svg" alt="Vercel Image">
<div class="text-uppercase pt-2">vercel</div>
</div>
</div>
<div class="my-3" style="font-size: 0.7rem">
Failed To Highlight:
*typescript
*php
*python
*mongodb
*mongoose
*nextJS
</div>
</section>
</section>
<section class="container-fluid my-5 p-3 h-100" id="out-I-">
<div class="h1 text-uppercase fw-bolder text-light text-left py-3 ">
Source Pool
</div>
<div class="d-flex">
<div id="stroller"></div>
<div class="container-fluid py-3 ps-3" id="card-park">
<div class="row row-cols-1 row-cols-md-2 row-cols-xl-3 row-cols-xxl-4 g-5">
<div class="col">
<div class="card shadow p-0 hide-element-y">
<img class="card-img-top gitStatImg" src="https://opengraph.githubassets.com/ac3292535c045c67c124b64d7593409c4e1e32a9003c72d43c709b3f084c415d/victoryosiobe/kingchop" alt="Kingchop GitHub Stats Image" />
<div class="card-body card-main-bg rounded-bottom">
<div class="card-title text-uppercase h4 outlinera">Kingchop</div>
<p class="card-text">
Kingchop a library, is a flexible, static text tokenizer for
English, built with node JavaScript, and it is still
maintained till date. I have been able to push more features
despite English inconsistencies.
</p>
<p class="card-text">
Kingchop as at of
<span class="badge bg-primary">v1.0.6 (Aurora)</span>, had
paragraph, sentence, sub-sentence, words, tokenizing
abilities, with extra correct text method.
</p>
<div class="card-footer bg-transparent g-4 border-0 row">
<a href="https://github.com/victoryosiobe/kingchop" class="btn btn-outline-primary col p-2 mx-1">Docs On GitHub</a>
<a href="https://npmjs.com/package/kingchop" class="btn btn-outline-primary t col p-2 mx-1">View On NPM</a>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow p-0 hide-element-x">
<img class="card-img-top gitStatImg" src="https://opengraph.githubassets.com/ac3292535c045c67c124b64d7593409c4e1e32a9003c72d43c709b3f084c415d/victoryosiobe/nrrverse" alt="Nrrverse GitHub Stats Image" />
<div class="card-body card-main-bg rounded-bottom">
<div class="card-title text-uppercase h4 outlinera">Nrrverse</div>
<p class="card-text">
A react site, supposedly to be filled with elements designed by open source, and contributions.
I thought ahead with all the competitions out there, no way this was going to be a success. Oh well, I built what it would be like, with some actual functioning parts.
</p>
<p class="card-text">
The goal was for devs from all around including me to contribute to the project, showcasing their abilities, taking the opportunity to get sponsored on their “Buy me a coffee” links, or on socials.
</p>
<p class="card-text">
I also needed to do some API for the application, that devs could use to show their designs on whatever site. But limited to frontend and no clue on how to pay for server operations, I achieved it on FRONTEND.
</p>
<p class="card-text">
Who does that? Me! Well, with the help of Vercel free hosting and domain, and config, so anyone could iframe their design to any site.
</p>
<div class="card-footer bg-transparent g-4 border-0 row">
<a href="https://github.com/victoryosiobe/nrrverse" class="btn btn-outline-primary col p-2 mx-1">Source On GitHub</a>
<a href="https://nrrverse.vercel.app" class="btn btn-outline-primary t col p-2 mx-1">View On Vercel</a>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow p-0 hide-element-x">
<img class="card-img-top gitStatImg" src="https://opengraph.githubassets.com/ac3292535c045c67c124b64d7593409c4e1e32a9003c72d43c709b3f084c415d/victoryosiobe/zrang" alt="Zrang GitHub Stats Image" />
<div class="card-body card-main-bg rounded-bottom">
<div class="card-title text-uppercase h4 outlinera">Zrang</div>
<p class="card-text">
A web, 2D, game made with canvas. The idea was from a game, my mentor in my early days gave to me, instructing to write from scratch. I did so, but this was no copy and paste. I only needed to know the rules of the game, then write it for zrang.
</p>
<p class="card-text">
This game took me about 4 days to build despite not knowing anything about canvas. I was just learning and doing. Try the game out, at least, before you continue with this site.
</p>
<div class="card-footer bg-transparent g-4 border-0 row">
<a href="https://github.com/victoryosiobe/zrang" class="btn btn-outline-primary col p-2 mx-1">Source On GitHub</a>
<a href="https://victoryosiobe.github.io/zrang" class="btn btn-outline-primary t col p-2 mx-1">Play On GitPages</a>
</div>
</div>
</div>
</div>
<!--
<div class="col">
<div class="card shadow p-0 hide-element-y">
<img class="card-img-top gitStatImg" src="https://opengraph.githubassets.com/ac3292535c045c67c124b64d7593409c4e1e32a9003c72d43c709b3f084c415d/victoryosiobe/rage" alt="Rage GitHub Stats Image" />
<div class="card-body card-main-bg rounded-bottom">
<div class="card-title text-uppercase h4 outlinera">Rage</div>
<p class="card-text"> Cool Name? Probably. This was a project that a developer from Facebook, outsourced to me. A frontend of the page directly on this domain: <a href="https://prostanourish.com">Prostanourish</a>.</p>
<p class="card-text">I was about finishing (cloning, not even making it better) when he told me he'd given someone else (in-person), the job. I asked for a feedback on how I did, but he said I wasn't the problem. Then he decided to pay 60% less (compensation). But at end, I didn't get paid, and he blocked me, though he didn't get the files. I know better now.</p>
<p class="card-text">I got all resources from that live site (though might have changed), and it was built with WordPress which made the site unnecessarily dense of Html. I spent 3-4 days to build this, and it deverses a spot here. But I'd never update it.</p>
<div class="card-footer bg-transparent g-2 border-0 row">
<a href="https://github.com/victoryosiobe/rage" class="btn btn-outline-primary col p-2 mx-1">Source On GitHub</a>
<a href="https://victoryosiobe.github.io/rage" class="btn btn-outline-primary col p-2 mx-1">View On GitPages</a>
</div>
</div>
</div>
</div>
-->
<div class="col">
<div class="card shadow p-0 hide-element-y">
<img class="card-img-top gitStatImg" src="https://opengraph.githubassets.com/ac3292535c045c67c124b64d7593409c4e1e32a9003c72d43c709b3f084c415d/victoryosiobe/betabi" alt="BetAbi GitHub Stats Image" />
<div class="card-body card-main-bg rounded-bottom">
<div class="card-title text-uppercase h4 outlinera">BetAbi</div>
<p class="card-text">
An arbitrage calculator, for placing bets on bookmakers. It
let's you know, when you loose, win, or make nothing, out of the 2 opposite dependent event, all based on odds
</p>
<p class="card-text"><span class="badge bg-primary">General Advice:</span> Bet responsibly please. 3 losses a day on bets or casinos is enough, 1 win is enough. Don't martingale your life out.</p>
<div class="card-footer bg-transparent g-2 border-0 row">
<a href="https://github.com/victoryosiobe/betabi" class="btn btn-outline-primary col p-2 mx-1">Source On GitHub</a>
<a href="https://victoryosiobe.github.io/betabi" class="btn btn-outline-primary col p-2 mx-1">View On GitPages</a>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow p-0 hide-element-x">
<img class="card-img-top gitStatImg" src="https://opengraph.githubassets.com/ac3292535c045c67c124b64d7593409c4e1e32a9003c72d43c709b3f084c415d/victoryosiobe/blueuniverse" alt="Blue Universe GitHub Stats Image" />
<div class="card-body card-main-bg rounded-bottom">
<div class="card-title text-uppercase h4 outlinera">Blue Universe</div>
<p class="card-text">
This one is a single-paged responsive site I put up when I
was starting out with web development. I didn't use any
library or framework for building it. It's only built with
vanilla HTML, CSS, and JavaScript.
</p>
<div class="card-footer bg-transparent g-2 border-0 row">
<a href="https://github.com/victoryosiobe/blueuniverse" class="btn btn-outline-primary col p-2 mx-1">Source On GitHub</a>
<a href="https://victoryosiobe.github.io/blueuniverse" class="btn btn-outline-primary col p-2 mx-1">View On GitPages</a>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow p-0 hide-element-y">
<img class="card-img-top gitStatImg" src="https://opengraph.githubassets.com/ac3292535c045c67c124b64d7593409c4e1e32a9003c72d43c709b3f084c415d/victoryosiobe/copik" alt="Copik GitHub Stats Image" />
<div class="card-body card-main-bg rounded-bottom">
<div class="card-title text-uppercase h4 outlinera">Copik</div>
<p class="card-text">
I found it hard to write Hex color codes. Maybe I
was too lazy to learn how to, but since I've got the abilities, why not build a color picker?
</p>
<p class="card-text">
See, that's how workarounds work!
</p>
<div class="card-footer bg-transparent g-2 border-0 row">
<a href="https://github.com/victoryosiobe/copik" class="btn btn-outline-primary col p-2 mx-1">Source On GitHub</a>
<a href="https://victoryosiobe.github.io/copik" class="btn btn-outline-primary col p-2 mx-1">View On GitPages</a>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow p-0 hide-element-x">
<img class="card-img-top gitStatImg" src="https://opengraph.githubassets.com/ac3292535c045c67c124b64d7593409c4e1e32a9003c72d43c709b3f084c415d/victoryosiobe/repli" alt="Repli GitHub Stats Image" />
<div class="card-body card-main-bg rounded-bottom">
<div class="card-title text-uppercase h4 outlinera">Repli</div>
<p class="card-text">
An algorithm that checks 2 sentences to tell their
similarity. It's a basic static algorithm, with different
modes.
</p>
<p class="card-text">
It's amongst the projects I built when I was starting out
with Natural Language Processing (NLP).
</p>
<div class="card-footer bg-transparent g-2 border-0 row">
<a href="https://github.com/victoryosiobe/repli" class="btn btn-outline-primary col p-2 mx-1">Source On GitHub</a>
<a href="https://victoryosiobe.github.io/repli" class="btn btn-outline-primary col p-2 mx-1">View On GitPages</a>
</div>
</div>
</div>
</div>
<div class="col">
<div class="card shadow p-0 hide-element-y">
<img class="card-img-top gitStatImg" src="https://opengraph.githubassets.com/ac3292535c045c67c124b64d7593409c4e1e32a9003c72d43c709b3f084c415d/victoryosiobe/sently" alt="Sently GitHub Stats Image" />
<div class="card-body card-main-bg rounded-bottom">
<div class="card-title text-uppercase h4 outlinera">Sently</div>
<p class="card-text">
Amongst the projects I built when starting out with NLP is
sently, a basic algorithm for giving sentiment scores for
sentences you input.
</p>
<p class="card-text">
While I don't have a frontend specially built for it, you
could copy the <code>sentimental.js</code> file and
incorporate it in your projects.
</p>
<div class="card-footer bg-transparent g-2 border-0 row">
<a href="https://github.com/victoryosiobe/sently" class="btn btn-outline-primary col p-2 mx-1">Source On GitHub</a>
<a href="https://victoryosiobe.github.io/sently" class="btn btn-outline-primary col p-2 mx-1">View On GitPages</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="stroller"></div>
</div>
</section>
<section class="p-3 my-5" id="sectionX">
<div class="h1 text-uppercase fw-bolder text-left text-light py-3 ">
About
</div>
<div class="card m-1 shadow-lg hide-element-x">
<!-- <img class="card-img-top gitStatImg" src="./visuals/thevicko-lite.jpg" alt="Image Of Victory Osiobe" />-->
<div class="card-body card-main-bg rounded-bottom">
<p class="card-title text-uppercase h4 outlinera">Victory Osiobe</p>
<p class="card-text">
A Freelance Web Developer with expertise in web designs—UI, UX, PWAs, and Backend development.
</p>
<div class="card-footer bg-transparent text-primary text-center d-flex flex-row flex-wrap justify-content-around">
<div>
<a href="https://github.com/victoryosiobe">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8" />
</svg>
</a>
</div>
<div>
<a href="https://stackoverflow.com/users/20313640/victory-osiobe">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-stack-overflow" viewBox="0 0 16 16">
<path d="M12.412 14.572V10.29h1.428V16H1v-5.71h1.428v4.282h9.984z" />
<path d="M3.857 13.145h7.137v-1.428H3.857zM10.254 0 9.108.852l4.26 5.727 1.146-.852zm-3.54 3.377 5.484 4.567.913-1.097L7.627 2.28l-.914 1.097zM4.922 6.55l6.47 3.013.603-1.294-6.47-3.013-.603 1.294zm-.925 3.344 6.985 1.469.294-1.398-6.985-1.468-.294 1.397z" />
</svg>
</a>
</div>
<div>
<a href="https://facebook.com/victoryosiobe.official">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951" />
</svg>
</a>
</div>
</div>
</div>
</div>
<script>
function copyInputContent() {
const inputField = document.getElementById("readOnlyInput");
// Select the text in the input field
inputField.select();
inputField.setSelectionRange(0, 99999); // For mobile devices
// Copy the selected text
document.execCommand("copy");
setTimeout(() => inputField.setSelectionRange(0, 0), 1000); // Wait For Copying To Complete Before unSelecting
}
</script>
</section>
<footer class="p-3 text-light" id="foot">
<section class="py-3">
<div class="h1 text-uppercase fw-bolder text-left pb-3 ">FAQ</div>
<div>
<div class="mod-foot-l">
<div class="head-faq" title="+">What Intrests Me?</div>
<div class="foldable head-view">
<p>Artificial Intelligence, Natural Language Processing, and Machine Learning. </p>
<p>For now, I use NodeJs and Python as primary backend languages when building applications related to AI, NLP, and ML.</p>
<p>I'm into frontend development as well. It's kind of when the inspiration comes. :)</p>
</div>
</div>
<div class="mod-foot-l">
<div class="head-faq" title="+">What's My Stack?</div>
<div class="foldable head-view">
<p>I am solid with HTML, CSS, JavaScript.</p>
<p>React and Bootstrap also amongst, but I need to get top notch with them. </p>
<p>Months Ago, I delved into the backend world, utilizing both NodeJs and Python.</p>
</div>
</div>
<div class="mod-foot-l">
<div class="head-faq" title="+">What Other Languages Or Tools Do I Intend Learning?</div>
<div class="foldable head-view">
<p>Not quite precise on answer, but it depends largely on what I indulge in, in the future; I admire Rust, Dart, and Go, languages but they're much, considering the Libraries and Frameworks I would have to learn. React Native is also on this list.</p>
<p>I've kick started with Rust though, Go, Dart, React Native, maybe some other time.</p>
</div>
</div>
</div>
</section>
<div class="text-uppercase mt-3 text-left text-muted mark d-inline-block" style="font-size: 0.7rem">
Designed by, Victory Osiobe
©<span id="d-v-g"></span>
</div>
</footer>
</main>
</body>
<script>
const metaThemeColor = document.querySelector('meta[name="theme-color"]');
const rootStyle = getComputedStyle(document.documentElement);
const themeColor = rootStyle.getPropertyValue('--secColor');
if (metaThemeColor) metaThemeColor.setAttribute('content', themeColor);
function dater() {
const dateEl = document.getElementById("d-v-g");
const year = new Date().getFullYear();
year == "2023" ?
(dateEl.textContent = year) :
(dateEl.textContent = "2023—" + year);
}
</script>
<script src="index.js" onload="dater()"></script>
<script src="y.js" type="module"></script>
</html>