Skip to content

Commit 9661ad2

Browse files
CSFelixCSFelix
authored
📦 Updates
1 parent a8a820e commit 9661ad2

File tree

2 files changed

+212
-28
lines changed

2 files changed

+212
-28
lines changed

‎404.html‎

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -41,6 +41,7 @@ <h2 class="toShuffle">Uh-oh! Computer Man was not able to find the page... 😥<
4141

4242
<br /><br />
4343

44+
<!-- stickers -->
4445
<div id="stickersContainer404">
4546
<img class="sticker404" src="./assets/stickers/christmas/sad.png" alt="Sad Elf" />
4647
<img class="sticker404" src="./assets/stickers/default/sick.png" alt="Sad Robot" />
@@ -50,20 +51,11 @@ <h2 class="toShuffle">Uh-oh! Computer Man was not able to find the page... 😥<
5051

5152
<br /><br />
5253

54+
<!-- buttons -->
5355
<div id="btnContainer404">
54-
<a href="./index.html">
55-
<button>🏠 Home!</button>
56-
</a>
57-
56+
<a href="./index.html"><button>🏠 Home!</button></a>
5857
<button id="easterEggsBtn">❓</button>
59-
60-
<a
61-
href="https://www.youtube.com/watch?v=l3eww1dnd0k"
62-
target="_blank"
63-
>
64-
<button>💻 Computer Man?!</button>
65-
</a>
66-
58+
<a href="https://www.youtube.com/watch?v=l3eww1dnd0k"target="_blank"><button>💻 Computer Man?!</button></a>
6759
<button id="linkStartBtn">🕸️ Old Version</button>
6860
</div>
6961
</section>

‎index.html‎

Lines changed: 208 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -22,11 +22,13 @@
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">
2424
<link rel="stylesheet" type="text/css" href="./assets/css/styles/footer.css">
25+
<link rel="stylesheet" type="text/css" href="./assets/css/styles/modal.css">
2526

2627
<!-- JS Libraries -->
2728
<script type="text/javascript" src="./assets/js/libraries/shuffle-text.js" defer></script>
2829

2930
<!-- scripts pre-loading -->
31+
<script type="text/javascript" src="./assets/js/scripts/themes-toggle.js" defer></script>
3032
<script type="text/javascript" src="./assets/js/scripts/text-shuffling-effect.js" defer></script>
3133
</head>
3234

@@ -47,14 +49,14 @@
4749

4850
<!-- mobile menu -->
4951
<ul id="mobileMenu">
50-
<li>About Me</li>
51-
<li>Skills</li>
52-
<li>Projects</li>
53-
<li>Reach Me</li>
52+
<a href="#aboutMeContainer"><li>About Me</li></a>
53+
<a href="#skillsContainer"><li>Skills</li></a>
54+
<a href="#projectsContainer"><li>Projects</li></a>
55+
<a href="#reachMeContainer"><li>Reach Me</li></a>
5456

5557
<hr />
5658

57-
<li>Settings</li>
59+
<li id="mobileThemeBtn">Settings</li>
5860
</ul>
5961

6062
<!--
@@ -79,10 +81,10 @@
7981

8082
<!-- Menu Options -->
8183
<ul id="desktopMenu">
82-
<li>About Me</li>
83-
<li>Skills</li>
84-
<li>Projects</li>
85-
<li>Reach Me</li>
84+
<li><a href="#aboutMeContainer">About Me</a></li>
85+
<li><a href="#skillsContainer">Skills</a></li>
86+
<li><a href="#projectsContainer">Projects</a></li>
87+
<li><a href="#reachMeContainer">Reach Me</a></li>
8688
</ul>
8789

8890
<!-- Sponsor Me and Theme Buttons -->
@@ -125,7 +127,7 @@ <h2 class="containerTitle">
125127

126128
<!-- content -->
127129
<div class="containerContent">
128-
<img class="sticker" src="./assets/stickers/default/hi.png" alt="Hey there!"/>
130+
<img class="sticker" id='aboutMeSticker' alt="Hey there!"/>
129131

130132
<span>🌱 I'm CSFelix, a passionate Programmer and Student from Brazil.</span>
131133

@@ -159,7 +161,7 @@ <h2 class="containerTitle">
159161

160162
<!-- content -->
161163
<div class="containerContent">
162-
<img class="sticker" src="./assets/stickers/default/cool.png" alt="Hey there!"/>
164+
<img class="sticker" id="skillsSticker" alt="Hey there!"/>
163165

164166
<br />
165167

@@ -357,7 +359,7 @@ <h2 class="containerTitle">
357359

358360
<!-- content -->
359361
<div class="containerContent">
360-
<img class="sticker" src="./assets/stickers/default/amazed.png" alt="Hey there!"/>
362+
<img class="sticker" id="projectsSticker" alt="Hey there!"/>
361363

362364
<br />
363365

@@ -367,7 +369,7 @@ <h2 class="containerTitle">
367369
** Kaggle Notebooks **
368370
**********************
369371
-->
370-
<div class="projectBtn">
372+
<div id="kaggleBtn" class="projectBtn">
371373
<img src="./assets/icons/kaggle.svg" alt="Kaggle Logo" />
372374
<span>Kaggle</span>
373375
</div>
@@ -379,7 +381,7 @@ <h2 class="containerTitle">
379381
** ML Algorithms **
380382
*******************
381383
-->
382-
<div class="projectBtn">
384+
<div id="mlAlgorithmsBtn" class="projectBtn">
383385
<img src="./assets/icons/tensorflow.svg" alt="Tensor Flow Logo" />
384386
<span>ML Algorithms</span>
385387
</div>
@@ -391,7 +393,7 @@ <h2 class="containerTitle">
391393
** DS Tools **
392394
**************
393395
-->
394-
<div class="projectBtn">
396+
<div id="dsToolsBtn" class="projectBtn">
395397
<img src="./assets/icons/dstools.svg" alt="DS Tools Logo" />
396398
<span>DS Tools</span>
397399
</div>
@@ -418,7 +420,7 @@ <h2 class="containerTitle">
418420

419421
<!-- content -->
420422
<div class="containerContent">
421-
<img class="sticker" src="./assets/stickers/default/excited.png" alt="Hey there!"/>
423+
<img class="sticker" id="reachMeSticker" alt="Hey there!"/>
422424

423425
<br />
424426

@@ -494,9 +496,199 @@ <h2 class="containerTitle">
494496
<span>GNU General Public License v3.0 - Copyrights 2018 - 2022</span>
495497
</footer>
496498

499+
<!--
500+
************
501+
** Modals **
502+
************
503+
-->
504+
505+
<!-- Themes -->
506+
<div id="themesModal" class="modal">
507+
508+
<div class="modalContent">
509+
510+
<!-- close button -->
511+
<span id="themesClose" class="close">&times;</span>
512+
513+
<!-- title -->
514+
<div class="modalTitle">
515+
<span>🎨</span>
516+
&nbsp
517+
<span>Themes</span>
518+
</div>
519+
520+
<br /><br />
521+
522+
<!-- items -->
523+
<div class="modalItems">
524+
525+
<!--
526+
*******************
527+
** Default Theme **
528+
*******************
529+
-->
530+
<div class="themeGroup">
531+
<img id="defaultOptionSticker" alt="Default Theme" />
532+
&nbsp
533+
<input id="defaultOptionRadio" type="radio" name="actualTheme" value="0" />
534+
&nbsp
535+
<span>Default</span>
536+
</div>
537+
538+
<!--
539+
*********************
540+
** Halloween Theme **
541+
*********************
542+
-->
543+
<div class="themeGroup">
544+
<img id="halloweenOptionSticker" alt="Halloween Theme" />
545+
&nbsp
546+
<input id="halloweenOptionRadio" type="radio" name="actualTheme" value="1" />
547+
&nbsp
548+
<span>Halloween</span>
549+
</div>
550+
551+
<!--
552+
*********************
553+
** Christmas Theme **
554+
*********************
555+
-->
556+
<div class="themeGroup">
557+
<img id="christmasOptionSticker" alt="Christmas Theme" />
558+
&nbsp
559+
<input id="christmasOptionRadio" type="radio" name="actualTheme" value="2" />
560+
&nbsp
561+
<span>Christmas</span>
562+
</div>
563+
564+
<!--
565+
******************
566+
** Easter Theme **
567+
******************
568+
-->
569+
<div class="themeGroup">
570+
<img id="easterOptionSticker" alt="Easter Theme" />
571+
&nbsp
572+
<input id="easterOptionRadio" type="radio" name="actualTheme" value="3" />
573+
&nbsp
574+
<span>Easter</span>
575+
</div>
576+
577+
</div>
578+
579+
<!--
580+
*****************
581+
** Sponsor Btn **
582+
*****************
583+
-->
584+
<hr />
585+
<br />
586+
587+
<div class="sponsorGroup">
588+
589+
<!-- title -->
590+
<div class="modalTitle">
591+
<span>💗</span>
592+
&nbsp
593+
<span>Sponsorship</span>
594+
</div>
595+
596+
<a
597+
href="https://github.com/sponsors/CSFelix"
598+
target="_blank">
599+
<button>💗 Sponsor Me!</button>
600+
</a>
601+
</div>
602+
603+
</div>
604+
605+
</div>
606+
607+
<!-- Kaggle Notebooks -->
608+
<div id="kaggleModal" class="modal">
609+
610+
<div class="modalContent">
611+
612+
<!-- close button -->
613+
<span id="kaggleClose" class="close">&times;</span>
614+
615+
<!-- title -->
616+
<div class="modalTitle">
617+
<img src="./assets/icons/kaggle.svg" alt="Kaggle Logo" />
618+
&nbsp
619+
<span>Kaggle Notebooks</span>
620+
</div>
621+
622+
<br />
623+
624+
<!-- items -->
625+
<div class="modalItems">
626+
<img src="./assets/stickers/default/sleepy.png" alt="Hey There" />
627+
&nbsp
628+
<span>Coming soon on January 2023...</span>
629+
</div>
630+
</div>
631+
632+
</div>
633+
634+
<!-- ML Algorithms -->
635+
<div id="mlAlgorithmsModal" class="modal">
636+
637+
<div class="modalContent">
638+
639+
<!-- close button -->
640+
<span id="mlAlgorithmsClose" class="close">&times;</span>
641+
642+
<!-- title -->
643+
<div class="modalTitle">
644+
<img src="./assets/icons/tensorflow.svg" alt="Kaggle Logo" />
645+
&nbsp
646+
<span>ML Algorithms</span>
647+
</div>
648+
649+
<br />
650+
651+
<!-- items -->
652+
<div class="modalItems">
653+
<img src="./assets/stickers/default/sleepy.png" alt="Hey There" />
654+
&nbsp
655+
<span>Coming soon on January 2023...</span>
656+
</div>
657+
</div>
658+
659+
</div>
660+
661+
<!-- DSTools -->
662+
<div id="dsToolsModal" class="modal">
663+
664+
<div class="modalContent">
665+
666+
<!-- close button -->
667+
<span id="dsToolsClose" class="close">&times;</span>
668+
669+
<!-- title -->
670+
<div class="modalTitle">
671+
<img src="./assets/icons/dstools.svg" alt="Kaggle Logo" />
672+
&nbsp
673+
<span>DS Tools</span>
674+
</div>
675+
676+
<br />
677+
678+
<!-- items -->
679+
<div class="modalItems">
680+
<img src="./assets/stickers/default/sleepy.png" alt="Hey There" />
681+
&nbsp
682+
<span>Coming soon on March 2023...</span>
683+
</div>
684+
</div>
685+
686+
</div>
687+
497688
<!-- scripts pos-loading -->
498689
<script type="text/javascript" src="./assets/js/scripts/mobile-menu-btn-effect.js"></script>
499690
<script type="text/javascript" src="./assets/js/scripts/mobile-menu-toggle-effect.js"></script>
691+
<script type="text/javascript" src="./assets/js/scripts/modal-toggle.js"></script>
500692

501693
<!-- JS libraries -->
502694
<script type="text/javascript" src="./assets/js/libraries/easter-eggs.js"></script>

0 commit comments

Comments
 (0)