Compare commits
25 Commits
4fee116dd8
...
hw3
| Author | SHA1 | Date | |
|---|---|---|---|
| 5f692a4708 | |||
| b98abb94cc | |||
| abc37ce5a0 | |||
| a8f0326fa0 | |||
| 0b2a468083 | |||
| c0c5d4dbcd | |||
| 36c358e9d9 | |||
| c21e4184b4 | |||
| b3fd772683 | |||
| f17d3fada5 | |||
| 7380cd869e | |||
| bc8100246d | |||
| c8c35a4cf2 | |||
| cfbf9440d0 | |||
| 382e69d10d | |||
| 4d9112a099 | |||
| d7cc0e5332 | |||
| e4afda0e44 | |||
| 2c13f78426 | |||
| 6ede163c3d | |||
| 476235a80c | |||
| 006051b810 | |||
| dbf083a945 | |||
| 4212839f4c | |||
| da613d3702 |
2
.gitignore
vendored
Normal file
@@ -0,0 +1,2 @@
|
|||||||
|
**node_modules
|
||||||
|
**to_reform
|
||||||
37
convert_to_html.py
Normal file
@@ -0,0 +1,37 @@
|
|||||||
|
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)
|
||||||
@@ -0,0 +1,104 @@
|
|||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<title>
|
||||||
|
Embedded 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">Embedded Details</h2>
|
||||||
|
<hr width="800" align="center">
|
||||||
|
<p 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>
|
||||||
|
<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
|
||||||
|
goes smooth</p>
|
||||||
|
|
||||||
|
<p align="justify">The first MCU i tried was a ATmega328P,
|
||||||
|
after some time i was surprised with the debug capabilities on the Stm32
|
||||||
|
and now i'm working with esp32-s3 , that's a good chip, has internal JTAG and all the shiny wireless interfaces
|
||||||
|
but feels faulty
|
||||||
|
for some reason <i> regular segfaults with CDC</i></p>
|
||||||
|
|
||||||
|
|
||||||
|
<h3 align="center">Microcontroller Comparison Table</h3>
|
||||||
|
<table border="1" align="center" cellpadding="6" cellspacing="0">
|
||||||
|
<tr>
|
||||||
|
<th>Board/MCU</th>
|
||||||
|
<th>UART Count</th>
|
||||||
|
<th>Dynamic UART Assignment</th>
|
||||||
|
<th>ADC Channels</th>
|
||||||
|
<th>Debug Support</th>
|
||||||
|
<th>Flash Size</th>
|
||||||
|
<th>Wireless Connectivity</th>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>ESP32</td>
|
||||||
|
<td>3</td>
|
||||||
|
<td>Yes (via IO MUX)</td>
|
||||||
|
<td>18</td>
|
||||||
|
<td>JTAG, Serial</td>
|
||||||
|
<td>4MB (typical)</td>
|
||||||
|
<td>Wi-Fi, Bluetooth</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>ESP32-S3</td>
|
||||||
|
<td>3</td>
|
||||||
|
<td>Yes (via IO MUX)</td>
|
||||||
|
<td>20</td>
|
||||||
|
<td>JTAG, Serial</td>
|
||||||
|
<td>8MB (typical)</td>
|
||||||
|
<td>Wi-Fi, Bluetooth LE</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>ESP-01</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td>No</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td>Serial only</td>
|
||||||
|
<td>512KB/1MB</td>
|
||||||
|
<td>Wi-Fi</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Arduino Uno (ATmega328P)</td>
|
||||||
|
<td>1</td>
|
||||||
|
<td>No</td>
|
||||||
|
<td>6</td>
|
||||||
|
<td>Serial, DebugWire</td>
|
||||||
|
<td>32KB</td>
|
||||||
|
<td>None</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>Blue Pill (STM32F103C8T6)</td>
|
||||||
|
<td>3</td>
|
||||||
|
<td>Yes (remappable)</td>
|
||||||
|
<td>10</td>
|
||||||
|
<td>SWD, Serial</td>
|
||||||
|
<td>64KB/128KB</td>
|
||||||
|
<td>None</td>
|
||||||
|
</tr>
|
||||||
|
</table>
|
||||||
|
|
||||||
|
<p align="right"> no rpi pico here , the build system has won over my temper</p>
|
||||||
|
|
||||||
|
</body>
|
||||||
|
|
||||||
|
</html>
|
||||||
BIN
images/16x10/3d-printer.jpeg
Normal file
|
After Width: | Height: | Size: 198 KiB |
BIN
images/16x10/blheli-esc.jpeg
Normal file
|
After Width: | Height: | Size: 159 KiB |
BIN
images/16x10/rpi-nano.jpeg
Normal file
|
After Width: | Height: | Size: 106 KiB |
BIN
images/16x10/thermostat.jpeg
Normal file
|
After Width: | Height: | Size: 229 KiB |
BIN
images/16x9/AQ_monitor.png
Normal file
|
After Width: | Height: | Size: 22 KiB |
BIN
images/16x9/esp32.png
Normal file
|
After Width: | Height: | Size: 14 KiB |
BIN
images/16x9/image0.png
Normal file
|
After Width: | Height: | Size: 17 KiB |
BIN
images/16x9/opencv.png
Normal file
|
After Width: | Height: | Size: 10 KiB |
|
Before Width: | Height: | Size: 13 KiB After Width: | Height: | Size: 13 KiB |
BIN
images/photos/image0.png
Normal file
|
After Width: | Height: | Size: 2.3 MiB |
BIN
images/photos/image1.png
Normal file
|
After Width: | Height: | Size: 5.2 MiB |
BIN
images/photos/image2.png
Normal file
|
After Width: | Height: | Size: 99 KiB |
BIN
images/photos/image3.png
Normal file
|
After Width: | Height: | Size: 3.9 MiB |
BIN
images/photos/image4.png
Normal file
|
After Width: | Height: | Size: 4.4 MiB |
BIN
images/photos/image5.png
Normal file
|
After Width: | Height: | Size: 1.9 MiB |
BIN
images/remote.jpeg
Normal file
|
After Width: | Height: | Size: 65 KiB |
BIN
images/sqarucos.png
Normal file
|
After Width: | Height: | Size: 30 KiB |
BIN
images/sqesp32.png
Normal file
|
After Width: | Height: | Size: 53 KiB |
BIN
images/sqstm32.png
Normal file
|
After Width: | Height: | Size: 50 KiB |
197
index.css
Normal file
@@ -0,0 +1,197 @@
|
|||||||
|
/* 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;
|
||||||
|
}
|
||||||
|
}
|
||||||
169
index.html
@@ -6,61 +6,140 @@
|
|||||||
<title>
|
<title>
|
||||||
"Portfolio"
|
"Portfolio"
|
||||||
</title>
|
</title>
|
||||||
|
<link rel="stylesheet" href="./index.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
<div class="menu">
|
||||||
|
<a href="./index.html">
|
||||||
|
<div class="menu-item selected">Home</div>
|
||||||
|
</a>
|
||||||
|
<a href="./embeded_details.html">
|
||||||
|
<div class="menu-item">Embedded</div>
|
||||||
|
</a>
|
||||||
|
<a href="./opencv_details.html">
|
||||||
|
<div class="menu-item">OpenCV</div>
|
||||||
|
</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>
|
||||||
|
|
||||||
<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">
|
<div class="images-container">
|
||||||
<b>Q:</b> Why? <br>
|
<img src="./images/sqarucos.png" alt="Arduino">
|
||||||
<b>A:</b> Because.
|
<img src="./images/sqstm32.png" alt="Institute">
|
||||||
</p>
|
<img src="./images/sqesp32.png" alt="ESP32">
|
||||||
<hr width="80%" align="center">
|
</div>
|
||||||
<h3>Experience:</h3>
|
<div class="main">
|
||||||
<a href="./embeded_details.html">
|
<div class="main-center">
|
||||||
<h4><i>Embedded Systems:</i></h4>
|
<div class="block-border">
|
||||||
</a>
|
<span class="info-block-header">Embedded Systems</span>
|
||||||
<p> Had a serval projects with different MCUs and wrote firmware for them. <br>
|
<div class="block-a-container h-block">
|
||||||
My main stack consists of Platformio+EspIdf or Arduino, also tried STM32</p>
|
<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">
|
||||||
|
|
||||||
<a href="https://github.com/OkunElya/Air-Quality-Monitor-Device">
|
</div>
|
||||||
<img src="./images/AQ_monitor.png" width="50%" border="2" alt="Air Quality Monitor Device"><br>
|
</div>
|
||||||
<p><i>Click the image to check GitHub Project</i></p>
|
|
||||||
</a>
|
|
||||||
|
|
||||||
<hr width="80%" align="center">
|
<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>
|
||||||
|
|
||||||
<a href="./opencv_details.html">
|
</div>
|
||||||
<h4><i>OpenCV:</i></h4>
|
</div>
|
||||||
</a>
|
</div>
|
||||||
<p> I love when programs are able to <i>see</i> things or recognise them<br>
|
<div class="main-right">
|
||||||
so i had serval projects involding image processing <br>
|
<div class="small-info-block">
|
||||||
Sadly i'm used to opencv binding in python and not C++ , but that is solvable)</p>
|
<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>
|
||||||
|
|
||||||
<p>
|
</div>
|
||||||
<img src="./images/arucos.png" width="50%" border="2" alt="Image of a table with arucos sheet"><br>
|
<div class="small-info-block-image">
|
||||||
<i>Random image from the internet (not mine)</i>
|
<img src="images/16x10/3d-printer.jpeg" alt="3D Printer">
|
||||||
</p>
|
</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>
|
||||||
|
|
||||||
<hr width="80%" align="center">
|
</div>
|
||||||
<h3>Hobbies:</h3>
|
</div>
|
||||||
<ol>
|
|
||||||
<li>
|
|
||||||
<p>Reading:<br> I love stephen king 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">
|
|
||||||
|
|
||||||
<h3><a href="./table.html"> Table!!!! With Filters!!! (not working yet)</a></h3>
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
23
labs/lab2/lab2.css
Normal file
@@ -0,0 +1,23 @@
|
|||||||
|
.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;
|
||||||
|
}
|
||||||
42
labs/lab2/lab2.html
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
<!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">разработан в 1969–1973 годах сотрудником 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">создан в 1989–1991 годах голландским программистом Гвидо ван Россумом.</div>
|
||||||
|
</div>
|
||||||
|
<div class="info-block">
|
||||||
|
<div class="info-block-header">Java </div>
|
||||||
|
<div class="info-block-text">разработан в 1990–1996 годах канадским программистом Джеймсом Гослингом.</div>
|
||||||
|
</div>
|
||||||
|
<div class="info-block">
|
||||||
|
<div class="info-block-header">Ruby </div>
|
||||||
|
<div class="info-block-text">разработан в 1993-1995 годах, автор - японский программист Юкихиро Мацумото.</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
68
labs/lab3/lab3.css
Normal file
@@ -0,0 +1,68 @@
|
|||||||
|
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;
|
||||||
|
}
|
||||||
34
labs/lab3/lab3.html
Normal file
@@ -0,0 +1,34 @@
|
|||||||
|
<!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> создан в 1989–1991 годах голландским программистом <a href="#"> Гвидо ван Россумом</a>.
|
||||||
|
</div>
|
||||||
|
<div class="topic">
|
||||||
|
<b>C</b> разработан в 1969–1973 годах сотрудником Bell Labs <a href="#"> Деннисом Ритчи</a>.
|
||||||
|
</div>
|
||||||
|
<div class="topic">
|
||||||
|
<b>Java</b> разработан в 1990–1996 годах канадским программистом <a href="#"> Джеймсом Гослингом</a>.
|
||||||
|
</div>
|
||||||
|
<div class="topic">
|
||||||
|
<b>JavaScript</b> разработан в 1996 году, автор - американский программист <a href="#">Брендан Айк</a>.
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
@@ -0,0 +1,48 @@
|
|||||||
|
<!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>
|
||||||
@@ -0,0 +1,42 @@
|
|||||||
|
<!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>
|
||||||