161 lines
6.3 KiB
HTML
161 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>
|
|
"Portfolio"
|
|
</title>
|
|
<link rel="stylesheet" href="./index.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="menu">
|
|
<div class="menu-item menu-header">Portfolio Site </div>
|
|
<a href="./index.html">
|
|
<div class="menu-item selected">Home</div>
|
|
</a>
|
|
<a href="./embeded_details.html">
|
|
<div class="menu-item">Embedded</div>
|
|
</a>
|
|
<a href="./opencv_details.html">
|
|
<div class="menu-item">OpenCV</div>
|
|
</a>
|
|
<a href="./photography_details.html">
|
|
<div class="menu-item">Photography</div>
|
|
</a>
|
|
<a href="./table.html">
|
|
<div class="menu-item">Table</div>
|
|
</a>
|
|
<a href="./images/institute.png">
|
|
<div class="menu-item">Institute</div>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="images-container">
|
|
<div class="half-size">
|
|
<img src="./images/arduino.png" alt="Arduino">
|
|
</div>
|
|
|
|
<div class="quarter-size">
|
|
<img src="./images/esp32.png" alt="ESP32">
|
|
</div>
|
|
|
|
<div class="image-column-container">
|
|
<div>
|
|
<img src="./images/institute.png" alt="ESP32">
|
|
</div>
|
|
<div>
|
|
<img src="./images/arucos.png" alt="ESP32">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main-block">
|
|
<div class="main-column">
|
|
<div class="info-block rounded bg-aqua">
|
|
<span class="info-block-header">Embedded Systems</span>
|
|
<span class="info-block-text">THad a serval projects with different MCUs and wrote firmware for them.
|
|
My main stack consists of Platformio+EspIdf or Arduino, also tried STM32
|
|
</span>
|
|
<div class="info-block-image rounded">
|
|
<img src="./images/16x9/esp32.png" alt="ESP32">
|
|
</div>
|
|
<button type="button" class="info-block-button">More info»</button>
|
|
</div>
|
|
|
|
<div class="info-block rounded bg-grey pad-down">
|
|
<span class="info-block-header">OpenCV</span>
|
|
<span class="info-block-text">I love when programs are able to see things or recognise them
|
|
so i had serval projects involding image processing
|
|
Sadly i'm used to opencv binding in python and not C++ , but that is solvable)
|
|
</span>
|
|
<div class="info-block-image rounded">
|
|
<img src="./images/16x9/opencv.png" alt="ESP32">
|
|
</div>
|
|
<button type="button" class="info-block-button">More info»</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="main-center">
|
|
<div class="center-upper">
|
|
<div class="info-block-image-small">
|
|
<img src="./images/institute.png" alt="ESP32">
|
|
</div>
|
|
<div class="inline info-block-wide-text-container">
|
|
<span class="info-block-header align-left">Aboba Header 1</span>
|
|
<span class="info-block-text ">Text Text Text TextText TextText TextText TextText TextText TextText
|
|
Text
|
|
</span>
|
|
<a class="link align-left" href="./index.html">More info»</a>
|
|
</div>
|
|
</div>
|
|
<div class="center-center">
|
|
<span class="info-block-header">Aboba Header 1</span>
|
|
<span class="info-block-text inline small-w">Text Text Text Text Text Text Text Text Text Text Text Text
|
|
Text Text Text
|
|
Text Text Text Text Text
|
|
Text Text Text Text Text
|
|
</span>
|
|
|
|
<div class="info-block-image-center">
|
|
<img src="./images/institute.png" alt="ESP32">
|
|
</div>
|
|
|
|
<span class="info-block-text inline small-w">Text Text Text Text Text Text Text Text Text Text Text Text
|
|
Text Text Text
|
|
Text Text Text Text Text
|
|
Text Text Text Text Text
|
|
</span>
|
|
|
|
</div>
|
|
<div class="center-lower">
|
|
|
|
<div class="inline info-block-wide-text-container">
|
|
<span class="info-block-header align-right">Aboba Header 1</span>
|
|
<span class="info-block-text ">Text Text Text TextText TextText TextText TextText TextText TextText
|
|
Text
|
|
</span>
|
|
<a class="link align-right" href="./index.html">More info»</a>
|
|
</div>
|
|
<div class="info-block-image-small">
|
|
<img src="./images/institute.png" alt="ESP32">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
<div class="main-column">
|
|
<div class="info-block rounded bg-blue">
|
|
<div class="info-block-image rounded">
|
|
<img src="./images/16x9/image0.png" alt="Photography">
|
|
</div>
|
|
<span class="info-block-header">Photography</span>
|
|
<span class="info-block-text">Capturing moments through the lens is a passion of mine. I enjoy exploring different perspectives and techniques to create different visuals.</span>
|
|
|
|
<button type="button" class="info-block-button button-left">More info»</button>
|
|
</div>
|
|
|
|
<div class="info-block rounded bg-yellow pad-down">
|
|
|
|
<div class="info-block-image rounded">
|
|
<img src="./images/16x9/AQ_monitor.png" alt="Air Quality Monitor">
|
|
</div>
|
|
<span class="info-block-header">IoT and Air Quality Monitoring</span>
|
|
<span class="info-block-text">The Internet of Things (IoT) enables devices to communicate and share data seamlessly. One of the applications is air quality monitoring, where sensors collect data on pollutants and environmental conditions, providing real-time insights to improve health and safety.</span>
|
|
|
|
<button type="button" class="info-block-button button-left">More info»</button>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
<p>Author: Kulesh <br>
|
|
Group: Б9123-09.03.04</p>
|
|
</body>
|
|
|
|
</html> |