-
-
Notifications
You must be signed in to change notification settings - Fork 2
/
404.html
75 lines (60 loc) · 3.21 KB
/
404.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<!DOCTYPE html>
<html lang="en">
<head>
<title>CSFelix - Portfolio</title>
<!-- logotipo -->
<link rel="icon" href="./assets/images/logo.avif" />
<link rel="apple-touch-icon" href="./assets/pwa-logos/logo180x180.png">
<!-- metas -->
<meta charset="utf-8" />
<meta name="theme-color" content="#05031c" />
<meta name="author" content="@CSFelix" />
<meta name="keywords" content="python, data science, data analysis, pandas, matplotlib, seaborn, scikit-learn, tensorflow, projects, programming, computing, computer, csfelix, github, github.io" />
<meta name="description" content="What's shakin, bacon? 👋 Welcome to my Personal Portfolio, enjoy the projects and let's learn together, shall we?" />
<meta property="og:image" content="./assets/images/logo.png" />
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
<!-- css styles -->
<link rel="stylesheet" type="text/css" href="./assets/css/styles/global.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/styles/scrollbar.css" />
<link rel="stylesheet" type="text/css" href="./assets/css/styles/404.css" />
<!-- JS Libraries -->
<script type="text/javascript" src="./assets/js/libraries/shuffle-text.js" defer></script>
<script type="text/javascript" src="./assets/js/libraries/easter-eggs.js" defer></script>
<script type="text/javascript" src="./assets/js/libraries/mo.min.js" defer></script>
<!-- scripts pre-loading -->
<script type="text/javascript" src="./assets/js/scripts/text-shuffling-effect.js" defer></script>
<script type="text/javascript" src="./assets/js/scripts/random-easter-egg.js" defer></script>
<script type="text/javascript" src="./assets/js/scripts/link-start.js" defer></script>
<script type="text/javascript" src="./assets/js/scripts/click-burst.js" defer></script>
</head>
<body>
<!-- link start video -->
<video id="linkStartVideo" autoplay muted>
<source src="./assets/videos-audios/link-start.mp4" type="video/mp4">
</video>
<!-- container -->
<section id="container404">
<h2 class="toShuffle">Uh-oh! Computer Man was not able to find the page... 😥</h2>
<br /><br />
<!-- stickers -->
<div id="stickersContainer404">
<img class="sticker404" src="./assets/stickers/christmas/sad.png" alt="Sad Elf" hidden />
<img class="sticker404" src="./assets/stickers/default/sick.png" alt="Sad Robot" hidden />
<img class="sticker404" src="./assets/stickers/easter/sad.png" alt="Sad Rabbit" hidden />
<img class="sticker404" src="./assets/stickers/halloween/sad.png" alt="Sad Pumpkin" hidden />
<video width="250px" height="auto" autoplay loop muted>
<source src="./assets/stickers/robot/404.mp4" type="video/mp4" />
</video>
</div>
<br /><br />
<!-- buttons -->
<div id="btnContainer404">
<a href="./index.html"><button>🏠 Home!</button></a>
<button id="easterEggsBtn">❓</button>
<a href="https://www.youtube.com/watch?v=l3eww1dnd0k"target="_blank"><button>💻 Computer Man?!</button></a>
<button id="linkStartBtn">🕸️ Old Version</button>
</div>
</section>
<br /><br /><br /><br /><br />
</body>
</html>