169 lines
6.9 KiB
HTML
169 lines
6.9 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/sqstm32.png" alt="stm32">
|
|
</div>
|
|
<div class="inline info-block-wide-text-container">
|
|
<span class="info-block-header align-left">STM 32</span>
|
|
<span class="info-block-text ">Chinese STM32 microcontrollers are affordable and compatible with
|
|
STM32 tools but may face flashing issues due to bootloader differences. Proper connections and
|
|
reliable tools can help resolve these.</span>
|
|
</span>
|
|
<a class="link align-left" href="./index.html">More info»</a>
|
|
</div>
|
|
</div>
|
|
<div class="center-center">
|
|
<span class="info-block-header">Stephen King's books</span>
|
|
<span class="info-block-text inline small-w">Stephen King's books are a fascinating blend of horror,
|
|
suspense, and deep
|
|
character development. His storytelling captivates readers and keeps them on the edge of their
|
|
seats.</span>
|
|
|
|
<div class="info-block-image-center">
|
|
<img src="./images/institute.png" alt="ESP32">
|
|
</div>
|
|
|
|
<span class="info-block-text inline small-w">
|
|
Especially I love the institute, its architecture, and the vibrant community it fosters. The
|
|
institute has been a source of inspiration and growth for me, providing countless opportunities to
|
|
learn and collaborate.
|
|
<a class="link small-w" href="./index.html">More info»</a>
|
|
|
|
</span>
|
|
|
|
</div>
|
|
<div class="center-lower">
|
|
|
|
<div class="inline info-block-wide-text-container">
|
|
<span class="info-block-header align-right">Arucos</span>
|
|
<span class="info-block-text ">ArUco markers are widely used in computer vision for camera
|
|
calibration, pose estimation, and augmented reality applications. They are square fiducial
|
|
markers with a unique binary pattern that can be easily detected and identified in
|
|
images.</span>
|
|
</span>
|
|
<a class="link align-right" href="./index.html">More info»</a>
|
|
</div>
|
|
<div class="info-block-image-small">
|
|
<img src="./images/sqarucos.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> |