Skip to content

Commit 9d8dcc8

Browse files
CSFelixCSFelix
authored
📦 Updated
1 parent 3ceea5d commit 9d8dcc8

File tree

1 file changed

+72
-32
lines changed

1 file changed

+72
-32
lines changed

‎index.html‎

Lines changed: 72 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -9,18 +9,28 @@
99

1010
<!-- logotipo -->
1111
<link rel="icon" href="./assets/pwa-logos/logo512x512.png" />
12-
<link rel="apple-touch-icon" href="./assets/pwa-logos/logo180x180.png">
12+
<link rel="apple-touch-icon" href="./assets/pwa-logos/logo180x180.png" />
13+
<link rel="shortcut icon" href="./assets/pwa-logos/logo180x180.png" />
1314

1415
<!-- metas -->
1516
<meta charset="utf-8" />
1617
<meta http-equiv="content-language" content="en" />
1718
<meta name="theme-color" content="#05031c" />
1819
<meta name="author" content="@CSFelix" />
1920
<meta name="keywords" content="python, data science, data analysis, pandas, matplotlib, seaborn, scikit-learn, tensorflow, projects, programming, computing, computer, csfelix, github, github.io" />
20-
<meta name="description" content="What's shaking, bacon? 👋 Welcome to my Personal Portfolio, enjoy the projects and let's learn together, shall we?" />
21-
<meta property="og:image" content="./assets/images/logo.avif" />
21+
<meta name="description" content="👋 What's shaking, bacon? Welcome to my Personal Portfolio, enjoy the projects, let's learn together and remember: Data's Tale Needs a Narrator!" />
2222
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
2323

24+
<!-- Open Graph (OG)
25+
https://stackoverflow.com/questions/19778620/provide-an-image-for-whatsapp-link-sharing
26+
-->
27+
<meta property="og:image" content="./assets/pwa-logos/logo300x300.png" />
28+
<meta property="og:title" content="CSFelix - Portfolio" />
29+
<meta property="og:url" content="https://csfelix.github.io/" />
30+
<meta property="og:description" content="👋 What's shaking, bacon? Welcome to my Personal Portfolio!" />
31+
<meta property="og:type" content="website" />
32+
<meta property="og:locale" content="en_US" />
33+
2434
<!--css libraries -->
2535
<link rel="stylesheet" type="text/css" href="./assets/css/libraries/tippy.css" />
2636

@@ -217,17 +227,24 @@ <h2 class="containerTitle">
217227
<div class="skillsContentsSubContainer">
218228
<img src="./assets/icons/python.svg" alt="Python Logo" width="40px" height="40px" />
219229
<span>Python</span>
220-
<progress class="skillsProgress" value="100" max="100"></progress>
230+
<div class="skillsProgress">
231+
<span style="width: 100%"><span></span></span>
232+
</div>
221233
<span>Advanced</span>
222234
</div>
235+
236+
237+
223238

224239
<hr />
225240

226241
<!-- Julia -->
227242
<div class="skillsContentsSubContainer">
228243
<img src="./assets/icons/julia.svg" alt="Julia Logo" width="40px" height="40px" />
229244
<span>Julia</span>
230-
<progress class="skillsProgress" value="50" max="100"></progress>
245+
<div class="skillsProgress">
246+
<span style="width: 50%"><span></span></span>
247+
</div>
231248
<span>Intermediate</span>
232249
</div>
233250

@@ -237,19 +254,13 @@ <h2 class="containerTitle">
237254
<div class="skillsContentsSubContainer">
238255
<img src="./assets/icons/r.svg" alt="R Logo" width="40px" height="40px" />
239256
<span>R</span>
240-
<progress class="skillsProgress" value="50" max="100"></progress>
241-
<span>Intermediate</span>
257+
<div class="skillsProgress">
258+
<span style="width: 25%"><span></span></span>
259+
</div>
260+
<span>Beginner</span>
242261
</div>
243262

244263
<hr />
245-
246-
<!-- Solidity -->
247-
<!-- <div class="skillsContentsSubContainer">
248-
<img src="./assets/icons/solidity.svg" alt="Solidity Logo" width="40px" height="40px" />
249-
<span>Solidity</span>
250-
<progress class="skillsProgress" value="10" max="100"></progress>
251-
<span>Real Beginner</span>
252-
</div> -->
253264
</div>
254265
</div>
255266

@@ -265,7 +276,9 @@ <h2 class="containerTitle">
265276
<div class="skillsContentsSubContainer">
266277
<img src="./assets/icons/sql.svg" alt="SQL Logo" width="40px" height="40px" />
267278
<span>SQL</span>
268-
<progress class="skillsProgress" value="100" max="100"></progress>
279+
<div class="skillsProgress">
280+
<span style="width: 100%"><span></span></span>
281+
</div>
269282
<span>Advanced</span>
270283
</div>
271284

@@ -275,7 +288,9 @@ <h2 class="containerTitle">
275288
<div class="skillsContentsSubContainer">
276289
<img src="./assets/icons/neo4j.svg" alt="Neo4J Logo" width="40px" height="40px" />
277290
<span>Neo4J</span>
278-
<progress class="skillsProgress" value="85" max="100"></progress>
291+
<div class="skillsProgress">
292+
<span style="width: 85%"><span></span></span>
293+
</div>
279294
<span>Upper Intermediate</span>
280295
</div>
281296

@@ -285,7 +300,9 @@ <h2 class="containerTitle">
285300
<div class="skillsContentsSubContainer">
286301
<img src="./assets/icons/mongodb.svg" alt="MongoDB Logo" width="40px" height="40px" />
287302
<span>MongoDB</span>
288-
<progress class="skillsProgress" value="50" max="100"></progress>
303+
<div class="skillsProgress">
304+
<span style="width: 50%"><span></span></span>
305+
</div>
289306
<span>Intermediate</span>
290307
</div>
291308

@@ -295,7 +312,9 @@ <h2 class="containerTitle">
295312
<div class="skillsContentsSubContainer">
296313
<img src="./assets/icons/redis.svg" alt="Redis Logo" width="40px" height="40px" />
297314
<span>Redis</span>
298-
<progress class="skillsProgress" value="25" max="100"></progress>
315+
<div class="skillsProgress">
316+
<span style="width: 25%"><span></span></span>
317+
</div>
299318
<span>Beginner</span>
300319
</div>
301320
</div>
@@ -313,7 +332,9 @@ <h2 class="containerTitle">
313332
<div class="skillsContentsSubContainer">
314333
<img src="./assets/icons/anaconda.svg" alt="Anaconda Logo" width="40px" height="40px" />
315334
<span>DS Libraries</span>
316-
<progress class="skillsProgress" value="100" max="100"></progress>
335+
<div class="skillsProgress">
336+
<span style="width: 100%"><span></span></span>
337+
</div>
317338
<span>Advanced</span>
318339
</div>
319340

@@ -323,7 +344,9 @@ <h2 class="containerTitle">
323344
<div class="skillsContentsSubContainer">
324345
<img src="./assets/icons/math.svg" alt= "Math Logo" width="40px" height="40px" />
325346
<span>Math</span>
326-
<progress class="skillsProgress" value="85" max="100"></progress>
347+
<div class="skillsProgress">
348+
<span style="width: 85%"><span></span></span>
349+
</div>
327350
<span>Upper Intermediate</span>
328351
</div>
329352

@@ -333,7 +356,9 @@ <h2 class="containerTitle">
333356
<div class="skillsContentsSubContainer">
334357
<img src="./assets/icons/streamlit.svg" alt="Streamlit Logo" width="40px" height="40px" />
335358
<span>Streamlit</span>
336-
<progress class="skillsProgress" value="85" max="100"></progress>
359+
<div class="skillsProgress">
360+
<span style="width: 85%"><span></span></span>
361+
</div>
337362
<span>Upper Intermediate</span>
338363
</div>
339364

@@ -343,7 +368,9 @@ <h2 class="containerTitle">
343368
<div class="skillsContentsSubContainer">
344369
<img src="./assets/icons/apache-spark.svg" alt="Spark Logo" width="40px" height="40px" />
345370
<span>Spark</span>
346-
<progress class="skillsProgress" value="75" max="100"></progress>
371+
<div class="skillsProgress">
372+
<span style="width: 75%"><span></span></span>
373+
</div>
347374
<span>Intermediate</span>
348375
</div>
349376
</div>
@@ -594,7 +621,13 @@ <h2 class="containerTitle">
594621

595622
<br />
596623

597-
<!-- here -->
624+
<!--
625+
*************************
626+
** Freelancing Buttons **
627+
*************************
628+
-->
629+
630+
<!-- Contra -->
598631
<div class="contra-hire-me-button contraHireMeButton" data-analyticsUserId="7f7e2ac5-22dd-4496-8878-fc01b0288c54" data-theme="dark" data-username="_csfelix08_"></div>
599632

600633
<br />
@@ -606,24 +639,31 @@ <h2 class="containerTitle">
606639
--->
607640
<span>🌐 Desiring to hit me up? Consider using one of these languages: American English and Brazilian Portuguese.</span>
608641

609-
<form id="contactForm" action="https://formsubmit.co/[email protected]" method="POST">
642+
<form
643+
action="https://formsubmit.co/[email protected]"
644+
id="contactForm"
645+
method="POST"
646+
>
610647
<fieldset style="background-color: #041f36">
611648
<legend><h3>📧 Hit Me Up 📧</h3></legend>
612649

613650
<br />
614-
<input class="contactFormField" type="hidden" name="_captcha" value="false">
615-
<input type="hidden" name="_next" value="https://csfelix.github.io">
616-
<input type="hidden" name="_subject" value="Hey there, I have visited your Portfolio!">
617651

618-
<input class="contactFormField" type="text" name="name" placeholder="Your name" required style="background-color: #f8f8ff">
619-
<input class="contactFormField" type="email" name="email" placeholder="Your email" required style="background-color: #f8f8ff">
620-
<textarea class="contactFormField" name="message" placeholder="Details of your message" required style="background-color: #f8f8ff"></textarea>
652+
<input class="contactFormField" type="hidden" name="_captcha" value="false">
653+
<input type="hidden" name="_next" value="https://csfelix.github.io">
654+
<input type="hidden" name="_subject" value="Hey there, I have visited your Portfolio!">
655+
<input type="hidden" name="_template" value="basic">
621656

622-
<button type="submit" style="background-color: #f8f8ff">Send</button>
657+
<input class="contactFormField" type="text" name="name" placeholder="Your name" required style="background-color: #f8f8ff">
658+
<input class="contactFormField" type="email" name="email" placeholder="Your email" required style="background-color: #f8f8ff">
659+
<textarea class="contactFormField" name="message" placeholder="Details of your message" required style="background-color: #f8f8ff"></textarea>
660+
661+
<button type="submit" style="background-color: #f8f8ff">Send</button>
623662
</fieldset>
624663
</form>
625664

626665
<br />
666+
</div>
627667
</section>
628668

629669
<!--

0 commit comments

Comments
 (0)