Skip to content

Commit eb19e79

Browse files
CSFelixCSFelix
authored
Merge pull request #64 from CSFelix/CSFelix-patch-2
🎉 Added and Updated
2 parents 5293e38 + 0d1c7a5 commit eb19e79

File tree

4 files changed

+228
-35
lines changed

4 files changed

+228
-35
lines changed

‎index.html‎

Lines changed: 40 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -4,16 +4,19 @@
44
<head>
55
<title>CSFelix - Portfolio</title>
66

7+
<!-- manifest -->
8+
<link rel="manifest" href="./manifest.webmanifest">
9+
710
<!-- logotipo -->
8-
<link rel="icon" href="./assets/images/logo.png" />
11+
<link rel="icon" href="./assets/images/logo.avif" />
912

1013
<!-- metas -->
1114
<meta charset="utf-8" />
1215
<meta name="theme-color" content="#05031c" />
1316
<meta name="author" content="@CSFelix" />
1417
<meta name="keywords" content="python, data science, data analysis, pandas, matplotlib, seaborn, scikit-learn, tensorflow, projects, programming, computing, computer, csfelix, github, github.io" />
1518
<meta name="description" content="What's shakin, bacon? 👋 Welcome to my Personal Portfolio, enjoy the projects and let's learn together, shall we?" />
16-
<meta property="og:image" content="./assets/images/logo.png" />
19+
<meta property="og:image" content="./assets/images/logo.avif" />
1720
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
1821

1922
<!-- css styles -->
@@ -26,6 +29,9 @@
2629
<link rel="stylesheet" type="text/css" href="./assets/css/styles/footer.css">
2730
<link rel="stylesheet" type="text/css" href="./assets/css/styles/modal.css">
2831

32+
<!-- Service Worker -->
33+
<script type="text/javascript" src="./index.js" defer></script>
34+
2935
<!-- JS Libraries -->
3036
<script type="text/javascript" src="./assets/js/libraries/shuffle-text.js" defer></script>
3137
<script type="text/javascript" src="./assets/js/libraries/scroll-reveal.js" defer></script>
@@ -83,7 +89,7 @@
8389
<header>
8490
<img
8591
id="headerImg"
86-
src="./assets/images/header.jpg"
92+
src="./assets/images/header.avif"
8793
alt="Uh-Oh, something went wrong. But it's just two tiny robots looking at each other!"
8894
/>
8995

@@ -152,7 +158,7 @@ <h2 class="containerTitle">
152158
<!-- content -->
153159
<div class="containerContent">
154160
<figure id='profilePic'>
155-
<img src='./assets/images/profile-pic.png' alt='My Profile Pic' />
161+
<img src='./assets/images/profile-pic.avif' alt='My Profile Pic' />
156162
<figcaption>What's shaking, bacon? Hope you enjoy my Portfolio!!</figcaption>
157163
</figure>
158164

@@ -219,7 +225,7 @@ <h2 class="containerTitle">
219225
<a href="https://www.python.org" target="_blank">
220226
<div class="skillsCard">
221227
<div class="wrapper">
222-
<img src="./assets/icons/skills/programming.png" alt="Python 1" class="cover-image" />
228+
<img src="./assets/icons/skills/programming.avif" alt="Python 1" class="cover-image" />
223229
</div>
224230
<h2 class="skillsTitle">Python</h2>
225231
<img src="./assets/icons/python.svg" class="character" alt="Python 2" />
@@ -234,7 +240,7 @@ <h2 class="skillsTitle">Python</h2>
234240
<a href="https://julialang.org" target="_blank">
235241
<div class="skillsCard">
236242
<div class="wrapper">
237-
<img src="./assets/icons/skills/computing.png" alt="Julia 1" class="cover-image" />
243+
<img src="./assets/icons/skills/computing.avif" alt="Julia 1" class="cover-image" />
238244
</div>
239245
<h2 class="skillsTitle">Julia</h2>
240246
<img src="./assets/icons/julia.svg" class="character" alt="Julia 2" />
@@ -249,10 +255,10 @@ <h2 class="skillsTitle">Julia</h2>
249255
<a href="https://www.r-project.org" target="_blank">
250256
<div class="skillsCard">
251257
<div class="wrapper">
252-
<img src="./assets/icons/skills/analysis.png" class="cover-image" alt="R 1" />
258+
<img src="./assets/icons/skills/analysis.avif" class="cover-image" alt="R 1" />
253259
</div>
254260
<h2 class="skillsTitle">R</h2>
255-
<img src="./assets/icons/r.svg" class="character" lat="R 2" />
261+
<img src="./assets/icons/r.svg" class="character" alt="R 2" />
256262
</div>
257263
</a>
258264

@@ -264,7 +270,7 @@ <h2 class="skillsTitle">R</h2>
264270
<a href="https://www.anaconda.com" target="_blank">
265271
<div class="skillsCard">
266272
<div class="wrapper">
267-
<img src="./assets/icons/skills/data-science.png" class="cover-image" alt="Anaconda 1" />
273+
<img src="./assets/icons/skills/data-science.avif" class="cover-image" alt="Anaconda 1" />
268274
</div>
269275
<h2 class="skillsTitle">DS Libraries</h2>
270276
<img src="./assets/icons/anaconda.svg" class="character" alt="Anaconda 2" />
@@ -279,7 +285,7 @@ <h2 class="skillsTitle">DS Libraries</h2>
279285
<a href="https://www.sqlite.org/index.html" target="_blank">
280286
<div class="skillsCard">
281287
<div class="wrapper">
282-
<img src="./assets/icons/skills/data.png" class="cover-image" alt="SQL 1" />
288+
<img src="./assets/icons/skills/data.avif" class="cover-image" alt="SQL 1" />
283289
</div>
284290
<h2 class="skillsTitle">SQL</h2>
285291
<img src="./assets/icons/sql.svg" class="character" alt="SQL 2" />
@@ -294,7 +300,7 @@ <h2 class="skillsTitle">SQL</h2>
294300
<a href="https://neo4j.com" target="_blank">
295301
<div class="skillsCard">
296302
<div class="wrapper">
297-
<img src="./assets/icons/skills/analytics.png" class="cover-image" alt="Neo4J 1" />
303+
<img src="./assets/icons/skills/analytics.avif" class="cover-image" alt="Neo4J 1" />
298304
</div>
299305
<h2 class="skillsTitle">Neo4J</h2>
300306
<img src="./assets/icons/neo4j.svg" class="character" alt="Neo4J 2" />
@@ -309,7 +315,7 @@ <h2 class="skillsTitle">Neo4J</h2>
309315
<a href="https://streamlit.io" target="_blank">
310316
<div class="skillsCard">
311317
<div class="wrapper">
312-
<img src="./assets/icons/skills/polling.png" class="cover-image" alt="Streamlit 1" />
318+
<img src="./assets/icons/skills/polling.avif" class="cover-image" alt="Streamlit 1" />
313319
</div>
314320
<h2 class="skillsTitle">Streamlit</h2>
315321
<img src="./assets/icons/streamlit.svg" class="character" alt="Streamlit 2" />
@@ -324,7 +330,7 @@ <h2 class="skillsTitle">Streamlit</h2>
324330
<a href="https://www.khanacademy.org" target="_blank">
325331
<div class="skillsCard">
326332
<div class="wrapper">
327-
<img src="./assets/icons/skills/calculating.png" class="cover-image" alt="Math 1" />
333+
<img src="./assets/icons/skills/calculating.avif" class="cover-image" alt="Math 1" />
328334
</div>
329335
<h2 class="skillsTitle">Math</h2>
330336
<img src="./assets/icons/math.svg" class="character" alt= "Math 2" />
@@ -339,7 +345,7 @@ <h2 class="skillsTitle">Math</h2>
339345
<a href="https://spark.apache.org" target="_blank">
340346
<div class="skillsCard">
341347
<div class="wrapper">
342-
<img src="./assets/icons/skills/table.png" class="cover-image" alt="Apache Spark 1" />
348+
<img src="./assets/icons/skills/table.avif" class="cover-image" alt="Apache Spark 1" />
343349
</div>
344350
<h2 class="skillsTitle">Apache Spark</h2>
345351
<img src="./assets/icons/apache-spark.svg" class="character" alt="Apache Spark 2" />
@@ -354,7 +360,7 @@ <h2 class="skillsTitle">Apache Spark</h2>
354360
<a href="https://www.mongodb.com" target="_blank">
355361
<div class="skillsCard">
356362
<div class="wrapper">
357-
<img src="./assets/icons/skills/json-file.png" class="cover-image" alt="Mongo DB 1" />
363+
<img src="./assets/icons/skills/json-file.avif" class="cover-image" alt="Mongo DB 1" />
358364
</div>
359365
<h2 class="skillsTitle">Mongo DB</h2>
360366
<img src="./assets/icons/mongodb.svg" class="character" alt="Mongo DB 2" />
@@ -369,7 +375,7 @@ <h2 class="skillsTitle">Mongo DB</h2>
369375
<a href="https://redis.io" target="_blank">
370376
<div class="skillsCard">
371377
<div class="wrapper">
372-
<img src="./assets/icons/skills/ram.png" class="cover-image" alt="Redis 1" />
378+
<img src="./assets/icons/skills/ram.avif" class="cover-image" alt="Redis 1" />
373379
</div>
374380
<h2 class="skillsTitle">Redis</h2>
375381
<img src="./assets/icons/redis.svg" class="character" alt="Redis 2" />
@@ -418,7 +424,7 @@ <h2 class="containerTitle">
418424
-->
419425
<div id="kaggleBtn" class="skillsCard">
420426
<div class="wrapper">
421-
<img src="./assets/icons/projects/cards/notebook.png" class="cover-image" alt="Kaggle Notebooks 1" />
427+
<img src="./assets/icons/projects/cards/notebook.avif" class="cover-image" alt="Kaggle Notebooks 1" />
422428
</div>
423429
<h2 class="skillsTitle">Kaggle</h2>
424430
<img src="./assets/icons/kaggle.svg" class="character" alt="Kaggle Notebooks 2" />
@@ -431,7 +437,7 @@ <h2 class="skillsTitle">Kaggle</h2>
431437
-->
432438
<div id="mlAlgorithmsBtn" class="skillsCard">
433439
<div class="wrapper">
434-
<img src="./assets/icons/projects/cards/neural.png" class="cover-image" alt="ML Algorithms 1" />
440+
<img src="./assets/icons/projects/cards/neural.avif" class="cover-image" alt="ML Algorithms 1" />
435441
</div>
436442
<h2 class="skillsTitle">Algorithms</h2>
437443
<img src="./assets/icons/tensorflow.svg" class="character" alt="ML Algorithms 2" />
@@ -446,10 +452,10 @@ <h2 class="skillsTitle">Algorithms</h2>
446452
-->
447453
<div id="dashboardBtn" class="skillsCard">
448454
<div class="wrapper">
449-
<img src="./assets/icons/projects/cards/growth.png" class="cover-image" alt="Dashboards 1" />
455+
<img src="./assets/icons/projects/cards/growth.avif" class="cover-image" alt="Dashboards 1" />
450456
</div>
451457
<h2 class="skillsTitle">Dashboards</h2>
452-
<img src="./assets/icons/dashboard.png" class="character" alt="Dashboards 2" />
458+
<img src="./assets/icons/dashboard.avif" class="character" alt="Dashboards 2" />
453459
</div>
454460
</div>
455461
<br />
@@ -488,7 +494,7 @@ <h2 class="containerTitle">
488494
**********
489495
-->
490496
<div class="reachMeSubContainer">
491-
<img class="reachMeLogo" src="./assets/icons/debian.png" alt="Blog Logo" />
497+
<img class="reachMeLogo" src="./assets/icons/debian.avif" alt="Blog Logo" />
492498

493499
<a href="https://csfelix.vercel.app" target="_blank">
494500
&nbsp<span>Blog: csfelix.vercel.app</span>
@@ -585,7 +591,7 @@ <h2 class="containerTitle">
585591
************
586592
-->
587593
<footer>
588-
<img src="./assets/icons/balance.png" alt="Balance Icon" />
594+
<img src="./assets/icons/balance.avif" alt="Balance Icon" />
589595
&nbsp
590596
<span>GNU General Public License v3.0 - Copyrights 2018 - 2022</span>
591597
</footer>
@@ -691,7 +697,7 @@ <h3>Coming soon...</h3>
691697
<!-- First Project -->
692698
<a href="https://www.kaggle.com/code/dsfelix/predicting-future-sales" target="_blank">
693699
<div class="card" data-tilt>
694-
<img src="./assets/icons/projects/trade.png" alt="Predict Future Sales">
700+
<img src="./assets/icons/projects/trade.avif" alt="Predict Future Sales">
695701

696702
<span>Predicting Future Sales</span>
697703

@@ -702,7 +708,7 @@ <h3>Coming soon...</h3>
702708
<!-- Second Project -->
703709
<a href="https://www.kaggle.com/code/dsfelix/predicting-us-stores-sales/notebook" target="_blank">
704710
<div class="card" data-tilt>
705-
<img src="./assets/icons/projects/store.png" alt="Predicting US Stores Sales">
711+
<img src="./assets/icons/projects/store.avif" alt="Predicting US Stores Sales">
706712

707713
<span>Predicting US Stores Sales</span>
708714

@@ -713,7 +719,7 @@ <h3>Coming soon...</h3>
713719
<!-- Third Project -->
714720
<a href="https://www.kaggle.com/code/dsfelix/predicting-house-prices" target="_blank">
715721
<div class="card" data-tilt>
716-
<img src="./assets/icons/projects/house-for-sale.png" alt="Predicting House Prices">
722+
<img src="./assets/icons/projects/house-for-sale.avif" alt="Predicting House Prices">
717723

718724
<span>Predicting House Prices</span>
719725

@@ -724,7 +730,7 @@ <h3>Coming soon...</h3>
724730
<!-- Fourth Project -->
725731
<a href="https://www.kaggle.com/code/dsfelix/prevendo-pre-o-de-casas/notebook" target="_blank">
726732
<div class="card" data-tilt>
727-
<img src="./assets/icons/projects/house-for-sale.png" alt="Predicting House Prices">
733+
<img src="./assets/icons/projects/house-for-sale.avif" alt="Predicting House Prices">
728734

729735
<span>Predicting House Prices</span>
730736
<span>(Portuguese Version)</span>
@@ -736,7 +742,7 @@ <h3>Coming soon...</h3>
736742
<!-- Fifth Project -->
737743
<a href="https://www.kaggle.com/dsfelix/spaceship-titanic-competition" target="_blank">
738744
<div class="card" data-tilt>
739-
<img src="./assets/icons/projects/spaceship.png" alt="Spaceship Titanic">
745+
<img src="./assets/icons/projects/spaceship.avif" alt="Spaceship Titanic">
740746

741747
<span>Spaceship Titanic -</span>
742748
<span>Dimensional Transportation</span>
@@ -780,7 +786,7 @@ <h3>Coming soon...</h3>
780786
<!-- First Project -->
781787
<a href="https://www.kaggle.com/code/dsfelix/random-forest-regressor-algorithm" target="_blank">
782788
<div class="card" data-tilt>
783-
<img src="./assets/icons/algorithms/trees.png" alt="Random Forest Regressor">
789+
<img src="./assets/icons/algorithms/trees.avif" alt="Random Forest Regressor">
784790

785791
<span>Random Forest Regressor</span>
786792

@@ -791,7 +797,7 @@ <h3>Coming soon...</h3>
791797
<!-- Second Project -->
792798
<a href="https://www.kaggle.com/code/dsfelix/xgboost-regressor" target="_blank">
793799
<div class="card" data-tilt>
794-
<img src="./assets/icons/algorithms/logistic-regression.png" alt="XGB Regressor">
800+
<img src="./assets/icons/algorithms/logistic-regression.avif" alt="XGB Regressor">
795801

796802
<span>XGB Regressor</span>
797803

@@ -802,7 +808,7 @@ <h3>Coming soon...</h3>
802808
<!-- Third Project -->
803809
<a href="https://www.kaggle.com/code/dsfelix/xgboost-classifier" target="_blank">
804810
<div class="card" data-tilt>
805-
<img src="./assets/icons/algorithms/clustering.png" alt="XGB Classifier">
811+
<img src="./assets/icons/algorithms/clustering.avif" alt="XGB Classifier">
806812

807813
<span>XGB Classifier</span>
808814

@@ -825,7 +831,7 @@ <h3>Coming soon...</h3>
825831

826832
<!-- title -->
827833
<div class="modalTitle">
828-
<img src="./assets/icons/dashboard.png" alt="Dashboards Logo" />
834+
<img src="./assets/icons/dashboard.avif" alt="Dashboards Logo" />
829835
&nbsp
830836
<span>Dashboards</span>
831837
</div>
@@ -845,7 +851,7 @@ <h3>Coming soon...</h3>
845851
<!-- First Project -->
846852
<a href="https://csfelix-dashboard-us-stores-sales-app-26nuvr.streamlit.app" target="_blank">
847853
<div class="card" data-tilt>
848-
<img src="./assets/icons/projects/store.png" alt="Dashboard US Store Sales">
854+
<img src="./assets/icons/projects/store.avif" alt="Dashboard US Store Sales">
849855

850856
<span>US Store Sales</span>
851857

@@ -856,7 +862,7 @@ <h3>Coming soon...</h3>
856862
<!-- Second Project -->
857863
<a href="https://csfelix-programming-languages-poll-1--poll-6k70pi.streamlit.app" target="_blank">
858864
<div class="card" data-tilt>
859-
<img src="./assets/icons/dashboards/polling.png" alt="Programming Languages Poll">
865+
<img src="./assets/icons/dashboards/polling.avif" alt="Programming Languages Poll">
860866

861867
<span>Programming Languages Poll</span>
862868

@@ -867,7 +873,7 @@ <h3>Coming soon...</h3>
867873
<!-- Third Project -->
868874
<a href="https://csfelix-csv-analyser-app-c389q5.streamlit.app" target="_blank">
869875
<div class="card" data-tilt>
870-
<img src="./assets/icons/dashboards/investigation.png" alt="Dashboard CSV Analyser">
876+
<img src="./assets/icons/dashboards/investigation.avif" alt="Dashboard CSV Analyser">
871877

872878
<span>CSV Analyser</span>
873879

‎index.js‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
window.addEventListener("load", () => {
2+
registerSW();
3+
})
4+
5+
async function registerSW() {
6+
if ("serviceWorker" in navigator) {
7+
try {
8+
await navigator.serviceWorker.register("./sw.js");
9+
}
10+
catch (e) {
11+
console.log("SW Registration Failed", e);
12+
}
13+
}
14+
}

‎manifest.webmanifest‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,6 @@
88
"background_color": "#041f36",
99
"background-color": "#041f36",
1010
"description": "Data Science and Machine Learning Portfolio",
11-
1211
"icons": [
1312
{
1413
"src": "./assets/pwa-logos/logo452x452.avif",

0 commit comments

Comments
 (0)