Skip to content

Commit 443e32c

Browse files
CSFelixCSFelix
authored
🕸️ Old Version
1 parent e0bd19e commit 443e32c

19 files changed

+5955
-0
lines changed

‎old/includes/how-to-do-java/share-me.html‎

Lines changed: 435 additions & 0 deletions
Large diffs are not rendered by default.

‎old/includes/how-to-do-python/eye-detection.html‎

Lines changed: 296 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,296 @@
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+
<!-- markdown classes -->
29+
<link rel="stylesheet" type="text/css" href="../../assets/css/classes/markClasses.css">
30+
31+
<!-- modal classess -->
32+
<link rel="stylesheet" type="text/css" href="../../assets/css/classes/modalClasses.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+
************
44+
*** Menu ***
45+
************
46+
-->
47+
<input type="checkbox" id="bt_menu">
48+
<label for="bt_menu">&#9779;</label>
49+
<nav class="mainNav">
50+
<ul>
51+
<!-- about me >> who am i? why did i do this portfolio? -->
52+
<li><a href="../../index.html">About Me</a></li>
53+
54+
<!-- projects in java, python and web -->
55+
<li><a href="../../projects.html">Projects</a>
56+
<ul>
57+
<li><a href="../../projects-java.html">Java</a></li>
58+
<li><a href="../../projects-python.html">Python</a></li>
59+
<li><a href="../../projects-web.html">Web</a></li>
60+
</ul>
61+
</li>
62+
63+
<!-- step-by-step about java, python and web projects -->
64+
<li class="selected"><a href="../../how-to-do.html">How to Do</a>
65+
<ul>
66+
<li><a href="../../how-to-do-java.html">Java</a></li>
67+
<li><a class="selected" href="../../how-to-do-python.html">Python</a></li>
68+
<li><a href="../../how-to-do-web.html">Web</a></li>
69+
</ul>
70+
</li>
71+
72+
<!-- short tips about tricks and good practices during programming -->
73+
<li><a href="../../wiki.html">Wiki</a>
74+
<ul>
75+
<li><a href="../../wiki-good-practices.html">Good Practices</a></li>
76+
<li><a href="../../wiki-tricks.html">Tricks</a></li>
77+
</ul>
78+
</li>
79+
80+
<!-- a code playground (code editor in html, css and js) -->
81+
<li><a href="../../code-now.html">Code Now</a></li>
82+
</ul>
83+
</nav>
84+
85+
<!--
86+
****************
87+
**** Section ***
88+
****************
89+
-->
90+
91+
<section class="mainContent">
92+
<div>
93+
<fieldset class="refFieldSet">
94+
<legend><code>🐍 How to Do - Eye Detection 🐍</code></legend>
95+
96+
<br><br>
97+
98+
<!--
99+
********************
100+
*** Description? ***
101+
********************
102+
-->
103+
<span class="tagMark">❓ Description ❓</span>
104+
<br><br>
105+
106+
<p>Hi everybody, how's it going? I am CSFelix and today I'm gonna show yall how to make an Eye Detection with <b>Python</b> and <b>OpenCV</b> and save a video about the detection. Follow me!!</p>
107+
108+
<br><br>
109+
110+
<center>
111+
<a href="https://github.com/CSFelix/PYTHON-OPENCV-WEBCAM-FACE-EYE-MOTION-DETECTION" target="_blank">
112+
<button class="buttonMark" botão view on git hub: data-anijs="if: load, on: window, do: rubberBand animated">View on GitHub</button>
113+
</a>
114+
</center>
115+
116+
<br><br>
117+
<hr>
118+
<br><br>
119+
120+
<!--
121+
*************
122+
*** Tools ***
123+
*************
124+
-->
125+
<span class="tagMark">⚒️ Tools ⚒️</span>
126+
127+
<br><br>
128+
129+
<ul class="listMark">
130+
<li>Python 3.5 version or later;</li><br>
131+
<li>OpenCV library</li>
132+
</ul>
133+
134+
<br><br>
135+
<hr>
136+
<br><br>
137+
138+
<!--
139+
***********
140+
*** Run ***
141+
***********
142+
-->
143+
<span class="tagMark">⚙️ Run ⚙️</span>
144+
145+
<br><br>
146+
147+
<ul class="listMark">
148+
<li>
149+
1 - Open the terminal and tip:<br><br>
150+
<div class="divMark">pip install opencv-python</div>
151+
</li>
152+
<br><br>
153+
154+
<li>
155+
2 - Create a Python file with name <i>eye-detection.py</i>
156+
</li>
157+
<br><br>
158+
159+
<li>
160+
3 - Finally, the commented code (remember: DRY 😂):
161+
162+
<br><br>
163+
<center>
164+
<a href="https://gist.github.com/CSFelix/7de1f1c9b23955a42fd85422be8ad263" target="_blank">
165+
<button class="buttonMark" data-anijs="if: mouseover, do: swing animated">💗 Gist 💗</button>
166+
</a>
167+
</center>
168+
<br><br>
169+
170+
<center>
171+
<figure>
172+
<img id="eyeDetection" class="imgMark2 imagem" src="../../assets/images/how-to-do/python/eye-detection.svg">
173+
174+
<br><br>
175+
176+
<figcaption>Fig.1 - Eye Detection Code. Touch the image to zoom.</figcaption>
177+
</figure>
178+
</center>
179+
</li>
180+
<br><br>
181+
182+
<li>
183+
4 - Open the terminal and tip:<br><br>
184+
<div class="divMark">
185+
python eye-detection.py
186+
</div>
187+
</li>
188+
<br><br>
189+
190+
<li>
191+
5 - Press <b>q</b> to stop the video.
192+
</li>
193+
</ul>
194+
195+
<!--
196+
*************
197+
*** Modal ***
198+
*************
199+
-->
200+
201+
<div id="myModal1" class="modal">
202+
<span id="close1" class="close">&times;</span>
203+
<a href="../../assets/images/how-to-do/python/eye-detection.svg" target="_blank"><img class="modal-content" id="img01"></a>/
204+
<div id="caption">Fig1. Eye-detection.py. Touch again to max zoom.</div>
205+
</div>
206+
207+
<br><br>
208+
<hr>
209+
<br><br>
210+
211+
<!--
212+
**************
213+
*** Teaser ***
214+
**************
215+
-->
216+
<span class="tagMark">🎥 Teaser 🎥</span>
217+
<br><br>
218+
219+
<center>
220+
<video class="videoMark" controls>
221+
<source src="../../assets/videos/general/eye-detection-teaser.mp4" type="video/mp4">
222+
</video>
223+
</center>
224+
225+
<br><br>
226+
<hr>
227+
<br><br>
228+
229+
<!--
230+
**************
231+
*** Footer ***
232+
**************
233+
-->
234+
<footer>
235+
<br><br>
236+
<h3>📫 Reach Me 📫</h3>
237+
<br><br>
238+
239+
<section class="container">
240+
<section class="subcontainerContacts">
241+
<!-- github -->
242+
<div data-anijs="if: mouseover, do: swing animated">
243+
<img src="..\..\assets\images\logos\0 - github.svg" alt="GitHub Icon" width="25px">
244+
<a href="https://github.com/CSFelix" target="_blank"><span class="spanUnderline">github.com/CSFelix</span></a>
245+
</div>
246+
247+
<br><br>
248+
249+
<!-- linkedin -->
250+
<div data-anijs="if: mouseover, do: swing animated">
251+
<img src="..\..\assets\images\logos\0 - linkedin.png" alt="GitHub Icon" width="25px">
252+
<a href="https://linkedin.com/in/csfelix/" target="_blank"><span class="spanUnderline">linkedin.com/in/csfelix/</span></a>
253+
</div>
254+
255+
<br><br>
256+
257+
<!-- instagram -->
258+
<div data-anijs="if: mouseover, do: swing animated">
259+
<img src="..\..\assets\images\logos\0 - instagram.png" alt="GitHub Icon" width="25px">
260+
<a href="https://instagram.com/c0deplus/" target="_blank"><span class="spanUnderline">instagram.com/c0deplus/</span></a>
261+
</div>
262+
263+
<br><br>
264+
265+
<!-- email --->
266+
<div data-anijs="if: mouseover, do: swing animated">
267+
<img src="..\..\assets\images\logos\0 - gmail.svg" alt="GitHub Icon" width="25px">
268+
<a href="mailto:[email protected]?subject=Mail from My Website"><span class="spanUnderline">[email protected]</span></a>
269+
</div>
270+
</section>
271+
272+
&nbsp&nbsp&nbsp
273+
274+
<section class="subcontainerImage">
275+
<br>
276+
<img src="../../assets/images/debian.png">
277+
</section>
278+
279+
<section class="subcontainerImage">
280+
<br>
281+
<iframe src="https://github.com/sponsors/CSFelix/button" title="Sponsor CSFelix" height="35" width="116" style="border: 0;"></iframe>
282+
</section>
283+
</section>
284+
</footer>
285+
286+
<br><br>
287+
288+
</fieldset>
289+
</div>
290+
</section>
291+
</body>
292+
<script type="text/javascript" src="../../assets/js/libraries/anijs-min.js"></script>
293+
<script type="text/javascript" src="../../assets/js/modal/modal-how-to-do-python-eye-detection.js"></script>
294+
<script type="text/javascript" src="../../assets/js/easter-eggs/easter-eggs.js"></script>
295+
<script type="text/javascript" src="../../assets/js/easter-eggs/import-easter-eggs.js"></script>
296+
</html>

0 commit comments

Comments
 (0)