Compare commits
1 Commits
hw3
...
3c43d960fd
| Author | SHA1 | Date | |
|---|---|---|---|
| 3c43d960fd |
2
.gitignore
vendored
2
.gitignore
vendored
@@ -1,2 +0,0 @@
|
|||||||
**node_modules
|
|
||||||
**to_reform
|
|
||||||
@@ -21,7 +21,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</details>
|
</details>
|
||||||
<h2 align="center">Embedded Details</h2>
|
<h2 align="center">Embedded Details</h2>
|
||||||
<hr width="800" align="center">
|
<hr width="80%" 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">
|
||||||
|
|||||||
Binary file not shown.
|
Before Width: | Height: | Size: 198 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 159 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 106 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 229 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 17 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 65 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 30 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 53 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 50 KiB |
197
index.css
197
index.css
@@ -1,197 +0,0 @@
|
|||||||
/* menu part */
|
|
||||||
.menu {
|
|
||||||
border-top: double thick silver;
|
|
||||||
border-bottom: double thick silver;
|
|
||||||
font-size: 0;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: repeat(7, min-content);
|
|
||||||
grid-template-rows: 1fr;
|
|
||||||
justify-items: start;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
.menu-item {
|
|
||||||
display: inline-block;
|
|
||||||
width: max-content;
|
|
||||||
height: 3em;
|
|
||||||
line-height: 3em;
|
|
||||||
/* to align to center */
|
|
||||||
text-align: center;
|
|
||||||
vertical-align: middle;
|
|
||||||
padding: 0 10px;
|
|
||||||
margin: 0 10px;
|
|
||||||
overflow: hidden;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
font-size: medium;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu .selected {
|
|
||||||
color: green;
|
|
||||||
font-weight: bold;
|
|
||||||
border-left: double thin silver;
|
|
||||||
border-right: double thin silver;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu .menu-header {
|
|
||||||
color: green;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu a {
|
|
||||||
color: black;
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
@media screen and (max-width: 800px) {
|
|
||||||
.menu {
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
grid-template-rows: 1fr 1fr 1fr;
|
|
||||||
justify-items: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.menu .selected {
|
|
||||||
border-bottom: double thick silver;
|
|
||||||
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* 3 images part */
|
|
||||||
.images-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: row;
|
|
||||||
width: 90%;
|
|
||||||
margin: auto;
|
|
||||||
}
|
|
||||||
|
|
||||||
.images-container>img {
|
|
||||||
margin: auto;
|
|
||||||
width:100%;
|
|
||||||
border: thin solid black;
|
|
||||||
}
|
|
||||||
|
|
||||||
.images-container>img:nth-child(2n+1) {
|
|
||||||
margin-top: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 800px) {
|
|
||||||
.images-container {
|
|
||||||
display: inline-flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.images-container>img {
|
|
||||||
width: 100%;
|
|
||||||
height: 100%;
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
.images-container>img:nth-child(2n+1) {
|
|
||||||
margin-top: 0px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
/* text block part */
|
|
||||||
.info-block-header {
|
|
||||||
display: block;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-border {
|
|
||||||
border: solid thin black;
|
|
||||||
padding: 2vw;
|
|
||||||
margin: 1vw 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-a-container {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 3fr 3fr 2fr;
|
|
||||||
grid-template-rows: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 800px) {
|
|
||||||
.block-a-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.block-b-container {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 4fr 7fr 4fr;
|
|
||||||
grid-template-rows: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 800px) {
|
|
||||||
.block-b-container {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
.h-block>* {
|
|
||||||
margin: 2vw;
|
|
||||||
}
|
|
||||||
|
|
||||||
.h-block>span,
|
|
||||||
.h-block>div {
|
|
||||||
text-align: justify;
|
|
||||||
}
|
|
||||||
|
|
||||||
.h-block>img {
|
|
||||||
margin: auto;
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
/*small articles part*/
|
|
||||||
.main-right{
|
|
||||||
border-left: thin solid black;
|
|
||||||
margin: 30px 0 0 50px;
|
|
||||||
|
|
||||||
}
|
|
||||||
.small-info-block{
|
|
||||||
margin: 20px 10px 0 ;
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
grid-template-rows: auto;
|
|
||||||
}
|
|
||||||
@media screen and (max-width: 1000px) {
|
|
||||||
.small-info-block {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.small-info-block-header{
|
|
||||||
display: block;
|
|
||||||
font-weight: bold;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
|
|
||||||
.small-info-block-image >img{
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
.small-info-block-text {
|
|
||||||
text-align: justify;
|
|
||||||
}
|
|
||||||
.small-info-block-text >a{
|
|
||||||
display: block;
|
|
||||||
text-align: right;
|
|
||||||
}
|
|
||||||
/*main part*/
|
|
||||||
.main{
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 3fr 1fr;
|
|
||||||
grid-template-rows: 1fr;
|
|
||||||
}
|
|
||||||
|
|
||||||
@media screen and (max-width: 800px) {
|
|
||||||
.main {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
193
index.html
193
index.html
@@ -6,140 +6,81 @@
|
|||||||
<title>
|
<title>
|
||||||
"Portfolio"
|
"Portfolio"
|
||||||
</title>
|
</title>
|
||||||
<link rel="stylesheet" href="./index.css">
|
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body bgcolor="#F0F8FF">
|
||||||
<div class="menu">
|
<details>
|
||||||
<a href="./index.html">
|
<summary>Menu</summary>
|
||||||
<div class="menu-item selected">Home</div>
|
<ul>
|
||||||
</a>
|
<li><a href="./index.html"><h4>Home</h4></a></li>
|
||||||
|
<li><a href="./embeded_details.html">Embeded Details</a></li>
|
||||||
|
<li><a href="./opencv_details.html">OpenCV Details</a></li>
|
||||||
|
<li><a href="./photography_details.html">Photography Details</a></li>
|
||||||
|
<li><a href="./table.html">Table with filters (not working yet)</a></li>
|
||||||
|
<li><a href="./images/institute.png">Institute</a></li>
|
||||||
|
</ul>
|
||||||
|
</details>
|
||||||
|
<h2 align="center">OkunElya's Portfolio</h2>
|
||||||
|
<p align="center">
|
||||||
|
<b>Q:</b> What's this site for? <br>
|
||||||
|
<b>A:</b> Just to show progress in education ( check git)
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p align="center">
|
||||||
|
<b>Q:</b> Why? <br>
|
||||||
|
<b>A:</b> Because.
|
||||||
|
</p>
|
||||||
|
<p align="center">
|
||||||
|
<img src="./images/AQ_monitor.png" alt="Air Quality Monitor Device" height="30">
|
||||||
|
<img src="./images/arduino.png" alt="Arduino" height="30">
|
||||||
|
<img src="./images/arucos.png" alt="Arucos" height="30">
|
||||||
|
<img src="./images/esp32.png" alt="ESP32" height="30">
|
||||||
|
<img src="./images/institute.png" alt="Institute" height="30">
|
||||||
|
<img src="./images/opencv.png" alt="OpenCV" height="30">
|
||||||
|
<img src="./images/stm32.png" alt="STM32" height="30">
|
||||||
|
</p>
|
||||||
|
<hr width="80%" align="center">
|
||||||
|
<h3>Experience:</h3>
|
||||||
<a href="./embeded_details.html">
|
<a href="./embeded_details.html">
|
||||||
<div class="menu-item">Embedded</div>
|
<h4><i>Embedded Systems:</i></h4>
|
||||||
</a>
|
</a>
|
||||||
|
<p> Had a serval projects with different MCUs and wrote firmware for them. <br>
|
||||||
|
My main stack consists of Platformio+EspIdf or Arduino, also tried STM32</p>
|
||||||
|
|
||||||
|
<a href="https://github.com/OkunElya/Air-Quality-Monitor-Device">
|
||||||
|
<img src="./images/AQ_monitor.png" width="50%" border="2" alt="Air Quality Monitor Device"><br>
|
||||||
|
<p><i>Click the image to check GitHub Project</i></p>
|
||||||
|
</a>
|
||||||
|
|
||||||
|
<hr width="80%" align="center">
|
||||||
|
|
||||||
<a href="./opencv_details.html">
|
<a href="./opencv_details.html">
|
||||||
<div class="menu-item">OpenCV</div>
|
<h4><i>OpenCV:</i></h4>
|
||||||
</a>
|
</a>
|
||||||
<a href="./photography_details.html">
|
<p> I love when programs are able to <i>see</i> things or recognise them<br>
|
||||||
<div class="menu-item">Photography</div>
|
so i had serval projects involding image processing <br>
|
||||||
</a>
|
Sadly i'm used to opencv binding in python and not C++ , but that is solvable)</p>
|
||||||
<a href="./table.html">
|
|
||||||
<div class="menu-item">Table</div>
|
|
||||||
</a>
|
|
||||||
<a href="./images/institute.png">
|
|
||||||
<div class="menu-item">Institute</div>
|
|
||||||
</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
<p>
|
||||||
|
<img src="./images/arucos.png" width="50%" border="2" alt="Image of a table with arucos sheet"><br>
|
||||||
|
<i>Random image from the internet (not mine)</i>
|
||||||
|
</p>
|
||||||
|
|
||||||
<div class="images-container">
|
<hr width="80%" align="center">
|
||||||
<img src="./images/sqarucos.png" alt="Arduino">
|
<h3>Hobbies:</h3>
|
||||||
<img src="./images/sqstm32.png" alt="Institute">
|
<ol>
|
||||||
<img src="./images/sqesp32.png" alt="ESP32">
|
<li>
|
||||||
</div>
|
<p>Reading:<br> I love Stephen King's books , especially "<a href="./images/institute.png">Insitite</a>"</p>
|
||||||
<div class="main">
|
</li>
|
||||||
<div class="main-center">
|
<li>
|
||||||
<div class="block-border">
|
<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
|
||||||
<span class="info-block-header">Embedded Systems</span>
|
href="https://t.me/iTakePhotosOnTapok">here</a> </p>
|
||||||
<div class="block-a-container h-block">
|
</li>
|
||||||
<span>Had a serval projects with different MCUs and wrote firmware for them.
|
</ol>
|
||||||
My main stack consists of Platformio+EspIdf or Arduino, also tried STM32
|
<hr width="80%" align="center">
|
||||||
</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">
|
|
||||||
|
|
||||||
</div>
|
<h3><a href="./table.html"> Table!!!! With Filters!!! (not working yet)</a></h3>
|
||||||
</div>
|
<p align="right">Author: Kulesh <br>
|
||||||
|
Group: Б9123-09.03.04</p>
|
||||||
<div class="block-border">
|
|
||||||
<span class="info-block-header">Embedded Systems</span>
|
|
||||||
<div class="block-b-container h-block">
|
|
||||||
<span>Had a serval projects with different MCUs and wrote firmware for them.
|
|
||||||
My main stack consists of Platformio+EspIdf or Arduino, also tried STM32
|
|
||||||
</span>
|
|
||||||
<img src="./images/remote.jpeg" alt="ESP32">
|
|
||||||
<div>
|
|
||||||
<div>I love embeded development device because of autonomity of produced devices, the devices
|
|
||||||
are
|
|
||||||
not dependant on
|
|
||||||
any other hardware and can work autunomously or off the grid</div>
|
|
||||||
<a href="#"> More info</a>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="main-right">
|
|
||||||
<div class="small-info-block">
|
|
||||||
<div class="small-info-block-text">
|
|
||||||
<div class="small-info-block-header">Заголовок</div>
|
|
||||||
<span>
|
|
||||||
3D printers are versatile tools
|
|
||||||
used for creating prototypes,
|
|
||||||
custom parts, and artistic designs.
|
|
||||||
They work by layering materials.
|
|
||||||
</span>
|
|
||||||
<a href="#">Подробнее»</a>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
<div class="small-info-block-image">
|
|
||||||
<img src="images/16x10/3d-printer.jpeg" alt="3D Printer">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="small-info-block">
|
|
||||||
<div class="small-info-block-text">
|
|
||||||
<div class="small-info-block-header">BLHeli ESCs</div>
|
|
||||||
<span>
|
|
||||||
BLHeli ESCs are electronic
|
|
||||||
speed controllers designed
|
|
||||||
for drones, offering smooth
|
|
||||||
and precise motor control.
|
|
||||||
</span>
|
|
||||||
<a href="#">Подробнее»</a>
|
|
||||||
</div>
|
|
||||||
<div class="small-info-block-image">
|
|
||||||
<img src="images/16x10/blheli-esc.jpeg" alt="BLHeli ESC">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="small-info-block">
|
|
||||||
<div class="small-info-block-text">
|
|
||||||
<div class="small-info-block-header">Raspberry Pi Nano</div>
|
|
||||||
<span>
|
|
||||||
Raspberry Pi Nano is a compact
|
|
||||||
computer ideal for learning,
|
|
||||||
prototyping, and IoT projects.
|
|
||||||
It is highly energy-efficient.
|
|
||||||
</span>
|
|
||||||
<a href="#">Подробнее»</a>
|
|
||||||
</div>
|
|
||||||
<div class="small-info-block-image">
|
|
||||||
<img src="images/16x10/rpi-nano.jpeg" alt="Raspberry Pi Nano">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="small-info-block">
|
|
||||||
<div class="small-info-block-text">
|
|
||||||
<div class="small-info-block-header">Smart Thermostats</div>
|
|
||||||
<span>
|
|
||||||
Smart thermostats help regulate
|
|
||||||
home temperatures efficiently,
|
|
||||||
saving energy and enhancing
|
|
||||||
comfort with automation.
|
|
||||||
</span>
|
|
||||||
<a href="#">Подробнее»</a>
|
|
||||||
</div>
|
|
||||||
<div class="small-info-block-image">
|
|
||||||
<img src="images/16x10/thermostat.jpeg" alt="Smart Thermostat">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
@@ -1,23 +0,0 @@
|
|||||||
.main-block{
|
|
||||||
margin: auto;
|
|
||||||
width: 90%;
|
|
||||||
background-color: lightgreen;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-block{
|
|
||||||
display: inline-block;
|
|
||||||
margin:15px;
|
|
||||||
width: 180px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.info-block-header{
|
|
||||||
padding: 5px;
|
|
||||||
background-color: white;
|
|
||||||
display: inline-block;
|
|
||||||
font-weight: bold;
|
|
||||||
}
|
|
||||||
.info-block-text{
|
|
||||||
padding: 5px;
|
|
||||||
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
@@ -1,42 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>
|
|
||||||
Lab 2
|
|
||||||
</title>
|
|
||||||
<link rel="stylesheet" href="./lab2.css">
|
|
||||||
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div class="main-block">
|
|
||||||
<div class="info-block">
|
|
||||||
<div class="info-block-header">C</div>
|
|
||||||
<div class="info-block-text">разработан в 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>
|
|
||||||
@@ -1,68 +0,0 @@
|
|||||||
h3{
|
|
||||||
text-align: center;
|
|
||||||
margin: 1vh;
|
|
||||||
}
|
|
||||||
|
|
||||||
a{
|
|
||||||
/* display: inline-flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
background-color: gray;
|
|
||||||
width: 10%; это grid!!!*/
|
|
||||||
}
|
|
||||||
|
|
||||||
.content{
|
|
||||||
background-color: lightgreen;
|
|
||||||
display: inline-flex;
|
|
||||||
flex-direction: row;
|
|
||||||
flex-wrap: nowrap;
|
|
||||||
padding:10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topic > b{
|
|
||||||
display: block;
|
|
||||||
width: 40%;
|
|
||||||
}
|
|
||||||
.topic * {
|
|
||||||
display: inline-block;
|
|
||||||
}
|
|
||||||
.content :first-child b, .content :first-child a{
|
|
||||||
background-color: lightgreen;
|
|
||||||
}
|
|
||||||
|
|
||||||
.topic{
|
|
||||||
/* width:calc(50%-10px); */
|
|
||||||
padding:5px 10px;
|
|
||||||
margin: 10px ;
|
|
||||||
background-color: white;
|
|
||||||
}
|
|
||||||
@media (max-width:800px) {
|
|
||||||
.content{
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
}
|
|
||||||
.topic{
|
|
||||||
width: calc(100%-20px);
|
|
||||||
/* width:50%; */
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
/* grid part */
|
|
||||||
|
|
||||||
p{
|
|
||||||
margin: 5px auto;
|
|
||||||
max-width: 600px;
|
|
||||||
display: grid;
|
|
||||||
grid-template-rows: 1fr 1fr;
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
grid-gap: 5px;
|
|
||||||
}
|
|
||||||
p > a{
|
|
||||||
background-color: lightgray;
|
|
||||||
text-decoration: none;
|
|
||||||
color: black;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
p> :first-child{
|
|
||||||
background-color: lightgreen;
|
|
||||||
}
|
|
||||||
@@ -1,34 +0,0 @@
|
|||||||
<!DOCTYPE html>
|
|
||||||
<html lang="en">
|
|
||||||
|
|
||||||
<head>
|
|
||||||
<meta charset="UTF-8">
|
|
||||||
<title>
|
|
||||||
Lab 3
|
|
||||||
</title>
|
|
||||||
<link rel="stylesheet" href="./lab3.css">
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<h3>Языки программирования</h3>
|
|
||||||
<p>
|
|
||||||
<a href="#">Python</a>
|
|
||||||
<a href="#">C</a>
|
|
||||||
<a href="#">Java</a>
|
|
||||||
<a href="#">JavaScript</a>
|
|
||||||
</p>
|
|
||||||
<div class="content">
|
|
||||||
<div class="topic">
|
|
||||||
<b>Python</b> создан в 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>
|
|
||||||
@@ -21,7 +21,7 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</details>
|
</details>
|
||||||
<h2 align="center">OpenCV Details</h2>
|
<h2 align="center">OpenCV Details</h2>
|
||||||
<hr width="800" align="center">
|
<hr width="80%" 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="500" align="center">
|
<hr width="50%" 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>
|
||||||
|
|||||||
@@ -21,20 +21,20 @@
|
|||||||
</ul>
|
</ul>
|
||||||
</details>
|
</details>
|
||||||
<h2 align="center">Photography Details</h2>
|
<h2 align="center">Photography Details</h2>
|
||||||
<hr width="800" align="center">
|
<hr width="80%" 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="200">
|
<img src="images/photos/image0.png" alt="Photo 0" width="20%">
|
||||||
<img src="images/photos/image1.png" alt="Photo 1" width="200">
|
<img src="images/photos/image1.png" alt="Photo 1" width="20%">
|
||||||
<img src="images/photos/image2.png" alt="Photo 2" width="200">
|
<img src="images/photos/image2.png" alt="Photo 2" width="20%">
|
||||||
</p>
|
</p>
|
||||||
<p align="center">
|
<p align="center">
|
||||||
<img src="images/photos/image3.png" alt="Photo 3" width="200">
|
<img src="images/photos/image3.png" alt="Photo 3" width="20%">
|
||||||
<img src="images/photos/image4.png" alt="Photo 4" width="200">
|
<img src="images/photos/image4.png" alt="Photo 4" width="20%">
|
||||||
<img src="images/photos/image5.png" alt="Photo 5" width="200">
|
<img src="images/photos/image5.png" alt="Photo 5" width="20%">
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|||||||
121
table.html
121
table.html
@@ -16,127 +16,11 @@
|
|||||||
<li><a href="./embeded_details.html">Embeded Details</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="./opencv_details.html">OpenCV Details</a></li>
|
||||||
<li><a href="./photography_details.html">Photography Details</a></li>
|
<li><a href="./photography_details.html">Photography Details</a></li>
|
||||||
<li><a href="./table.html">
|
<li><a href="./table.html"><h4>Table with filters (not working yet)</h4></a></li>
|
||||||
<h4>Table with filters (not working yet)</h4>
|
|
||||||
</a></li>
|
|
||||||
<li><a href="./images/institute.png">Institute</a></li>
|
<li><a href="./images/institute.png">Institute</a></li>
|
||||||
</ul>
|
</ul>
|
||||||
</details>
|
</details>
|
||||||
|
<table class="data-table" border="1" bordercolor="#080808" cellpadding="5" cellspacing="0">
|
||||||
<p>I have some temperature sensors installed in various locations. <br>
|
|
||||||
on the table you could see the values</p>
|
|
||||||
|
|
||||||
<details>
|
|
||||||
<summary>Filters</summary>
|
|
||||||
<form>
|
|
||||||
<fieldset>
|
|
||||||
<i><b>Location</b></i><br>
|
|
||||||
<input type="checkbox" id="loc_kitchen" name="location" value="Kitchen"> Kitchen<br>
|
|
||||||
<input type="checkbox" id="loc_living" name="location" value="Living Room"> Living Room<br>
|
|
||||||
<input type="checkbox" id="loc_balcony" name="location" value="Balcony"> Balcony<br>
|
|
||||||
<input type="checkbox" id="loc_bedroom" name="location" value="Bedroom"> Bedroom<br>
|
|
||||||
|
|
||||||
<i><b>Sensor Type</b></i><br>
|
|
||||||
<input type="checkbox" id="type_xiaomi" name="sensor_type" value="Xiaomi"> Xiaomi<br>
|
|
||||||
<input type="checkbox" id="type_bmp220" name="sensor_type" value="Bmp220"> Bmp220<br>
|
|
||||||
<input type="checkbox" id="type_scd30" name="sensor_type" value="Scd30(Internal)"> Scd30(Internal)<br>
|
|
||||||
<input type="checkbox" id="type_bmp280" name="sensor_type" value="Bmp280"> Bmp280<br>
|
|
||||||
|
|
||||||
<i><b>Numeric Values</b></i><br>
|
|
||||||
Temperature from: <input type="number" name="temp_min" placeholder="20"> to: <input type="number"
|
|
||||||
name="temp_max" placeholder="30"><br>
|
|
||||||
Humidity from: <input type="number" name="humidity_min" placeholder="40"> to: <input type="number"
|
|
||||||
name="humidity_max" placeholder="60"><br>
|
|
||||||
|
|
||||||
<i><b>Device Specific Filters</b></i><br>
|
|
||||||
Sensor Name: <input type="text" name="sensor_name"><br>
|
|
||||||
Days Since Calibration (max): <input type="number" name="calibration_days" placeholder="30"><br>
|
|
||||||
|
|
||||||
<i><b>Measurement Period</b></i><br>
|
|
||||||
From: <input type="date" name="date_from"><br>
|
|
||||||
To: <input type="date" name="date_to"><br>
|
|
||||||
|
|
||||||
<input type="submit" value="Apply Filters">
|
|
||||||
<input type="reset" value="Reset Filters">
|
|
||||||
</fieldset>
|
|
||||||
</form>
|
|
||||||
</details>
|
|
||||||
|
|
||||||
<details>
|
|
||||||
<summary>Sorings</summary>
|
|
||||||
<form>
|
|
||||||
<fieldset>
|
|
||||||
<i><b>Sort Level 1</b></i><br>
|
|
||||||
<label for="sort1">Field:</label>
|
|
||||||
<select id="sort1" name="sort1">
|
|
||||||
<option value="">-- None --</option>
|
|
||||||
<option value="SensorID">SensorID</option>
|
|
||||||
<option value="Timestamp">Time</option>
|
|
||||||
<option value="BatteryLevel">BatteryLevel</option>
|
|
||||||
<option value="Temperature">Temperature</option>
|
|
||||||
<option value="Humidity">Humidity</option>
|
|
||||||
</select>
|
|
||||||
<label for="sort1_reverse"><input type="checkbox" id="sort1_reverse" name="sort1_reverse">
|
|
||||||
Reverse</label><br><br>
|
|
||||||
|
|
||||||
<i><b>Sort Level 2</b></i><br>
|
|
||||||
<label for="sort2">Field:</label>
|
|
||||||
<select id="sort2" name="sort2">
|
|
||||||
<option value="">-- None --</option>
|
|
||||||
<option value="SensorID">SensorID</option>
|
|
||||||
<option value="Timestamp">Time</option>
|
|
||||||
<option value="BatteryLevel">BatteryLevel</option>
|
|
||||||
<option value="Temperature">Temperature</option>
|
|
||||||
<option value="Humidity">Humidity</option>
|
|
||||||
</select>
|
|
||||||
<label for="sort2_reverse"><input type="checkbox" id="sort2_reverse" name="sort2_reverse">
|
|
||||||
Reverse</label><br><br>
|
|
||||||
|
|
||||||
<i><b>Sort Level 3</b></i><br>
|
|
||||||
<label for="sort3">Field:</label>
|
|
||||||
<select id="sort3" name="sort3">
|
|
||||||
<option value="">-- None --</option>
|
|
||||||
<option value="SensorID">SensorID</option>
|
|
||||||
<option value="Timestamp">Time</option>
|
|
||||||
<option value="BatteryLevel">BatteryLevel</option>
|
|
||||||
<option value="Temperature">Temperature</option>
|
|
||||||
<option value="Humidity">Humidity</option>
|
|
||||||
</select>
|
|
||||||
<label for="sort3_reverse"><input type="checkbox" id="sort3_reverse" name="sort3_reverse"> Reverse</label><br>
|
|
||||||
<input type="submit" value="Sort">
|
|
||||||
|
|
||||||
</fieldset>
|
|
||||||
</form>
|
|
||||||
</details>
|
|
||||||
<details>
|
|
||||||
<summary>Graph</summary>
|
|
||||||
<form>
|
|
||||||
<fieldset>
|
|
||||||
<i><b>X axis</b></i><br>
|
|
||||||
<input type="radio" id="x_time" name="x_axis" value="Time" checked>
|
|
||||||
<label for="x_time">Time</label><br>
|
|
||||||
<input type="radio" id="x_battery" name="x_axis" value="BatteryLevel">
|
|
||||||
<label for="x_battery">BatteryLevel</label><br>
|
|
||||||
<input type="radio" id="x_temperature" name="x_axis" value="Temperature">
|
|
||||||
<label for="x_temperature">Temperature</label><br>
|
|
||||||
<input type="radio" id="x_humidity" name="x_axis" value="Humidity">
|
|
||||||
<label for="x_humidity">Humidity</label><br>
|
|
||||||
<i><b>Values</b></i><br>
|
|
||||||
<input type="checkbox" id="val_temperature" name="values" value="AverageTemperature" checked>
|
|
||||||
<label for="val_temperature">Average Temperature</label><br>
|
|
||||||
<input type="checkbox" id="val_humidity" name="values" value="Humidity">
|
|
||||||
<label for="val_humidity">Average Humidity</label><br>
|
|
||||||
<input type="checkbox" id="val_battery" name="values" value="BatteryLevel">
|
|
||||||
<label for="val_battery">Average BatteryLevel</label><br>
|
|
||||||
<button type="submit" id="build_graph" name="build_graph">Build</button>
|
|
||||||
</fieldset>
|
|
||||||
</form>
|
|
||||||
</details>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<table class="data-table" border="1" cellpadding="5" cellspacing="0">
|
|
||||||
<thead>
|
<thead>
|
||||||
<tr>
|
<tr>
|
||||||
<th>SensorID</th>
|
<th>SensorID</th>
|
||||||
@@ -2356,5 +2240,4 @@
|
|||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
Reference in New Issue
Block a user