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

Compare commits

base: OkunElya:2c13f78426d0ae6181a2bf177d76ecad92341608
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

34 Commits
2c13f78426 ... 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
57 changed files with 3181 additions and 80 deletions
Expand all files Collapse all files

2
embeded_details.html
View File

@@ -21,7 +21,7 @@
</ul> </ul>
</details> </details>
<h2 align="center">Embedded Details</h2> <h2 align="center">Embedded Details</h2>
<hr width="80%" align="center"> <hr width="800" align="center">
<p align="center"> <p align="center">
<img src="./images/esp32.png" alt="ESP32" height="150"> <img src="./images/esp32.png" alt="ESP32" height="150">
<img src="./images/arduino.png" alt="Arduino" height="150"> <img src="./images/arduino.png" alt="Arduino" height="150">

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

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

283
index.html
View File

@@ -3,84 +3,227 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<title> <meta name="viewport" content="width=device-width, initial-scale=1">
"Portfolio"
</title> <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> </head>
<body bgcolor="#F0F8FF"> <body>
<details> <!-- Navigation -->
<summary>Menu</summary> <nav class="navbar navbar-expand-md bg-light navbar-light">
<ul> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<li><a href="./index.html"><h4>Home</h4></a></li> <span class="navbar-toggler-icon"></span>
<li><a href="./embeded_details.html">Embeded Details</a></li> </button>
<li><a href="./opencv_details.html">OpenCV Details</a></li> <div class="collapse navbar-collapse" id="navbarNav">
<li><a href="./photography_details.html">Photography Details</a></li> <ul class="navbar-nav">
<li><a href="./table.html">Table with filters (not working yet)</a></li> <li class="nav-item">
<li><a href="./images/institute.png">Institute</a></li> <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> </ul>
</details> </div>
<h2 align="center">OkunElya's Portfolio</h2> </nav>
<p align="center">
<b>Q:</b> What's this site for? <br> <!-- Image Gallery -->
<b>A:</b> Just to show progress in education ( check git) <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>
</div>
<p align="center"> <div class="col-lg-4 col-md-12 mb-3">
<b>Q:</b> Why? <br> <p class="text-justify">
<b>A:</b> Because. I love embedded development because of autonomy of produced devices, the devices are
not
dependent on any other hardware and can work autonomously
</p> </p>
<p align="center"> <a href="#" class="text-decoration-none small d-block text-end">More info»</a>
<img src="./images/AQ_monitor.png" alt="Air Quality Monitor Device" height="30"> </div>
<img src="./images/arduino.png" alt="Arduino" height="30"> <div class="col-lg-4 col-md-12 mb-3">
<img src="./images/arucos.png" alt="Arucos" height="30"> <img src="./images/AQ_monitor.png" class="img-fluid" alt="ESP32">
<img src="./images/esp32.png" alt="ESP32" height="30"> </div>
<img src="./images/institute.png" alt="Institute" height="30"> </div>
<img src="./images/opencv.png" alt="OpenCV" height="30"> </div>
<img src="./images/stm32.png" alt="STM32" height="30"> </div>
<!-- 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> </p>
<hr width="80%" align="center"> </div>
<h3>Experience:</h3> <div class="col-lg-6 col-md-12 mb-3 text-center">
<a href="./embeded_details.html"> <img src="./images/remote.jpeg" class="img-fluid" alt="Remote">
<h4><i>Embedded Systems:</i></h4> </div>
</a> <div class="col-lg-3 col-md-12 mb-3">
<p> Had a serval projects with different MCUs and wrote firmware for them. <br> <p class="text-justify">
My main stack consists of Platformio+EspIdf or Arduino, also tried STM32</p> 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
<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>
</p> </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"> <!-- Sidebar -->
<h3>Hobbies:</h3> <div class="col-lg-3 col-md-12 border-start">
<ol> <!-- Small Info Block 1 -->
<li> <div class="card mb-3 mt-lg-0 mt-3">
<p>Reading:<br> I love Stephen King's books , especially "<a href="./images/institute.png">Insitite</a>"</p> <div class="row g-0">
</li> <div class="col-md-8 col-lg-12 col-xl-8">
<li> <div class="card-body p-3">
<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 <h6 class="card-title fw-bold text-end">3D Printer</h6>
href="https://t.me/iTakePhotosOnTapok">here</a> </p> <p class="card-text small text-justify">
</li> 3D printers are versatile tools used for creating prototypes,
</ol> custom parts, and artistic designs. They work by layering materials.
<hr width="80%" align="center"> </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 -->
<p align="right">Author: Kulesh <br> <div class="card mb-3">
Group: Б9123-09.03.04</p> <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> </body>
</html> </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

4
opencv_details.html
View File

@@ -21,7 +21,7 @@
</ul> </ul>
</details> </details>
<h2 align="center">OpenCV Details</h2> <h2 align="center">OpenCV Details</h2>
<hr width="80%" align="center"> <hr width="800" align="center">
<p align="center"> <p align="center">
<img src="./images/opencv.png" alt="OpenCV" height="150" align="top"> <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> as mentioned before i love when programs are able to <i>see</i> things <br>
@@ -33,7 +33,7 @@
Additionally, I'm exploring Re-Identification (ReId) techniques, Additionally, I'm exploring Re-Identification (ReId) techniques,
they are used for recognizing and tracking objects across different camera views or consecutive frames. they are used for recognizing and tracking objects across different camera views or consecutive frames.
</p> </p>
<hr width="50%" align="center"> <hr width="500" align="center">
<p> <p>
One of many projects I've worked on is <a href="https://github.com/OkunElya/ArucoNGP-MapCreator" One of many projects I've worked on is <a href="https://github.com/OkunElya/ArucoNGP-MapCreator"
target="_blank">ArucoNGP-MapCreator</a>.<br> target="_blank">ArucoNGP-MapCreator</a>.<br>

14
photography_details.html
View File

@@ -21,20 +21,20 @@
</ul> </ul>
</details> </details>
<h2 align="center">Photography Details</h2> <h2 align="center">Photography Details</h2>
<hr width="80%" align="center"> <hr width="800" align="center">
<p align="center"> <p align="center">
Usually i capture landcape scenes with SLR camera, the main workhorse is Nikon D3100 with kit and 70-210mm Usually i capture landcape scenes with SLR camera, the main workhorse is Nikon D3100 with kit and 70-210mm
</p> </p>
<p align="center"> <p align="center">
<img src="images/photos/image0.png" alt="Photo 0" width="20%"> <img src="images/photos/image0.png" alt="Photo 0" width="200">
<img src="images/photos/image1.png" alt="Photo 1" width="20%"> <img src="images/photos/image1.png" alt="Photo 1" width="200">
<img src="images/photos/image2.png" alt="Photo 2" width="20%"> <img src="images/photos/image2.png" alt="Photo 2" width="200">
</p> </p>
<p align="center"> <p align="center">
<img src="images/photos/image3.png" alt="Photo 3" width="20%"> <img src="images/photos/image3.png" alt="Photo 3" width="200">
<img src="images/photos/image4.png" alt="Photo 4" width="20%"> <img src="images/photos/image4.png" alt="Photo 4" width="200">
<img src="images/photos/image5.png" alt="Photo 5" width="20%"> <img src="images/photos/image5.png" alt="Photo 5" width="200">
</p> </p>
</body> </body>

2360
table.html
View File

File diff suppressed because it is too large Load Diff