Skip to content

Commit 5a262ff

Browse files
CSFelixCSFelix
authored
📦 Updates
1 parent b210db2 commit 5a262ff

File tree

2 files changed

+1086
-213
lines changed

2 files changed

+1086
-213
lines changed

‎index.html‎

Lines changed: 146 additions & 213 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,7 @@
2121
<link rel="stylesheet" type="text/css" href="./assets/css/styles/scrollbar.css" />
2222
<link rel="stylesheet" type="text/css" href="./assets/css/styles/header.css">
2323
<link rel="stylesheet" type="text/css" href="./assets/css/styles/sections.css">
24+
<link rel="stylesheet" type="text/css" href="./assets/css/styles/skills_cards.css">
2425
<link rel="stylesheet" type="text/css" href="./assets/css/styles/footer.css">
2526
<link rel="stylesheet" type="text/css" href="./assets/css/styles/modal.css">
2627

@@ -184,230 +185,162 @@ <h2 class="containerTitle">
184185

185186
<img class="sticker" src='./assets/stickers/robot/skills.gif' alt="Hey there!"/>
186187

187-
<br />
188-
189-
<!--
190-
************
191-
** Python **
192-
************
193-
-->
194-
<div class="skillsSubContainer">
195-
<div class="skillsInfoContainer">
196-
<img class="skillsLogo" src="./assets/icons/python.svg" alt="Python Logo" />
197-
198-
<a href="https://www.python.org" target="_blank">
199-
&nbsp<span>Python</span>
200-
</a>
201-
</div>
202-
203-
<div class="skillsStarsContainer">
204-
<img src="./assets/icons/star.png" alt="Active Star" />
205-
<img src="./assets/icons/star.png" alt="Active Star" />
206-
<img src="./assets/icons/star.png" alt="Active Star" />
207-
<img src="./assets/icons/star.png" alt="Active Star" />
208-
<img src="./assets/icons/star.png" alt="Active Star" />
209-
</div>
210-
</div>
211-
212-
<br />
213-
214-
<!--
215-
***********************************
216-
** Python Data Science Libraries **
217-
***********************************
218-
-->
219-
<div class="skillsSubContainer">
220-
<div class="skillsInfoContainer">
221-
<img class="skillsLogo" src="./assets/icons/anaconda.svg" alt="Anaconda Logo" />
222-
223-
<a href="https://www.anaconda.com" target="_blank">
224-
&nbsp<span>Python Data Science Libraries</span>
225-
</a>
226-
</div>
227-
228-
<div class="skillsStarsContainer">
229-
<img src="./assets/icons/star.png" alt="Active Star" />
230-
<img src="./assets/icons/star.png" alt="Active Star" />
231-
<img src="./assets/icons/star.png" alt="Active Star" />
232-
<img src="./assets/icons/star.png" alt="Active Star" />
233-
<img src="./assets/icons/star.png" alt="Active Star" />
234-
</div>
235-
</div>
236-
237-
<br />
188+
<br /><br />
189+
<br /><br />
190+
<br /><br />
238191

239-
<!--
240-
*********
241-
** SQL **
242-
*********
243-
-->
244-
<div class="skillsSubContainer">
245-
<div class="skillsInfoContainer">
246-
<img class="skillsLogo" src="./assets/icons/sql.svg" alt="SQLite Logo" />
247-
248-
<a href="https://www.sqlite.org/index.html" target="_blank">
249-
&nbsp<span>SQL</span>
250-
</a>
251-
</div>
252-
253-
<div class="skillsStarsContainer">
254-
<img src="./assets/icons/star.png" alt="Active Star" />
255-
<img src="./assets/icons/star.png" alt="Active Star" />
256-
<img src="./assets/icons/star.png" alt="Active Star" />
257-
<img src="./assets/icons/star.png" alt="Active Star" />
258-
<img src="./assets/icons/star.png" alt="Active Star" />
259-
</div>
260-
</div>
261-
262-
<br />
263-
264-
<!--
265-
***********
266-
** Neo4J **
267-
***********
268-
-->
269-
<div class="skillsSubContainer">
270-
<div class="skillsInfoContainer">
271-
<img class="skillsLogo" src="./assets/icons/neo4j.svg" alt="Neo4J Logo" />
272-
273-
<a href="https://neo4j.com" target="_blank">
274-
&nbsp<span>Neo4J</span>
275-
</a>
276-
</div>
277-
278-
<div class="skillsStarsContainer">
279-
<img src="./assets/icons/star.png" alt="Active Star" />
280-
<img src="./assets/icons/star.png" alt="Active Star" />
281-
<img src="./assets/icons/star.png" alt="Active Star" />
282-
<img src="./assets/icons/star.png" alt="Active Star" />
283-
<img src="./assets/icons/star.png" alt="Active Star" />
284-
</div>
285-
</div>
286-
287-
<br />
288-
289-
<!--
290-
***************
291-
** Streamlit **
292-
***************
293-
-->
294-
<div class="skillsSubContainer">
295-
<div class="skillsInfoContainer">
296-
<img class="skillsLogo" src="./assets/icons/streamlit.svg" alt="Streamlit Logo" />
297-
298-
<a href="https://streamlit.io" target="_blank">
299-
&nbsp<span>Streamlit</span>
300-
</a>
301-
</div>
302-
303-
<div class="skillsStarsContainer">
304-
<img src="./assets/icons/star.png" alt="Active Star" />
305-
<img src="./assets/icons/star.png" alt="Active Star" />
306-
<img src="./assets/icons/star.png" alt="Active Star" />
307-
<img src="./assets/icons/star.png" alt="Active Star" />
308-
<img class="active" src="./assets/icons/star.png" alt="Active Star" />
309-
</div>
310-
</div>
311-
312-
<br />
313-
314-
<!--
315-
**********
316-
** Math **
317-
**********
318-
-->
319-
<div class="skillsSubContainer">
320-
<div class="skillsInfoContainer">
321-
<img class="skillsLogo" src="./assets/icons/math.svg" alt="Pandas Logo" />
322-
323-
<a href="https://www.khanacademy.org" target="_blank">
324-
&nbsp<span>Math</span>
325-
</a>
326-
</div>
327-
328-
<div class="skillsStarsContainer">
329-
<img src="./assets/icons/star.png" alt="Active Star" />
330-
<img src="./assets/icons/star.png" alt="Active Star" />
331-
<img src="./assets/icons/star.png" alt="Active Star" />
332-
<img src="./assets/icons/star.png" alt="Active Star" />
333-
<img class="inactive" src="./assets/icons/star.png" alt="Active Star" />
334-
</div>
335-
</div>
336-
337-
<br />
338-
339-
<!--
340-
******************
341-
** Apache Spark **
342-
******************
343-
-->
344-
<div class="skillsSubContainer">
345-
<div class="skillsInfoContainer">
346-
<img class="skillsLogo" src="./assets/icons/apache-spark.svg" alt="Apache Spark Logo" />
347-
348-
<a href="https://spark.apache.org" target="_blank">
349-
&nbsp<span>Apache Spark (PySpark)</span>
350-
</a>
351-
</div>
192+
<div id="skillsCardsContainer">
193+
<!--
194+
************
195+
** Python **
196+
************
197+
-->
198+
<a href="https://www.python.org" target="_blank">
199+
<div class="skillsCard">
200+
<div class="wrapper">
201+
<img src="./assets/icons/skills/programming.png" class="cover-image" />
202+
</div>
203+
<h2 class="skillsTitle">Python</h2>
204+
<img src="./assets/icons/python.svg" class="character" />
205+
</div>
206+
</a>
352207

353-
<div class="skillsStarsContainer">
354-
<img src="./assets/icons/star.png" alt="Active Star" />
355-
<img src="./assets/icons/star.png" alt="Active Star" />
356-
<img src="./assets/icons/star.png" alt="Active Star" />
357-
<img src="./assets/icons/star.png" alt="Active Star" />
358-
<img class="inactive" src="./assets/icons/star.png" alt="Active Star" />
359-
</div>
360-
</div>
208+
<!--
209+
*******
210+
** R **
211+
*******
212+
-->
213+
<a href="https://www.r-project.org" target="_blank">
214+
<div class="skillsCard">
215+
<div class="wrapper">
216+
<img src="./assets/icons/skills/analysis.png" class="cover-image" />
217+
</div>
218+
<h2 class="skillsTitle">R</h2>
219+
<img src="./assets/icons/r.svg" class="character" />
220+
</div>
221+
</a>
361222

362-
<br />
223+
<!--
224+
***********************************
225+
** Python Data Science Libraries **
226+
***********************************
227+
-->
228+
<a href="https://www.anaconda.com" target="_blank">
229+
<div class="skillsCard">
230+
<div class="wrapper">
231+
<img src="./assets/icons/skills/data-science.png" class="cover-image" />
232+
</div>
233+
<h2 class="skillsTitle">DS Libraries</h2>
234+
<img src="./assets/icons/anaconda.svg" class="character" />
235+
</div>
236+
</a>
363237

364-
<!--
365-
*************
366-
** MongoDB **
367-
*************
368-
-->
369-
<div class="skillsSubContainer">
370-
<div class="skillsInfoContainer">
371-
<img class="skillsLogo" src="./assets/icons/mongodb.svg" alt="Mongo DB Logo" />
238+
<!--
239+
*********
240+
** SQL **
241+
*********
242+
-->
243+
<a href="https://www.sqlite.org/index.html" target="_blank">
244+
<div class="skillsCard">
245+
<div class="wrapper">
246+
<img src="./assets/icons/skills/data.png" class="cover-image" />
247+
</div>
248+
<h2 class="skillsTitle">SQL</h2>
249+
<img src="./assets/icons/sql.svg" class="character" />
250+
</div>
251+
</a>
372252

373-
<a href="https://www.mongodb.com" target="_blank">
374-
&nbsp<span>Mongo DB</span>
375-
</a>
376-
</div>
253+
<!--
254+
***********
255+
** Neo4J **
256+
***********
257+
-->
258+
<a href="https://neo4j.com" target="_blank">
259+
<div class="skillsCard">
260+
<div class="wrapper">
261+
<img src="./assets/icons/skills/analytics.png" class="cover-image" />
262+
</div>
263+
<h2 class="skillsTitle">Neo4J</h2>
264+
<img src="./assets/icons/neo4j.svg" class="character" />
265+
</div>
266+
</a>
377267

378-
<div class="skillsStarsContainer">
379-
<img src="./assets/icons/star.png" alt="Active Star" />
380-
<img src="./assets/icons/star.png" alt="Active Star" />
381-
<img src="./assets/icons/star.png" alt="Active Star" />
382-
<img src="./assets/icons/star.png" alt="Active Star" />
383-
<img class="inactive" src="./assets/icons/star.png" alt="Active Star" />
384-
</div>
385-
</div>
268+
<!--
269+
***************
270+
** Streamlit **
271+
***************
272+
-->
273+
<a href="https://streamlit.io" target="_blank">
274+
<div class="skillsCard">
275+
<div class="wrapper">
276+
<img src="./assets/icons/skills/polling.png" class="cover-image" />
277+
</div>
278+
<h2 class="skillsTitle">Streamlit</h2>
279+
<img src="./assets/icons/streamlit.svg" class="character" />
280+
</div>
281+
</a>
386282

387-
<br />
283+
<!--
284+
**********
285+
** Math **
286+
**********
287+
-->
288+
<a href="https://www.khanacademy.org" target="_blank">
289+
<div class="skillsCard">
290+
<div class="wrapper">
291+
<img src="./assets/icons/skills/calculating.png" class="cover-image" />
292+
</div>
293+
<h2 class="skillsTitle">Math</h2>
294+
<img src="./assets/icons/math.svg" class="character" />
295+
</div>
296+
</a>
388297

389-
<!--
390-
*************
391-
** Redis **
392-
*************
393-
-->
394-
<div class="skillsSubContainer">
395-
<div class="skillsInfoContainer">
396-
<img class="skillsLogo" src="./assets/icons/redis.svg" alt="Redis Logo" />
298+
<!--
299+
******************
300+
** Apache Spark **
301+
******************
302+
-->
303+
<a href="https://spark.apache.org" target="_blank">
304+
<div class="skillsCard">
305+
<div class="wrapper">
306+
<img src="./assets/icons/skills/table.png" class="cover-image" />
307+
</div>
308+
<h2 class="skillsTitle">Apache Spark</h2>
309+
<img src="./assets/icons/apache-spark.svg" class="character" />
310+
</div>
311+
</a>
397312

398-
<a href="https://redis.io" target="_blank">
399-
&nbsp<span>Redis</span>
400-
</a>
401-
</div>
313+
<!--
314+
**************
315+
** Mongo DB **
316+
**************
317+
-->
318+
<a href="https://www.mongodb.com" target="_blank">
319+
<div class="skillsCard">
320+
<div class="wrapper">
321+
<img src="./assets/icons/skills/json-file.png" class="cover-image" />
322+
</div>
323+
<h2 class="skillsTitle">Mongo DB</h2>
324+
<img src="./assets/icons/mongodb.svg" class="character" />
325+
</div>
326+
</a>
402327

403-
<div class="skillsStarsContainer">
404-
<img src="./assets/icons/star.png" alt="Active Star" />
405-
<img src="./assets/icons/star.png" alt="Active Star" />
406-
<img src="./assets/icons/star.png" alt="Active Star" />
407-
<img class="inactive" src="./assets/icons/star.png" alt="Active Star" />
408-
<img class="inactive" src="./assets/icons/star.png" alt="Active Star" />
409-
</div>
328+
<!--
329+
***********
330+
** Redis **
331+
***********
332+
-->
333+
<a href="https://redis.io" target="_blank">
334+
<div class="skillsCard">
335+
<div class="wrapper">
336+
<img src="./assets/icons/skills/ram.png" class="cover-image" />
337+
</div>
338+
<h2 class="skillsTitle">Redis</h2>
339+
<img src="./assets/icons/redis.svg" class="character" />
340+
</div>
341+
</a>
410342
</div>
343+
</div>
411344

412345
<br />
413346
</section>

0 commit comments

Comments
 (0)