1 Commits

Author SHA1 Message Date
cd13aca48d added embeded details 2025-10-03 02:38:40 +10:00
32 changed files with 63 additions and 2984 deletions

2
.gitignore vendored
View File

@@ -1,2 +0,0 @@
**node_modules
**to_reform

View File

@@ -1,37 +0,0 @@
import csv
def create_html_table_from_csv(csv_path, html_path):
try:
with open(csv_path, 'r', newline='', encoding='utf-8') as csv_file:
reader = csv.reader(csv_file)
header = next(reader)
with open(html_path, 'w', encoding='utf-8') as html_file:
html_file.write('<table class="data-table">\n')
html_file.write('<thead>\n')
html_file.write('<tr>\n')
for column_header in header:
html_file.write(f'<th>{column_header}</th>\n')
html_file.write('</tr>\n')
html_file.write('</thead>\n')
html_file.write('<tbody>\n')
for row in reader:
html_file.write('<tr>\n')
for cell in row:
html_file.write(f'<td>{cell}</td>\n')
html_file.write('</tr>\n')
html_file.write('</tbody>\n')
html_file.write('</table>\n')
print(f"Successfully created {html_path} from {csv_path}")
except:
pass
if __name__ == '__main__':
csv_file_name = 'temp_sensor_data.csv'
html_file_name = 'test.html'
create_html_table_from_csv(csv_file_name, html_file_name)

View File

@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<title>
Embedded Details
"Portfolio"
</title>
</head>
@@ -13,7 +13,7 @@
<summary>Menu</summary>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./embeded_details.html"><h4>Embeded Details</h4></a></li>
<li><a href="./embeded_details.html">Embeded Details</a></li>
<li><a href="./opencv_details.html">OpenCV Details</a></li>
<li><a href="./photography_details.html">Photography Details</a></li>
<li><a href="./table.html">Table with filters (not working yet)</a></li>
@@ -21,12 +21,12 @@
</ul>
</details>
<h2 align="center">Embedded Details</h2>
<hr width="800" align="center">
<p align="center">
<hr width="80%" align="center">
<div style="text-align:center;">
<img src="./images/esp32.png" alt="ESP32" height="150">
<img src="./images/arduino.png" alt="Arduino" height="150">
<img src="./images/stm32.png" alt="STM32" height="150">
</p>
</div>
<p align="justify">My programming path started with embeded systems,
i love all the low level things that Mcu could do with just a little bit of code,
sometimes build or flashing progress could take some time to get a hand of , but after that everething usualy

Binary file not shown.

Before

Width:  |  Height:  |  Size: 198 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 159 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 229 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 10 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.2 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 99 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.9 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 4.4 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 MiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 65 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 53 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 50 KiB

197
index.css
View File

@@ -1,197 +0,0 @@
/* menu part */
.menu {
border-top: double thick silver;
border-bottom: double thick silver;
font-size: 0;
display: grid;
grid-template-columns: repeat(7, min-content);
grid-template-rows: 1fr;
justify-items: start;
}
.menu-item {
display: inline-block;
width: max-content;
height: 3em;
line-height: 3em;
/* to align to center */
text-align: center;
vertical-align: middle;
padding: 0 10px;
margin: 0 10px;
overflow: hidden;
text-overflow: ellipsis;
font-size: medium;
}
.menu .selected {
color: green;
font-weight: bold;
border-left: double thin silver;
border-right: double thin silver;
}
.menu .menu-header {
color: green;
font-weight: bold;
}
.menu a {
color: black;
}
@media screen and (max-width: 800px) {
.menu {
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
justify-items: center;
}
.menu .selected {
border-bottom: double thick silver;
}
}
/* 3 images part */
.images-container {
display: flex;
flex-direction: row;
width: 90%;
margin: auto;
}
.images-container>img {
margin: auto;
width:100%;
border: thin solid black;
}
.images-container>img:nth-child(2n+1) {
margin-top: 10px;
}
@media screen and (max-width: 800px) {
.images-container {
display: inline-flex;
flex-direction: column;
width: 100%;
}
.images-container>img {
width: 100%;
height: 100%;
}
.images-container>img:nth-child(2n+1) {
margin-top: 0px;
}
}
/* text block part */
.info-block-header {
display: block;
font-weight: bold;
text-align: center;
}
.block-border {
border: solid thin black;
padding: 2vw;
margin: 1vw 0;
}
.block-a-container {
display: grid;
grid-template-columns: 3fr 3fr 2fr;
grid-template-rows: 1fr;
}
@media screen and (max-width: 800px) {
.block-a-container {
display: flex;
flex-direction: column;
}
}
.block-b-container {
display: grid;
grid-template-columns: 4fr 7fr 4fr;
grid-template-rows: 1fr;
}
@media screen and (max-width: 800px) {
.block-b-container {
display: flex;
flex-direction: column;
}
}
.h-block>* {
margin: 2vw;
}
.h-block>span,
.h-block>div {
text-align: justify;
}
.h-block>img {
margin: auto;
width: 100%;
}
/*small articles part*/
.main-right{
border-left: thin solid black;
margin: 30px 0 0 50px;
}
.small-info-block{
margin: 20px 10px 0 ;
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto;
}
@media screen and (max-width: 1000px) {
.small-info-block {
display: flex;
flex-direction: column;
}
}
.small-info-block-header{
display: block;
font-weight: bold;
text-align: right;
}
.small-info-block-image >img{
width: 100%;
}
.small-info-block-text {
text-align: justify;
}
.small-info-block-text >a{
display: block;
text-align: right;
}
/*main part*/
.main{
display: grid;
grid-template-columns: 3fr 1fr;
grid-template-rows: 1fr;
}
@media screen and (max-width: 800px) {
.main {
display: flex;
flex-direction: column;
}
}

View File

@@ -6,140 +6,72 @@
<title>
"Portfolio"
</title>
<link rel="stylesheet" href="./index.css">
</head>
<body>
<div class="menu">
<a href="./index.html">
<div class="menu-item selected">Home</div>
</a>
<body bgcolor="#F0F8FF">
<details>
<summary>Menu</summary>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./embeded_details.html">Embeded Details</a></li>
<li><a href="./opencv_details.html">OpenCV Details</a></li>
<li><a href="./photography_details.html">Photography Details</a></li>
<li><a href="./table.html">Table with filters (not working yet)</a></li>
<li><a href="./images/institute.png">Institute</a></li>
</ul>
</details>
<h2 align="center">OkunElya's Portfolio</h2>
<p align="center">
<b>Q:</b> What's this site for? <br>
<b>A:</b> Just to show progress in education ( check git)
</p>
<p align="center">
<b>Q:</b> Why? <br>
<b>A:</b> Because.
</p>
<hr width="80%" align="center">
<h3>Experience:</h3>
<a href="./embeded_details.html">
<div class="menu-item">Embedded</div>
<h4><i>Embedded Systems:</i></h4>
</a>
<p> Had a serval projects with different MCUs and wrote firmware for them. <br>
My main stack consists of Platformio+EspIdf or Arduino, also tried STM32</p>
<a href="https://github.com/OkunElya/Air-Quality-Monitor-Device">
<img src="./images/AQ_monitor.png" width="50%" border="2" alt="Air Quality Monitor Device"><br>
<p><i>Click the image to check GitHub Project</i></p>
</a>
<hr width="80%" align="center">
<a href="./opencv_details.html">
<div class="menu-item">OpenCV</div>
<h4><i>OpenCV:</i></h4>
</a>
<a href="./photography_details.html">
<div class="menu-item">Photography</div>
</a>
<a href="./table.html">
<div class="menu-item">Table</div>
</a>
<a href="./images/institute.png">
<div class="menu-item">Institute</div>
</a>
</div>
<p> I love when programs are able to <i>see</i> things or recognise them<br>
so i had serval projects involding image processing <br>
Sadly i'm used to opencv binding in python and not C++ , but that is solvable)</p>
<p>
<img src="./images/arucos.png" width="50%" border="2" alt="Image of a table with arucos sheet"><br>
<i>Random image from the internet (not mine)</i>
</p>
<div class="images-container">
<img src="./images/sqarucos.png" alt="Arduino">
<img src="./images/sqstm32.png" alt="Institute">
<img src="./images/sqesp32.png" alt="ESP32">
</div>
<div class="main">
<div class="main-center">
<div class="block-border">
<span class="info-block-header">Embedded Systems</span>
<div class="block-a-container h-block">
<span>Had a serval projects with different MCUs and wrote firmware for them.
My main stack consists of Platformio+EspIdf or Arduino, also tried STM32
</span>
<div>
<div>I love embeded development beceuse of autonomity of produced devices, the redices are not
dependant on
any other hardware and can work autunomously
</div>
<a href="#"> More info</a>
</div>
<img src="./images/AQ_monitor.png" alt="ESP32">
<hr width="80%" align="center">
<h3>Hobbies:</h3>
<ol>
<li>
<p>Reading:<br> I love Stephen King's books , especially "<a href="./images/institute.png">Insitite</a>"</p>
</li>
<li>
<p><a href="./photography_details.html">Photography:</a><br> If I have some <i>free time</i> I may take some pictures and post them <a
href="https://t.me/iTakePhotosOnTapok">here</a> </p>
</li>
</ol>
<hr width="80%" align="center">
</div>
</div>
<div class="block-border">
<span class="info-block-header">Embedded Systems</span>
<div class="block-b-container h-block">
<span>Had a serval projects with different MCUs and wrote firmware for them.
My main stack consists of Platformio+EspIdf or Arduino, also tried STM32
</span>
<img src="./images/remote.jpeg" alt="ESP32">
<div>
<div>I love embeded development device because of autonomity of produced devices, the devices
are
not dependant on
any other hardware and can work autunomously or off the grid</div>
<a href="#"> More info</a>
</div>
</div>
</div>
</div>
<div class="main-right">
<div class="small-info-block">
<div class="small-info-block-text">
<div class="small-info-block-header">Заголовок</div>
<span>
3D printers are versatile tools
used for creating prototypes,
custom parts, and artistic designs.
They work by layering materials.
</span>
<a href="#">Подробнее»</a>
</div>
<div class="small-info-block-image">
<img src="images/16x10/3d-printer.jpeg" alt="3D Printer">
</div>
</div>
<div class="small-info-block">
<div class="small-info-block-text">
<div class="small-info-block-header">BLHeli ESCs</div>
<span>
BLHeli ESCs are electronic
speed controllers designed
for drones, offering smooth
and precise motor control.
</span>
<a href="#">Подробнее»</a>
</div>
<div class="small-info-block-image">
<img src="images/16x10/blheli-esc.jpeg" alt="BLHeli ESC">
</div>
</div>
<div class="small-info-block">
<div class="small-info-block-text">
<div class="small-info-block-header">Raspberry Pi Nano</div>
<span>
Raspberry Pi Nano is a compact
computer ideal for learning,
prototyping, and IoT projects.
It is highly energy-efficient.
</span>
<a href="#">Подробнее»</a>
</div>
<div class="small-info-block-image">
<img src="images/16x10/rpi-nano.jpeg" alt="Raspberry Pi Nano">
</div>
</div>
<div class="small-info-block">
<div class="small-info-block-text">
<div class="small-info-block-header">Smart Thermostats</div>
<span>
Smart thermostats help regulate
home temperatures efficiently,
saving energy and enhancing
comfort with automation.
</span>
<a href="#">Подробнее»</a>
</div>
<div class="small-info-block-image">
<img src="images/16x10/thermostat.jpeg" alt="Smart Thermostat">
</div>
</div>
</div>
</div>
<h3><a href="./table.html"> Table!!!! With Filters!!! (not working yet)</a></h3>
</body>
<p align="right">Author: Kulesh <br>
Group: Б9123-09.03.04</p>
</html>

View File

@@ -1,23 +0,0 @@
.main-block{
margin: auto;
width: 90%;
background-color: lightgreen;
}
.info-block{
display: inline-block;
margin:15px;
width: 180px;
}
.info-block-header{
padding: 5px;
background-color: white;
display: inline-block;
font-weight: bold;
}
.info-block-text{
padding: 5px;
background-color: white;
}

View File

@@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
Lab 2
</title>
<link rel="stylesheet" href="./lab2.css">
</head>
<body>
<div class="main-block">
<div class="info-block">
<div class="info-block-header">C</div>
<div class="info-block-text">разработан в 19691973 годах сотрудником Bell Labs Деннисом Ритчи.</div>
</div>
<div class="info-block">
<div class="info-block-header">JavaScript </div>
<div class="info-block-text">разработан в 1996 году, автор - американский программист Брендан Айк.</div>
</div>
<div class="info-block">
<div class="info-block-header">Prolog </div>
<div class="info-block-text">разработан в 1972 году, автор - французский программист Ален Колмероэ.</div>
</div>
<div class="info-block">
<div class="info-block-header">Python </div>
<div class="info-block-text">создан в 19891991 годах голландским программистом Гвидо ван Россумом.</div>
</div>
<div class="info-block">
<div class="info-block-header">Java </div>
<div class="info-block-text">разработан в 19901996 годах канадским программистом Джеймсом Гослингом.</div>
</div>
<div class="info-block">
<div class="info-block-header">Ruby </div>
<div class="info-block-text">разработан в 1993-1995 годах, автор - японский программист Юкихиро Мацумото.</div>
</div>
</div>
</body>

View File

@@ -1,68 +0,0 @@
h3{
text-align: center;
margin: 1vh;
}
a{
/* display: inline-flex;
flex-direction: row;
flex-wrap: wrap;
background-color: gray;
width: 10%; это grid!!!*/
}
.content{
background-color: lightgreen;
display: inline-flex;
flex-direction: row;
flex-wrap: nowrap;
padding:10px;
}
.topic > b{
display: block;
width: 40%;
}
.topic * {
display: inline-block;
}
.content :first-child b, .content :first-child a{
background-color: lightgreen;
}
.topic{
/* width:calc(50%-10px); */
padding:5px 10px;
margin: 10px ;
background-color: white;
}
@media (max-width:800px) {
.content{
display: flex;
flex-direction: column;
}
.topic{
width: calc(100%-20px);
/* width:50%; */
}
}
/* grid part */
p{
margin: 5px auto;
max-width: 600px;
display: grid;
grid-template-rows: 1fr 1fr;
grid-template-columns: 1fr 1fr;
grid-gap: 5px;
}
p > a{
background-color: lightgray;
text-decoration: none;
color: black;
text-align: center;
}
p> :first-child{
background-color: lightgreen;
}

View File

@@ -1,34 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
Lab 3
</title>
<link rel="stylesheet" href="./lab3.css">
</head>
<body>
<h3>Языки программирования</h3>
<p>
<a href="#">Python</a>
<a href="#">C</a>
<a href="#">Java</a>
<a href="#">JavaScript</a>
</p>
<div class="content">
<div class="topic">
<b>Python</b> создан в 19891991 годах голландским программистом <a href="#"> Гвидо ван Россумом</a>.
</div>
<div class="topic">
<b>C</b> разработан в 19691973 годах сотрудником Bell Labs <a href="#"> Деннисом Ритчи</a>.
</div>
<div class="topic">
<b>Java</b> разработан в 19901996 годах канадским программистом <a href="#"> Джеймсом Гослингом</a>.
</div>
<div class="topic">
<b>JavaScript</b> разработан в 1996 году, автор - американский программист <a href="#">Брендан Айк</a>.
</div>
</div>
</body>

0
last_git_commits.csv Normal file
View File

View File

@@ -1,48 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
OpenCV Details
</title>
</head>
<body bgcolor="#F0F8FF">
<details>
<summary>Menu</summary>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./embeded_details.html"><h4>Embeded Details</h4></a></li>
<li><a href="./opencv_details.html">OpenCV Details</a></li>
<li><a href="./photography_details.html">Photography Details</a></li>
<li><a href="./table.html">Table with filters (not working yet)</a></li>
<li><a href="./images/institute.png">Institute</a></li>
</ul>
</details>
<h2 align="center">OpenCV Details</h2>
<hr width="800" align="center">
<p align="center">
<img src="./images/opencv.png" alt="OpenCV" height="150" align="top">
as mentioned before i love when programs are able to <i>see</i> things <br>
my experience with opencv started with simple hight level functions like detectCircle or findContours and
etc...<br>
Right now i'm crawling deeper into the library , and the idea of standartisation of parameters between different
cameras is appealig to me <br>
so i'm trying to understand how all that works from the math side<br>
Additionally, I'm exploring Re-Identification (ReId) techniques,
they are used for recognizing and tracking objects across different camera views or consecutive frames.
</p>
<hr width="500" align="center">
<p>
One of many projects I've worked on is <a href="https://github.com/OkunElya/ArucoNGP-MapCreator"
target="_blank">ArucoNGP-MapCreator</a>.<br>
The idea was to create a relative map of Aruco markers just from photos of pairs (or more) of them.<br>
It can also estimate the camera's position in the world relative to a specific marker, using only images
containing any marker.<br>
It was also my first deep dive into linear algebra.<br>
</p>
</body>
</html>

View File

@@ -1,42 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>
Photography Details
</title>
</head>
<body bgcolor="#F0F8FF">
<details>
<summary>Menu</summary>
<ul>
<li><a href="./index.html">Home</a></li>
<li><a href="./embeded_details.html">Embeded Details</a></li>
<li><a href="./opencv_details.html">OpenCV Details</a></li>
<li><a href="./photography_details.html"><h4>Photography Details</h4></a></li>
<li><a href="./table.html">Table with filters (not working yet)</a></li>
<li><a href="./images/institute.png">Institute))</a></li>
</ul>
</details>
<h2 align="center">Photography Details</h2>
<hr width="800" align="center">
<p align="center">
Usually i capture landcape scenes with SLR camera, the main workhorse is Nikon D3100 with kit and 70-210mm
</p>
<p align="center">
<img src="images/photos/image0.png" alt="Photo 0" width="200">
<img src="images/photos/image1.png" alt="Photo 1" width="200">
<img src="images/photos/image2.png" alt="Photo 2" width="200">
</p>
<p align="center">
<img src="images/photos/image3.png" alt="Photo 3" width="200">
<img src="images/photos/image4.png" alt="Photo 4" width="200">
<img src="images/photos/image5.png" alt="Photo 5" width="200">
</p>
</body>
</html>

2360
table.html

File diff suppressed because it is too large Load Diff