24 Commits

Author SHA1 Message Date
5f692a4708 gitignore added 2025-12-11 18:22:29 +10:00
b98abb94cc aboba commit 2025-12-10 12:31:34 +10:00
abc37ce5a0 hw3 done 2025-11-13 16:42:59 +10:00
a8f0326fa0 hw3 start 2025-10-31 10:12:28 +10:00
0b2a468083 lab3 done all 2025-10-31 00:22:54 +10:00
c0c5d4dbcd images fixed 2025-10-30 23:45:38 +10:00
36c358e9d9 i'm coocked 2025-10-30 23:04:28 +10:00
c21e4184b4 homework p2 continuing 2025-10-30 22:23:48 +10:00
b3fd772683 lab-3 done lower part 2025-10-20 11:03:14 +10:00
f17d3fada5 fixing menu 2025-10-17 11:04:36 +10:00
7380cd869e images aligned 2025-10-17 04:45:29 +10:00
bc8100246d menu done 2025-10-17 04:10:13 +10:00
c8c35a4cf2 added lab 2 2025-10-03 14:43:42 +10:00
cfbf9440d0 fixed forms in tables 2025-10-03 11:09:05 +10:00
382e69d10d fixed bad attributes in validator 2025-10-03 10:13:43 +10:00
4d9112a099 added small description for data 2025-10-03 04:08:50 +10:00
d7cc0e5332 updated table with converted data + added filters 2025-10-03 04:06:52 +10:00
e4afda0e44 added a script to convert cvs data to temp 2025-10-03 03:48:38 +10:00
2c13f78426 added photograpy page 2025-10-03 03:24:15 +10:00
6ede163c3d now selected item in menu is bigger 2025-10-03 03:13:16 +10:00
476235a80c uploaded photos 2025-10-03 03:06:42 +10:00
006051b810 added image gallery 2025-10-03 02:59:33 +10:00
dbf083a945 added opencv details page 2025-10-03 02:54:45 +10:00
4212839f4c added embeded details 2025-10-03 02:40:11 +10:00
32 changed files with 3083 additions and 58 deletions

2
.gitignore vendored Normal file
View File

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

37
convert_to_html.py Normal file
View 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)

View File

@@ -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>

Binary file not shown.

After

Width:  |  Height:  |  Size: 198 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 159 KiB

BIN
images/16x10/rpi-nano.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 229 KiB

BIN
images/16x9/AQ_monitor.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

BIN
images/16x9/esp32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
images/16x9/image0.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

BIN
images/16x9/opencv.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB

View File

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
images/photos/image0.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 2.3 MiB

BIN
images/photos/image1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 5.2 MiB

BIN
images/photos/image2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 99 KiB

BIN
images/photos/image3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 3.9 MiB

BIN
images/photos/image4.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 MiB

BIN
images/photos/image5.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
images/remote.jpeg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 65 KiB

BIN
images/sqarucos.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

BIN
images/sqesp32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 53 KiB

BIN
images/sqstm32.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 50 KiB

197
index.css Normal file
View 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;
}
}

View File

@@ -6,72 +6,140 @@
<title> <title>
"Portfolio" "Portfolio"
</title> </title>
<link rel="stylesheet" href="./index.css">
</head> </head>
<body bgcolor="#F0F8FF"> <body>
<details> <div class="menu">
<summary>Menu</summary> <a href="./index.html">
<ul> <div class="menu-item selected">Home</div>
<li><a href="./index.html">Home</a></li> </a>
<li><a href="./embeded_details.html">Embeded Details</a></li> <a href="./embeded_details.html">
<li><a href="./opencv_details.html">OpenCV Details</a></li> <div class="menu-item">Embedded</div>
<li><a href="./photography_details.html">Photography Details</a></li> </a>
<li><a href="./table.html">Table with filters (not working yet)</a></li> <a href="./opencv_details.html">
<li><a href="./images/institute.png">Institute</a></li> <div class="menu-item">OpenCV</div>
</ul> </a>
</details> <a href="./photography_details.html">
<h2 align="center">OkunElya's Portfolio</h2> <div class="menu-item">Photography</div>
<p align="center"> </a>
<b>Q:</b> What's this site for? <br> <a href="./table.html">
<b>A:</b> Just to show progress in education ( check git) <div class="menu-item">Table</div>
</p> </a>
<a href="./images/institute.png">
<div class="menu-item">Institute</div>
</a>
</div>
<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">
<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"> <div class="images-container">
<img src="./images/AQ_monitor.png" width="50%" border="2" alt="Air Quality Monitor Device"><br> <img src="./images/sqarucos.png" alt="Arduino">
<p><i>Click the image to check GitHub Project</i></p> <img src="./images/sqstm32.png" alt="Institute">
</a> <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"> </div>
</div>
<a href="./opencv_details.html"> <div class="block-border">
<h4><i>OpenCV:</i></h4> <span class="info-block-header">Embedded Systems</span>
</a> <div class="block-b-container h-block">
<p> I love when programs are able to <i>see</i> things or recognise them<br> <span>Had a serval projects with different MCUs and wrote firmware for them.
so i had serval projects involding image processing <br> My main stack consists of Platformio+EspIdf or Arduino, also tried STM32
Sadly i'm used to opencv binding in python and not C++ , but that is solvable)</p> </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>
<p> </div>
<img src="./images/arucos.png" width="50%" border="2" alt="Image of a table with arucos sheet"><br> </div>
<i>Random image from the internet (not mine)</i> </div>
</p> <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>
<hr width="80%" align="center"> </div>
<h3>Hobbies:</h3> <div class="small-info-block-image">
<ol> <img src="images/16x10/3d-printer.jpeg" alt="3D Printer">
<li> </div>
<p>Reading:<br> I love Stephen King's books , especially "<a href="./images/institute.png">Insitite</a>"</p> </div>
</li> <div class="small-info-block">
<li> <div class="small-info-block-text">
<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 <div class="small-info-block-header">BLHeli ESCs</div>
href="https://t.me/iTakePhotosOnTapok">here</a> </p> <span>
</li> BLHeli ESCs are electronic
</ol> speed controllers designed
<hr width="80%" align="center"> 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>
<h3><a href="./table.html"> Table!!!! With Filters!!! (not working yet)</a></h3> </div>
</div>
</body> </body>
<p align="right">Author: Kulesh <br>
Group: Б9123-09.03.04</p>
</html> </html>

23
labs/lab2/lab2.css Normal file
View 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
View 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">разработан в 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>

68
labs/lab3/lab3.css Normal file
View 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
View 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> создан в 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>

View File

View File

@@ -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>

View File

@@ -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>

2360
table.html

File diff suppressed because it is too large Load Diff