Skip to content

Commit e7af268

Browse files
CSFelixCSFelix
authored
📦 Updated
- Updated Skills Section
1 parent 4c0cec9 commit e7af268

File tree

1 file changed

+131
-158
lines changed

1 file changed

+131
-158
lines changed

‎index.html‎

Lines changed: 131 additions & 158 deletions
Original file line numberDiff line numberDiff line change
@@ -226,175 +226,148 @@ <h2 class="containerTitle">
226226
<source src="./assets/stickers/robot/skills.mp4" type="video/mp4" />
227227
</video>
228228

229-
<br /><br />
230-
<br /><br />
231-
<br /><br />
232-
233229
<div id="skillsCardsContainer">
234-
<!--
235-
************
236-
** Python **
237-
************
238-
-->
239-
<a href="https://www.python.org" target="_blank">
240-
<div class="skillsCard">
241-
<div class="wrapper">
242-
<img src="./assets/icons/skills/programming.avif" alt="Python 1" class="cover-image" width="200px" height="200px" />
243-
</div>
244-
<h2 class="skillsTitle">Python</h2>
245-
<img src="./assets/icons/python.svg" class="character" alt="Python 2" width="200px" height="200px" />
246-
</div>
247-
</a>
230+
<!-- Programming Languages Skills -->
231+
<div class="skillsCardsSubContainer">
232+
<span>Programming Languages</span>
233+
234+
<div class="skillsContentsContainer">
235+
236+
<!-- Python -->
237+
<div class="skillsContentsSubContainer">
238+
<img src="./assets/icons/python.svg" alt="Python Logo" width="40px" height="40px" />
239+
<span>Python</span>
240+
<progress class="skillsProgress" value="100" max="100"></progress>
241+
<span>Advanced</span>
242+
</div>
243+
244+
<hr />
245+
246+
<!-- Julia -->
247+
<div class="skillsContentsSubContainer">
248+
<img src="./assets/icons/julia.svg" alt="Julia Logo" width="40px" height="40px" />
249+
<span>Julia</span>
250+
<progress class="skillsProgress" value="75" max="100"></progress>
251+
<span>Upper Intemediate</span>
252+
</div>
253+
254+
<hr />
255+
256+
<!-- R -->
257+
<div class="skillsContentsSubContainer">
258+
<img src="./assets/icons/r.svg" alt="R Logo" width="40px" height="40px" />
259+
<span>R</span>
260+
<progress class="skillsProgress" value="50" max="100"></progress>
261+
<span>Intermediate</span>
262+
</div>
263+
264+
<hr />
265+
266+
<!-- Solidity -->
267+
<div class="skillsContentsSubContainer">
268+
<img src="./assets/icons/solidity.svg" alt="Solidity Logo" width="40px" height="40px" />
269+
<span>Solidity</span>
270+
<progress class="skillsProgress" value="10" max="100"></progress>
271+
<span>Real Beginner</span>
272+
</div>
273+
</div>
274+
</div>
248275

249-
<!--
250-
************
251-
** Julia **
252-
************
253-
-->
254-
<a href="https://julialang.org" target="_blank">
255-
<div class="skillsCard">
256-
<div class="wrapper">
257-
<img src="./assets/icons/skills/computing.avif" alt="Julia 1" class="cover-image" width="200px" height="200px" />
258-
</div>
259-
<h2 class="skillsTitle">Julia</h2>
260-
<img src="./assets/icons/julia.svg" class="character" alt="Julia 2" width="200px" height="200px" />
261-
</div>
262-
</a>
263276

264-
<!--
265-
*******
266-
** R **
267-
*******
268-
-->
269-
<a href="https://www.r-project.org" target="_blank">
270-
<div class="skillsCard">
271-
<div class="wrapper">
272-
<img src="./assets/icons/skills/analysis.avif" class="cover-image" alt="R 1" width="200px" height="200px" />
273-
</div>
274-
<h2 class="skillsTitle">R</h2>
275-
<img src="./assets/icons/r.svg" class="character" alt="R 2" width="200px" height="200px" />
276-
</div>
277-
</a>
278277

279-
<!--
280-
***********************************
281-
** Python Data Science Libraries **
282-
***********************************
283-
-->
284-
<a href="https://www.anaconda.com" target="_blank">
285-
<div class="skillsCard">
286-
<div class="wrapper">
287-
<img src="./assets/icons/skills/data-science.avif" class="cover-image" alt="Anaconda 1" width="200px" height="200px" />
288-
</div>
289-
<h2 class="skillsTitle">DS Libraries</h2>
290-
<img src="./assets/icons/anaconda.svg" class="character" alt="Anaconda 2" width="200px" height="200px" />
291-
</div>
292-
</a>
278+
<!-- Databases Skills -->
279+
<div class="skillsCardsSubContainer">
280+
<span>Databases</span>
293281

294-
<!--
295-
*********
296-
** SQL **
297-
*********
298-
-->
299-
<a href="https://www.sqlite.org/index.html" target="_blank">
300-
<div class="skillsCard">
301-
<div class="wrapper">
302-
<img src="./assets/icons/skills/data.avif" class="cover-image" alt="SQL 1" width="200px" height="200px" />
303-
</div>
304-
<h2 class="skillsTitle">SQL</h2>
305-
<img src="./assets/icons/sql.svg" class="character" alt="SQL 2" width="200px" height="200px" />
306-
</div>
307-
</a>
282+
<div class="skillsContentsContainer">
308283

309-
<!--
310-
***********
311-
** Neo4J **
312-
***********
313-
-->
314-
<a href="https://neo4j.com" target="_blank">
315-
<div class="skillsCard">
316-
<div class="wrapper">
317-
<img src="./assets/icons/skills/analytics.avif" class="cover-image" alt="Neo4J 1" width="200px" height="200px" />
318-
</div>
319-
<h2 class="skillsTitle">Neo4J</h2>
320-
<img src="./assets/icons/neo4j.svg" class="character" alt="Neo4J 2" width="200px" height="200px" />
321-
</div>
322-
</a>
284+
<!-- SQL -->
285+
<div class="skillsContentsSubContainer">
286+
<img src="./assets/icons/sql.svg" alt="SQL Logo" width="40px" height="40px" />
287+
<span>SQL</span>
288+
<progress class="skillsProgress" value="100" max="100"></progress>
289+
<span>Advanced</span>
290+
</div>
323291

324-
<!--
325-
***************
326-
** Streamlit **
327-
***************
328-
-->
329-
<a href="https://streamlit.io" target="_blank">
330-
<div class="skillsCard">
331-
<div class="wrapper">
332-
<img src="./assets/icons/skills/polling.avif" class="cover-image" alt="Streamlit 1" width="200px" height="200px" />
333-
</div>
334-
<h2 class="skillsTitle">Streamlit</h2>
335-
<img src="./assets/icons/streamlit.svg" class="character" alt="Streamlit 2" width="200px" height="200px" />
336-
</div>
337-
</a>
292+
<hr />
338293

339-
<!--
340-
**********
341-
** Math **
342-
**********
343-
-->
344-
<a href="https://www.khanacademy.org" target="_blank">
345-
<div class="skillsCard">
346-
<div class="wrapper">
347-
<img src="./assets/icons/skills/calculating.avif" class="cover-image" alt="Math 1" width="200px" height="200px" />
348-
</div>
349-
<h2 class="skillsTitle">Math</h2>
350-
<img src="./assets/icons/math.svg" class="character" alt= "Math 2" width="200px" height="200px" />
351-
</div>
352-
</a>
294+
<!-- Neo4J -->
295+
<div class="skillsContentsSubContainer">
296+
<img src="./assets/icons/neo4j.svg" alt="Neo4J Logo" width="40px" height="40px" />
297+
<span>Neo4J</span>
298+
<progress class="skillsProgress" value="100" max="100"></progress>
299+
<span>Advanced</span>
300+
</div>
353301

354-
<!--
355-
***********
356-
** Spark **
357-
***********
358-
-->
359-
<a href="https://spark.apache.org" target="_blank">
360-
<div class="skillsCard">
361-
<div class="wrapper">
362-
<img src="./assets/icons/skills/table.avif" class="cover-image" alt="Spark 1" width="200px" height="200px" />
363-
</div>
364-
<h2 class="skillsTitle">Spark</h2>
365-
<img src="./assets/icons/apache-spark.svg" class="character" alt="Spark 2" width="200px" height="200px" />
366-
</div>
367-
</a>
302+
<hr />
368303

369-
<!--
370-
**************
371-
** Mongo DB **
372-
**************
373-
-->
374-
<a href="https://www.mongodb.com" target="_blank">
375-
<div class="skillsCard">
376-
<div class="wrapper">
377-
<img src="./assets/icons/skills/json-file.avif" class="cover-image" alt="Mongo DB 1" width="200px" height="200px" />
378-
</div>
379-
<h2 class="skillsTitle">Mongo DB</h2>
380-
<img src="./assets/icons/mongodb.svg" class="character" alt="Mongo DB 2" width="200px" height="200px" />
381-
</div>
382-
</a>
304+
<!-- MongoDB -->
305+
<div class="skillsContentsSubContainer">
306+
<img src="./assets/icons/mongodb.svg" alt="MongoDB Logo" width="40px" height="40px" />
307+
<span>MongoDB</span>
308+
<progress class="skillsProgress" value="50" max="100"></progress>
309+
<span>Intermediate</span>
310+
</div>
383311

384-
<!--
385-
***********
386-
** Redis **
387-
***********
388-
-->
389-
<a href="https://redis.io" target="_blank">
390-
<div class="skillsCard">
391-
<div class="wrapper">
392-
<img src="./assets/icons/skills/ram.avif" class="cover-image" alt="Redis 1" width="200px" height="200px" />
393-
</div>
394-
<h2 class="skillsTitle">Redis</h2>
395-
<img src="./assets/icons/redis.svg" class="character" alt="Redis 2" width="200px" height="200px" />
396-
</div>
397-
</a>
312+
<hr />
313+
314+
<!-- Redis -->
315+
<div class="skillsContentsSubContainer">
316+
<img src="./assets/icons/redis.svg" alt="Redis Logo" width="40px" height="40px" />
317+
<span>Redis</span>
318+
<progress class="skillsProgress" value="25" max="100"></progress>
319+
<span>Beginner</span>
320+
</div>
321+
</div>
322+
</div>
323+
324+
325+
326+
<!-- Miscellaneous Skills -->
327+
<div class="skillsCardsSubContainer">
328+
<span>Miscellaneous</span>
329+
330+
<div class="skillsContentsContainer">
331+
332+
<!-- DS Libraries -->
333+
<div class="skillsContentsSubContainer">
334+
<img src="./assets/icons/anaconda.svg" alt="Anaconda Logo" width="40px" height="40px" />
335+
<span>DS Libraries</span>
336+
<progress class="skillsProgress" value="100" max="100"></progress>
337+
<span>Advanced</span>
338+
</div>
339+
340+
<hr />
341+
342+
<!-- Math -->
343+
<div class="skillsContentsSubContainer">
344+
<img src="./assets/icons/math.svg" alt= "Math Logo" width="40px" height="40px" />
345+
<span>Math</span>
346+
<progress class="skillsProgress" value="75" max="100"></progress>
347+
<span>Upper Intemediate</span>
348+
</div>
349+
350+
<hr />
351+
352+
<!-- Streamlit -->
353+
<div class="skillsContentsSubContainer">
354+
<img src="./assets/icons/streamlit.svg" alt="Streamlit Logo" width="40px" height="40px" />
355+
<span>Streamlit</span>
356+
<progress class="skillsProgress" value="75" max="100"></progress>
357+
<span>Upper Intemediate</span>
358+
</div>
359+
360+
<hr />
361+
362+
<!-- Spark -->
363+
<div class="skillsContentsSubContainer">
364+
<img src="./assets/icons/apache-spark.svg" alt="Spark Logo" width="40px" height="40px" />
365+
<span>Spark</span>
366+
<progress class="skillsProgress" value="75" max="100"></progress>
367+
<span>Intermediate</span>
368+
</div>
369+
</div>
370+
</div>
398371
</div>
399372
</div>
400373

0 commit comments

Comments
 (0)