OkunElya/uni-web-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: OkunElya:cd13aca48deafda88ec273ba198387190cf437c9
Branches Tags
OkunElya:main OkunElya:sem2-lab7-hw7 OkunElya:sem2-lab6-hw6 OkunElya:sem2-lab8-hw8 OkunElya:sem2-lab4-hw4 OkunElya:sem2-lab3-hw3 OkunElya:sem2-lab2-hw2 OkunElya:sem2-lab1-hw1 OkunElya:hw7 OkunElya:lectures-walkthrough OkunElya:hw6 OkunElya:lab6 OkunElya:hw5 OkunElya:hw3 OkunElya:hw4 OkunElya:lab4
..
compare: OkunElya:hw4
Branches Tags
OkunElya:main OkunElya:sem2-lab7-hw7 OkunElya:sem2-lab6-hw6 OkunElya:sem2-lab8-hw8 OkunElya:sem2-lab4-hw4 OkunElya:sem2-lab3-hw3 OkunElya:sem2-lab2-hw2 OkunElya:sem2-lab1-hw1 OkunElya:hw7 OkunElya:lectures-walkthrough OkunElya:hw6 OkunElya:lab6 OkunElya:hw5 OkunElya:hw3 OkunElya:hw4 OkunElya:lab4

40 Commits
cd13aca48d ... hw4

Author SHA1 Message Date
OkunElya
2f44691a98 added lecture 3 2025-12-10 10:21:18 +10:00
OkunElya
dc039301f6 margin fix for images 2025-11-27 22:07:43 +10:00
OkunElya
fa9ac16021 fixed images 2025-11-27 22:06:00 +10:00
OkunElya
e1e6e066ce added footer 2025-11-14 13:18:52 +10:00
OkunElya
977735a6a3 lab-4 2025-11-14 12:52:31 +10:00
OkunElya
58427fae25 basic structure added for lab4 2025-11-14 02:37:59 +10:00
OkunElya
654e9d2734 updated hw 2025-11-14 02:23:20 +10:00
OkunElya
9aadb0ce16 possibly added hw 2025-11-14 02:13:50 +10:00
OkunElya
b3ebd075b2 adding real lab4 2025-11-14 01:03:54 +10:00
OkunElya
c32a4a6fc2 OMAGAH O HELL NAH WTF MAAAN 2025-11-14 00:33:21 +10:00
OkunElya
c36e781e05 preparations for hw 2025-11-14 00:32:28 +10:00
OkunElya
dd9ee56a1a stray divs removed 2025-11-13 17:00:08 +10:00
OkunElya
80176d2a2e Merge branch 'lab4' 2025-11-13 16:56:40 +10:00
OkunElya
369c5c0428 bruh linux fix 2025-11-13 16:55:05 +10:00
OkunElya
62f1791203 Merge branch 'hw3' 2025-11-13 16:47:36 +10:00
OkunElya
abc37ce5a0 hw3 done 2025-11-13 16:42:59 +10:00
OkunElya
124bc09d44 adding bootstrap 2025-11-01 01:21:25 +10:00
OkunElya
91a952aaf0 adding resources 2025-10-31 12:05:20 +10:00
OkunElya
d691d57037 fixed attributes 2025-10-31 10:27:11 +10:00
OkunElya
a8f0326fa0 hw3 start 2025-10-31 10:12:28 +10:00
OkunElya
0b2a468083 lab3 done all 2025-10-31 00:22:54 +10:00
OkunElya
c0c5d4dbcd images fixed 2025-10-30 23:45:38 +10:00
OkunElya
36c358e9d9 i'm coocked 2025-10-30 23:04:28 +10:00
OkunElya
c21e4184b4 homework p2 continuing 2025-10-30 22:23:48 +10:00
OkunElya
b3fd772683 lab-3 done lower part 2025-10-20 11:03:14 +10:00
OkunElya
f17d3fada5 fixing menu 2025-10-17 11:04:36 +10:00
OkunElya
7380cd869e images aligned 2025-10-17 04:45:29 +10:00
OkunElya
bc8100246d menu done 2025-10-17 04:10:13 +10:00
OkunElya
c8c35a4cf2 added lab 2 2025-10-03 14:43:42 +10:00
OkunElya
cfbf9440d0 fixed forms in tables 2025-10-03 11:09:05 +10:00
OkunElya
382e69d10d fixed bad attributes in validator 2025-10-03 10:13:43 +10:00
OkunElya
4d9112a099 added small description for data 2025-10-03 04:08:50 +10:00
OkunElya
d7cc0e5332 updated table with converted data + added filters 2025-10-03 04:06:52 +10:00
OkunElya
e4afda0e44 added a script to convert cvs data to temp 2025-10-03 03:48:38 +10:00
OkunElya
2c13f78426 added photograpy page 2025-10-03 03:24:15 +10:00
OkunElya
6ede163c3d now selected item in menu is bigger 2025-10-03 03:13:16 +10:00
OkunElya
476235a80c uploaded photos 2025-10-03 03:06:42 +10:00
OkunElya
006051b810 added image gallery 2025-10-03 02:59:33 +10:00
OkunElya
dbf083a945 added opencv details page 2025-10-03 02:54:45 +10:00
OkunElya
4212839f4c added embeded details 2025-10-03 02:40:11 +10:00
64 changed files with 3266 additions and 66 deletions
Expand all files Collapse all files

10
embeded_details.html
View File

@@ -4,7 +4,7 @@
<head>
<meta charset="UTF-8">
<title>
"Portfolio"
Embedded Details
</title>
</head>
@@ -13,7 +13,7 @@
<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="./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>
@@ -21,12 +21,12 @@
</ul>
</details>
<h2 align="center">Embedded Details</h2>
<hr width="80%" align="center">
<div style="text-align:center;">
<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">
</div>
</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

BIN
images/16x10/3d-printer.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 198 KiB

BIN
images/16x10/blheli-esc.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 159 KiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 106 KiB

BIN
images/16x10/thermostat.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 229 KiB

BIN
images/16x9/AQ_monitor.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 22 KiB

BIN
images/16x9/esp32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
images/16x9/image0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
images/16x9/opencv.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

0
images/opecv.png → images/opencv.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 KiB

After

Width:  |  Height:  |  Size: 13 KiB

BIN
images/photos/image0.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.3 MiB

BIN
images/photos/image1.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.2 MiB

BIN
images/photos/image2.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 99 KiB

BIN
images/photos/image3.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 MiB

BIN
images/photos/image4.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.4 MiB

BIN
images/photos/image5.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.9 MiB

BIN
images/remote.jpeg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 65 KiB

BIN
images/sqarucos.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 30 KiB

BIN
images/sqesp32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 53 KiB

BIN
images/sqstm32.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 50 KiB

0
last_git_commits.csv → index.css
View File

274
index.html
View File

@@ -3,75 +3,227 @@
<head>
<meta charset="UTF-8">
<title>
"Portfolio"
</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.10.2/mdb.min.css" rel="stylesheet">
<script src="https://cdnjs.cloudflare.com/ajax/libs/mdb-ui-kit/3.10.2/mdb.min.js"></script>
<link href="labs/lab4/css/bootstrap.min.css" rel="stylesheet">
<script src="labs/lab4/js/bootstrap.bundle.min.js"></script>
<title>Portfolio</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">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>
<body>
<!-- Navigation -->
<nav class="navbar navbar-expand-md bg-light navbar-light">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link selected-menu px-3" href="./index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link px-3" href="./embeded_details.html">Embedded</a>
</li>
<li class="nav-item">
<a class="nav-link px-3" href="./opencv_details.html">OpenCV</a>
</li>
<li class="nav-item">
<a class="nav-link px-3" href="./photography_details.html">Photography</a>
</li>
<li class="nav-item">
<a class="nav-link px-3" href="./table.html">Table</a>
</li>
<li class="nav-item">
<a class="nav-link px-3" 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)
</div>
</nav>
<!-- Image Gallery -->
<div class="container-fluid my-4 text-center">
<div class="row g-2">
<div class="col-lg-4 col-md-12">
<div class="hover-overlay">
<img src="./images/sqarucos.png" class="img-fluid border border-dark hover-shadow w-100 mt-0 mt-lg-2" alt="Arduino">
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="hover-overlay">
<img src="./images/sqstm32.png" class="img-fluid border border-dark hover-shadow w-100" alt="STM32">
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="hover-overlay">
<img src="./images/sqesp32.png" class="img-fluid border border-dark hover-shadow w-100 mt-0 mt-lg-2" alt="ESP32">
</div>
</div>
</div>
</div>
<!-- Main Content -->
<div class="container-fluid">
<div class="row">
<!-- Main Content Area -->
<div class="col-lg-9 col-md-12">
<!-- First Block -->
<div class="card mb-4">
<div class="card-header text-center">
<h5 class="fw-bold mb-0">Embedded Systems</h5>
</div>
<div class="card-body">
<div class="row align-items-center">
<div class="col-lg-4 col-md-12 mb-3">
<p class="text-justify">
Had several projects with different MCUs and wrote firmware for them.
My main stack consists of Platformio+EspIdf or Arduino, also tried STM32
</p>
<p align="center">
<b>Q:</b> Why? <br>
<b>A:</b> Because.
</div>
<div class="col-lg-4 col-md-12 mb-3">
<p class="text-justify">
I love embedded development because of autonomy of produced devices, the devices are
not
dependent on any other hardware and can work autonomously
</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="#" class="text-decoration-none small d-block text-end">More info»</a>
</div>
<div class="col-lg-4 col-md-12 mb-3">
<img src="./images/AQ_monitor.png" class="img-fluid" alt="ESP32">
</div>
</div>
</div>
</div>
<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">
<h4><i>OpenCV:</i></h4>
</a>
<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>
<!-- Second Block -->
<div class="card mb-4">
<div class="card-header text-center">
<h5 class="fw-bold mb-0">Embedded Systems</h5>
</div>
<div class="card-body">
<div class="row align-items-center">
<div class="col-lg-3 col-md-12 mb-3">
<p class="text-justify">
Had several projects with different MCUs and wrote firmware for them.
My main stack consists of Platformio+EspIdf or Arduino, also tried STM32
</p>
</div>
<div class="col-lg-6 col-md-12 mb-3 text-center">
<img src="./images/remote.jpeg" class="img-fluid" alt="Remote">
</div>
<div class="col-lg-3 col-md-12 mb-3">
<p class="text-justify">
I love embedded development because of autonomy of produced devices, the devices
are not dependent on any other hardware and can work autonomously or off the grid
</p>
<a href="#" class="text-decoration-none small d-block text-end">More info»</a>
</div>
</div>
</div>
</div>
</div>
<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">
<!-- Sidebar -->
<div class="col-lg-3 col-md-12 border-start">
<!-- Small Info Block 1 -->
<div class="card mb-3 mt-lg-0 mt-3">
<div class="row g-0">
<div class="col-md-8 col-lg-12 col-xl-8">
<div class="card-body p-3">
<h6 class="card-title fw-bold text-end">3D Printer</h6>
<p class="card-text small text-justify">
3D printers are versatile tools used for creating prototypes,
custom parts, and artistic designs. They work by layering materials.
</p>
<a href="#" class="text-decoration-none small d-block text-end">More Info»</a>
</div>
</div>
<div class="col-md-4 col-lg-12 col-xl-4">
<div class="hover-overlay">
<img src="images/16x10/3d-printer.jpeg" class="img-fluid hover-zoom" alt="3D Printer">
<div class="mask" style="background-color: rgba(63, 107, 69, 0.2);"></div>
</div>
</div>
</div>
</div>
<h3><a href="./table.html"> Table!!!! With Filters!!! (not working yet)</a></h3>
<!-- Small Info Block 2 -->
<div class="card mb-3">
<div class="row g-0">
<div class="col-md-8 col-lg-12 col-xl-8">
<div class="card-body p-3">
<h6 class="card-title fw-bold text-end">BLHeli ESCs</h6>
<p class="card-text small text-justify">
BLHeli ESCs are electronic speed controllers designed
for drones, offering smooth and precise motor control.
</p>
<a href="#" class="text-decoration-none small d-block text-end">More Info»</a>
</div>
</div>
<div class="col-md-4 col-lg-12 col-xl-4">
<div class="hover-overlay">
<img src="images/16x10/blheli-esc.jpeg" class="img-fluid hover-zoom" alt="BLHeli ESC">
<div class="mask" style="background-color: rgba(57, 192, 237, 0.2);"></div>
</div>
</div>
</div>
</div>
<!-- Small Info Block 3 -->
<div class="card mb-3">
<div class="row g-0">
<div class="col-md-8 col-lg-12 col-xl-8">
<div class="card-body p-3">
<h6 class="card-title fw-bold text-end">Raspberry Pi Nano</h6>
<p class="card-text small text-justify">
Raspberry Pi Nano is a compact computer ideal for learning,
prototyping, and IoT projects. It is highly energy-efficient.
</p>
<a href="#" class="text-decoration-none small d-block text-end">More Info»</a>
</div>
</div>
<div class="col-md-4 col-lg-12 col-xl-4">
<div class="hover-overlay">
<img src="images/16x10/rpi-nano.jpeg" class="img-fluid hover-zoom"
alt="Raspberry Pi Nano">
<div class="mask" style="background-color: rgba(57, 192, 237, 0.2);"></div>
</div>
</div>
</div>
</div>
<!-- Small Info Block 4 -->
<div class="card mb-3">
<div class="row g-0">
<div class="col-md-8 col-lg-12 col-xl-8">
<div class="card-body p-3">
<h6 class="card-title fw-bold text-end">Smart Thermostats</h6>
<p class="card-text small text-justify">
Smart thermostats help regulate home temperatures efficiently,
saving energy and enhancing comfort with automation.
</p>
<a href="#" class="text-decoration-none small d-block text-end">More Info»</a>
</div>
</div>
<div class="col-md-4 col-lg-12 col-xl-4">
<div class="hover-overlay">
<img src="images/16x10/thermostat.jpeg" class="img-fluid hover-zoom"
alt="Smart Thermostat">
<div class="mask" style="background-color: rgba(57, 192, 237, 0.2);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid bg-light">
<span class="lead p-4 ">Kulesh A.</span>
<span class="lead p-4 "> Б9123-09.03.04</span>
</div>
</body>
<p align="right">Author: Kulesh <br>
Group: Б9123-09.03.04</p>
</html>

40
labs/fake-lab4/content.txt Normal file
View File

@@ -0,0 +1,40 @@
CN Tower, Торонто, Канада
553,3-метровая телевизионная башня. Была самым высоким свободно стоящим сооружением в мире с 1976 по 2007 год,
а также до сих пор остаётся таковым в Западном полушарии. Является символом Торонто.
Земляные работы для сооружения железобетонной конструкции с последующим
натяжением арматуры весом 130 000 т начались 12 февраля 1973 г., а уже 2 апреля 1975 г. возведение башни было завершено.
Башня используется для телекоммуникационных нужд. Кроме того, башня используется как обзорная площадка.
Также на башне имеется вращающийся ресторан.
На высоте 447 м находится астрономическая обсерватория.
Бурдж-Халифа, Дубай, ОАЭ
Небоскрёб высотой 828 метров, самое высокое сооружение в мире. Форма здания напоминает сталагмит.
Строительство небоскрёба началось в 2004 году и шло со скоростью 1—2 этажа в неделю. Ежедневно на строительстве
работало до 12 000 рабочих. На его создание ушло около 320 тыс. м³ бетона и более 60 тыс. тонн стальной арматуры.
Бетонные работы были завершены после возведения 160 этажа, далее шла сборка 180-метрового шпиля из металлических
конструкций.
Специально для «Бурдж-Халифа» была разработана особая марка бетона, который выдерживает температуру до +50 °C.
Бетонную смесь укладывали только ночью, а в раствор добавляли лёд.
Небесное дерево, Токио, Япония
Телевизионная башня в районе Сумида самая высокая среди телебашен мира. Высота телебашни вместе с антенной составляет 634 метра.
Высота башни была выбрана так, чтобы цифры: 6 (на старом японском «му»), 3 («са»), 4 («си») были созвучны «Мусаси» —
названию исторической области, где находится современный Токио.
Здание напоминает пятиярусную пагоду, что хорошо сочетается с историческим районом Асакуса на другом берегу реки.
Основание башни напоминает штатив; с высоты примерно 350 м она имеет цилиндрическую форму, позволяющую наслаждаться
панорамными видами реки и города.
Имеются две наблюдательные площадки: одна на высоте 350 м (вместимостью 2000 человек), другая на высоте 450 м
(вместимостью 900 человек).

6
labs/fake-lab4/css/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
labs/fake-lab4/images/image1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
labs/fake-lab4/images/image10.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 14 KiB

BIN
labs/fake-lab4/images/image11.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
labs/fake-lab4/images/image12.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
labs/fake-lab4/images/image13.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 31 KiB

BIN
labs/fake-lab4/images/image2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 17 KiB

BIN
labs/fake-lab4/images/image3.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

BIN
labs/fake-lab4/images/image4.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 35 KiB

BIN
labs/fake-lab4/images/image5.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 16 KiB

BIN
labs/fake-lab4/images/image6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 11 KiB

BIN
labs/fake-lab4/images/image7.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 28 KiB

BIN
labs/fake-lab4/images/image8.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
labs/fake-lab4/images/image9.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 27 KiB

208
labs/fake-lab4/index.html Normal file
View File

@@ -0,0 +1,208 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Лабораторная работа Bootstrap</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.bundle.min.js"></script>
<style>
.lead{
text-align: justify;
}
@media (max-width: 576px) {
.lead{
font-size: 1rem;
}
}
</style>
</head>
<body>
<header>
<nav class="navbar navbar-expand-md bg-light navbar-light">
<!-- Заголовок -->
<a class="navbar-brand" href="#">Топ высотных зданий</a>
<!-- Кнопка для свернутого меню -->
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#menu">
<span class="navbar-toggler-icon"></span>
</button>
<!-- меню -->
<div class="collapse navbar-collapse" id="menu">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link active" href="#">Главная</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Список зданий</a>
</li>
<li class="nav-item">
<a class="nav-link disabled" href="#">Контакты</a>
</li>
</ul>
<!-- форма для поиска -->
<form class="d-flex">
<input class="form-control" type="text" placeholder="Найти">
<button class="btn btn-outline-success" type="submit">Найти</button>
</form>
</div>
</nav>
</header>
<div class="row gy-3 text-center d-none d-md-flex">
<div class="col-lg-2 col-md-4 col-6 img-fluid img-thumbnail">
<img src="images/image1.jpg" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6 img-fluid img-thumbnail">
<img src="images/image2.jpg" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6 img-fluid img-thumbnail">
<img src="images/image12.jpg" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6 img-fluid img-thumbnail">
<img src="images/image4.jpg" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6 img-fluid img-thumbnail">
<img src="images/image5.jpg" alt="">
</div>
<div class="col-lg-2 col-md-4 col-6 img-fluid img-thumbnail">
<img src="images/image6.jpg" alt="">
</div>
</div>
<div id="gallery" class="carousel slide carousel-dark d-block d-md-none " data-bs-ride="carousel">
<!-- Содержимое галереи -->
<div class="carousel-inner">
<div class="carousel-item active">
</div>
<div class="carousel-item ">
<img src="images/image1.jpg" class="d-block mx-auto" alt="">
</div>
<div class="carousel-item">
<img src="images/image2.jpg" class="d-block mx-auto" alt="">
</div>
<div class="carousel-item">
<img src="images/image12.jpg" class="d-block mx-auto" alt="">
</div>
<div class="carousel-item">
<img src="images/image4.jpg" class="d-block mx-auto" alt="">
</div>
<div class="carousel-item">
<img src="images/image5.jpg" class="d-block mx-auto" alt="">
</div>
<div class="carousel-item">
<img src="images/image6.jpg" class="d-block mx-auto" alt="">
</div>
</div>
<!-- Кнопки управления -->
<button class="carousel-control-prev" type="button" data-bs-target="#gallery" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Предыдущий</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#gallery" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Следующий</span>
</button>
</div>
<main class="container">
<div class="row">
<div class="col-md-9">
<h2>
CN Tower, <span class="text-muted">Торонто, Канада</span>
</h2>
<p class="lead">
553,3-метровая телевизионная башня. Была самым высоким свободно стоящим сооружением в мире с 1976 по
2007 год,
а также до сих пор остаётся таковым в Западном полушарии. Является символом Торонто.
</p>
<p class="lead">
Земляные работы для сооружения железобетонной конструкции с последующим
натяжением арматуры весом 130 000 т начались 12 февраля 1973 г., а уже 2 апреля 1975 г. возведение
башни было завершено.
</p>
<p class="lead">
Башня используется для телекоммуникационных нужд. Кроме того, башня используется как обзорная
площадка.
Также на башне имеется вращающийся ресторан.
</p>
<p class="lead">
На высоте 447 м находится астрономическая обсерватория.
</p>
</div>
<div class="col-md-3">
<img src="images/image9.jpg">
</div>
</div>
<div class="row order flex-row-reverse">
<div class="col-md-9">
<h2>
Бурдж-Халифа, <span class="text-muted">Дубай, ОАЭ</span>
</h2>
<p class="lead">
Небоскрёб высотой 828 метров, самое высокое сооружение в мире. Форма здания напоминает сталагмит.
</p>
<p class="lead">
Строительство небоскрёба началось в 2004 году и шло со скоростью 1—2 этажа в неделю. Ежедневно на строительстве
работало до 12 000 рабочих. На его создание ушло около 320 тыс. м³ бетона и более 60 тыс. тонн стальной арматуры.
Бетонные работы были завершены после возведения 160 этажа, далее шла сборка 180-метрового шпиля из металлических
конструкций.
</p>
<p class="lead">
Специально для «Бурдж-Халифа» была разработана особая марка бетона, который выдерживает температуру до +50 °C.
Бетонную смесь укладывали только ночью, а в раствор добавляли лёд.
</p>
</div>
<div class="col-md-3">
<img src="images/image13.jpg">
</div>
</div>
<div class="row">
<div class="col-md-9">
<h2>
Небесное дерево, <span class="text-muted">Токио, Япония</span>
</h2>
<p class="lead">
Телевизионная башня в районе Сумида самая высокая среди телебашен мира. Высота телебашни вместе с антенной составляет 634 метра.
Высота башни была выбрана так, чтобы цифры: 6 (на старом японском «му»), 3 («са»), 4 («си») были созвучны «Мусаси» —
названию исторической области, где находится современный Токио.
</p>
<p class="lead">
Здание напоминает пятиярусную пагоду, что хорошо сочетается с историческим районом Асакуса на другом берегу реки.
Основание башни напоминает штатив; с высоты примерно 350 м она имеет цилиндрическую форму, позволяющую наслаждаться
панорамными видами реки и города.
</p>
<p class="lead">
Имеются две наблюдательные площадки: одна на высоте 350 м (вместимостью 2000 человек), другая на высоте 450 м
(вместимостью 900 человек).
</p>
</div>
<div class="col-md-3">
<img src="images/image11.jpg">
</div>
</div>
</main>
</body>
</html>

7
labs/fake-lab4/js/bootstrap.bundle.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
labs/fake-lab4/js/bootstrap.bundle.min.js.map Normal file
View File

File diff suppressed because one or more lines are too long

BIN
labs/images/c.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
labs/images/java.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
labs/images/javascript.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
labs/images/prolog.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
labs/images/python.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
labs/images/ruby.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

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">разработан в 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>

55
labs/lab3/lab3.css Normal file
View File

@@ -0,0 +1,55 @@
h3{
text-align: center;
margin: 1vh;
}
.content{
background-color: lightgreen;
display: 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{
flex-direction: column;
}
}
/* 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> создан в 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>

6
labs/lab4/css/bootstrap.min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

BIN
labs/lab4/images/c.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 38 KiB

BIN
labs/lab4/images/java.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
labs/lab4/images/javascript.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 29 KiB

BIN
labs/lab4/images/prolog.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 21 KiB

BIN
labs/lab4/images/python.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 40 KiB

BIN
labs/lab4/images/ruby.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 37 KiB

99
labs/lab4/index.html Normal file
View File

@@ -0,0 +1,99 @@
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Лабораторная работа Bootstrap</title>
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.bundle.min.js"></script>
<style>
.lead {
text-align: justify;
}
</style>
</head>
<body class="container">
<div class="row bg-lg-light justify-content-center">
<div class="col-sm-12 col-md-6 col-xl-4 p-4 text-center">
<h3 class="bg-light d-sm-block d-lg-inline my-0 p-2">
JavaScript
</h3>
<div class="bg-light d-lg-flex align-self-center">
<p class="lead px-2 m-0">
разработан в 1996 году, автор - американский программист Брендан Айк.
</p>
<img src="images/javascript.jpg" class="d-block m-auto w-50">
</div>
</div>
</div>
<div class="row bg-lg-light justify-content-center">
<div class="col-sm-12 col-md-6 col-xl-4 p-4 text-center">
<h3 class="bg-light d-sm-block d-lg-inline my-0 p-2">
Java
</h3>
<div class="bg-light d-lg-flex align-self-center">
<p class="lead px-2 m-0"></p>
разработан в 1990–1996 годах канадским программистом Джеймсом Гослингом.
</p>
<img src="images/java.jpg" class="d-block m-auto w-50">
</div>
</div>
<div class="col-sm-12 col-md-6 col-xl-4 p-4 text-center">
<h3 class="bg-light d-sm-block d-lg-inline my-0 p-2">
C
</h3>
<div class="bg-light d-lg-flex align-self-center">
<p class="lead px-2 m-0">
разработан в 1969–1973 годах сотрудником Bell Labs Деннисом Ритчи.
</p>
<img src="images/c.jpg" class="d-block m-auto w-50">
</div>
</div>
</div>
<div class="row bg-lg-light justify-content-center">
<div class="col-sm-12 col-md-6 col-xl-4 p-4 text-center">
<h3 class="bg-light d-sm-block d-lg-inline my-0 p-2">
Prolog
</h3>
<div class="bg-light d-lg-flex align-self-center">
<p class="lead px-2 m-0">
разработан в 1972 году, автор - французский программист Ален Колмероэ.
</p>
<img src="images/prolog.jpg" class="d-block m-auto w-50">
</div>
</div>
<div class="col-sm-12 col-md-6 col-xl-4 p-4 text-center">
<h3 class="bg-light d-sm-block d-lg-inline my-0 p-2">
Python
</h3>
<div class="bg-light d-lg-flex align-self-center">
<p class="lead px-2 m-0">
создан в 1989–1991 годах голландским программистом Гвидо ван Россумом.
</p>
<img src="images/python.jpg" class="d-block m-auto w-50">
</div>
</div>
<div class="col-sm-12 col-md-6 col-xl-4 p-4 text-center">
<h3 class="bg-light d-sm-block d-lg-inline my-0 p-2">
Ruby
</h3>
<div class="bg-light d-lg-flex align-self-center">
<p class="lead px-2 m-0">
разработан в 1993-1995 годах, автор - японский программист Юкихиро Мацумото.
</p>
<img src="images/ruby.jpg" class="d-block m-auto w-50">
</div>
</div>
</div>
</body>
</html>

7
labs/lab4/js/bootstrap.bundle.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

1
labs/lab4/js/bootstrap.bundle.min.js.map Normal file
View File

File diff suppressed because one or more lines are too long

69
lec-tasks/lecture3.txt Normal file
View File

@@ -0,0 +1,69 @@
ol#list(type="I")
li Препроцессоры HTML
ul(type="disc")
li.first
a(href="#") Haml
li Pug
li Препроцессоры CSS
ul(type="circle")
li.first SAAS
li Stylus
- var tag = 'h'
- var i = 1
#{tag+i} Уровень #{i}
- i++
#{tag+i} Уровень #{i}
- i++
#{tag+i} Уровень #{i}
- i++
#{tag+i} Уровень #{i}
- var products ={"Товар":"Цена","ручка":30.5, "карандаш":50, "альбом":156, "тетрадь":21.5, "ластик":10.2}
table
each name,price in products
tr
td #{name}
td #{price}
table
- for(var i=0;i<10;i++)
tr
- for(var j=0;j<10;j++)
- if((i + j) % 2 == 0)
td.white
- else
td.black
mixin createList(listType, items, tag)
- var dispListType = "ul"
- if (listType == "ol")
- dispListType = "ol"
#{dispListType}.list
each item in items
li
#{tag} #{item}
// Вызов миксина
+createList('ul', ['Python', 'JavaScript', 'Java'], 'strong')
size=1%
section
box-shadow: size size (2*size) rgba(0,0,0,0.5)
padding:size*2
margin:size*4

48
opencv_details.html
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>

42
photography_details.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
View File

File diff suppressed because it is too large Load Diff