Skip to content

Commit 02c1b44

Browse files
CSFelixCSFelix
authored
🕸️ Old Version
1 parent 1331faa commit 02c1b44

15 files changed

+2614
-0
lines changed

‎old/404.html‎

Lines changed: 148 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,148 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<title>CSFelix - Portfolio</title>
5+
6+
<!-- logotipo -->
7+
<link rel="icon" href="assets/images/icon/black-icon.png">
8+
9+
<!-- metas -->
10+
<meta charset="utf-8">
11+
<meta name="author" content="@CSFelix">
12+
<meta name="keywords" content="java, python, html, css, javascript, projects, programming, codes, protfolio, csfelix">
13+
<meta name="description" content="My Personal Portfolio!! Here, I share public projects available in my GitHub page and a step-by-step of how to do some projects and things in Python, Java and Web (HTML, CSS and JavaScript)">
14+
<meta property="og:image" content="assets/images/icon/black-icon.png">
15+
16+
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
17+
18+
<!-- CSS: reset, variables and layout's configs -->
19+
<link rel="stylesheet" type="text/css" href="assets/css/configs/reset-vars.css">
20+
<link rel="stylesheet" type="text/css" href="assets/css/configs/layout.css">
21+
22+
<!-- nav style -->
23+
<link rel="stylesheet" type="text/css" href="assets/css/structures/menu.css">
24+
25+
<!-- section style -->
26+
<link rel="stylesheet" type="text/css" href="assets/css/structures/section.css">
27+
28+
<!-- svg classes -->
29+
<link rel="stylesheet" type="text/css" href="assets/css/classes/svgClasses.css">
30+
31+
<!-- mark classes -->
32+
<link rel="stylesheet" type="text/css" href="assets/css/classes/markClasses.css">
33+
34+
<!-- footer style -->
35+
<link rel="stylesheet" type="text/css" href="assets/css/structures/footer.css">
36+
37+
<!-- ani js library -->
38+
<link rel="stylesheet" href="assets/css/libraries/ani-collection.css">
39+
</head>
40+
<body>
41+
<!--
42+
************
43+
*** Menu ***
44+
************
45+
-->
46+
<input type="checkbox" id="bt_menu">
47+
<label for="bt_menu">&#9779;</label>
48+
<nav class="mainNav">
49+
<ul>
50+
<!-- about me >> who am i? why did i do this portfolio? -->
51+
<li class="selected"><a href="index.html">About Me</a></li>
52+
53+
<!-- projects in java, python and web -->
54+
<li><a href="projects.html">Projects</a>
55+
<ul>
56+
<li><a href="projects-java.html">Java</a></li>
57+
<li><a href="projects-python.html">Python</a></li>
58+
<li><a href="projects-web.html">Web</a></li>
59+
</ul>
60+
</li>
61+
62+
<!-- step-by-step about java, python and web projects -->
63+
<li><a href="how-to-do.html">How to Do</a>
64+
<ul>
65+
<li><a href="how-to-do-java.html">Java</a></li>
66+
<li><a href="how-to-do-python.html">Python</a></li>
67+
<li><a href="how-to-do-web.html">Web</a></li>
68+
</ul>
69+
</li>
70+
71+
<!-- short tips about tricks and good practices during programming -->
72+
<li><a href="wiki.html">Wiki</a>
73+
<ul>
74+
<li><a href="wiki-good-practices.html">Good Practices</a></li>
75+
<li><a href="wiki-tricks.html">Tricks</a></li>
76+
</ul>
77+
</li>
78+
79+
<!-- a code playground (code editor in html, css and js) -->
80+
<li><a href="code-now.html">Code Now</a></li>
81+
</ul>
82+
</nav>
83+
84+
<!--
85+
****************
86+
**** Section ***
87+
****************
88+
-->
89+
90+
<section class="mainContent">
91+
<div>
92+
<fieldset class="refFieldSet">
93+
<legend><code>😲 Are you lost? 😲</code></legend>
94+
95+
96+
<center>
97+
<div data-anijs="if: load, on: window, do: tada animated">
98+
<svg class="svg404">
99+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
100+
101+
<!-- body -->
102+
<g fill="#ffd93b">
103+
<circle cx="256" cy="256" r="256"/>
104+
<path d="M512 256A256 256 0 0 1 56.8 416.7a256 256 0 0 0 360-360c58 47 95.2 118.8 95.2 199.3z"/>
105+
</g>
106+
107+
<!-- glassess -->
108+
<path d="M512 99.4v165.1c0 11-8.9 19.9-19.7 19.9h-187c-13 0-23.5-10.5-23.5-23.5v-21.3c0-12.9-8.9-24.8-21.6-26.7-16.2-2.5-30 10-30 25.5V261c0 13-10.5 23.5-23.5 23.5h-187A19.7 19.7 0 0 1 0 264.7V99.4c0-10.9 8.8-19.7 19.7-19.7h472.6c10.8 0 19.7 8.7 19.7 19.7z" fill="#e9eff4"/>
109+
110+
<!-- left lens -->
111+
<path d="M204.6 138v88.2a23 23 0 0 1-23 23H58.2a23 23 0 0 1-23-23v-88.3a23 23 0 0 1 23-23h123.4a23 23 0 0 1 23 23z" fill="#45cbea"/>
112+
113+
<!-- right lens -->
114+
<path d="M476.9 138v88.2a23 23 0 0 1-23 23H330.3a23 23 0 0 1-23-23v-88.3a23 23 0 0 1 23-23h123.4a23 23 0 0 1 23 23z" fill="#e84d88"/>
115+
116+
<!-- left lens' detail -->
117+
<g fill="#38c0dc">
118+
<path d="M95.2 114.9l-60 60v15.2l75.2-75.2zM123.3 114.9L35.1 203v23.2c0 1.8.3 3.7.7 5.4l116.8-116.7h-29.3z"/>
119+
</g>
120+
121+
<!-- right lens' detail -->
122+
<g fill="#d23f77">
123+
<path d="M373.3 114.9l-66 66V196l81.3-81.2zM401.5 114.9l-94.1 94v17.3c0 3.5.8 6.8 2.2 9.8l121.1-121.1h-29.2z"/>
124+
</g>
125+
126+
<!-- mouth -->
127+
<path d="M329.5 395.2c0 44.7-33 81-73.4 81-40.7 0-73.5-36.3-73.5-81s32.8-81 73.5-81c40.5 0 73.4 36.3 73.4 81z" fill="#3e4347"/>
128+
129+
<!-- tongue -->
130+
<path d="M256 476.2a70 70 0 0 0 53.3-25.5 34.6 34.6 0 0 0-58-25 34.4 34.4 0 0 0-47.8 26 69.9 69.9 0 0 0 52.6 24.5z" fill="#e24b4b"/>
131+
132+
<!-- tongue's detail -->
133+
<path d="M290.3 434.8c-1 3.4-5.8 5.2-11 3.9s-8.4-5.1-7.4-8.7c.8-3.3 5.7-5 10.7-3.8 5.1 1.4 8.5 5.3 7.7 8.6z" fill="#fff" opacity=".2"/>
134+
</svg>
135+
</svg>
136+
</div>
137+
</center>
138+
139+
<br><br>
140+
141+
<div data-anijs="if: load, on: window, do: wobble animated" class="divMark text404">Uh-Oh!<br>This page doesn't exist...</div>
142+
</fieldset>
143+
</div>
144+
</section>
145+
</body>
146+
147+
<script type="text/javascript" src="assets/js/libraries/anijs-min.js"></script>
148+
</html>

‎old/README.md‎

Lines changed: 40 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,40 @@
1+
# 🌟 Portfolio 🌟
2+
3+
----
4+
### `❓ What's it? ❓`
5+
6+
* The Day Has Come!! (I bet you to catch this reference 😂). I decided to make my own portfolio two years ago (2018), but, I had a bazillion things to do that I got it just in 2020 (😐).
7+
8+
* In this porffolio, I share some projects available in my repositories and a step-by-step about how to do some cool and/or unuseful things 😂😂 (JK, they're useful LOL).
9+
10+
* PS.: follow my Instagram Account: <a href="https://www.instagram.com/c0deplus/" target="_blank">C0dePlus</a>
11+
12+
----
13+
### `⚒️ Tools ⚒️`
14+
15+
* HTML, CSS, JavaScript, NodeJS;
16+
* Any Browser (tested succesfully in Google Chrome, Opera, Opera GX and Microsoft Edge;
17+
18+
----
19+
### `⚙️ Run ⚙️`
20+
21+
* Access [my website](https://csfelix.github.io)
22+
23+
----
24+
25+
### `🎁 Bonus 🎁`
26+
27+
* Comming Soon: DataScience!
28+
29+
----
30+
### `📫 Reach Me 📫`
31+
32+
> **Email:** **[[email protected]](mailto:[email protected]?)**
33+
34+
> **Linkedin:** **[linkedin.com/in/csfelix/](https://www.linkedin.com/in/csfelix/)**
35+
36+
> **Instagram:** **[instagram.com/c0deplus/](https://www.instagram.com/c0deplus/)**
37+
38+
----
39+
40+
> **Portfolio:** **[CSFelix.io](https://csfelix.github.io/)**

0 commit comments

Comments
 (0)