diff --git a/images/16x10/3d-printer.jpeg b/images/16x10/3d-printer.jpeg new file mode 100644 index 0000000..6eabe7f Binary files /dev/null and b/images/16x10/3d-printer.jpeg differ diff --git a/images/16x10/blheli-esc.jpeg b/images/16x10/blheli-esc.jpeg new file mode 100644 index 0000000..0df96cd Binary files /dev/null and b/images/16x10/blheli-esc.jpeg differ diff --git a/images/16x10/rpi-nano.jpeg b/images/16x10/rpi-nano.jpeg new file mode 100644 index 0000000..232cc05 Binary files /dev/null and b/images/16x10/rpi-nano.jpeg differ diff --git a/images/16x10/thermostat.jpeg b/images/16x10/thermostat.jpeg new file mode 100644 index 0000000..388ee07 Binary files /dev/null and b/images/16x10/thermostat.jpeg differ diff --git a/images/remote.jpeg b/images/remote.jpeg new file mode 100644 index 0000000..f9999e9 Binary files /dev/null and b/images/remote.jpeg differ diff --git a/images/sqesp32.png b/images/sqesp32.png new file mode 100644 index 0000000..d1d2d48 Binary files /dev/null and b/images/sqesp32.png differ diff --git a/index.css b/index.css index 97c6739..a13f09c 100644 --- a/index.css +++ b/index.css @@ -1,22 +1,29 @@ /* menu part */ .menu { - border-top: double 4px silver; - border-bottom: double 4px silver; - text-align: right; - font-size: 0; + 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: 8%; + width: max-content; height: 3em; - line-height: 3em; /* to align to center */ + line-height: 3em; + /* to align to center */ text-align: center; vertical-align: middle; - margin: 0 1%; + padding: 0 10px; + margin: 0 10px; overflow: hidden; - text-overflow: ellipsis ; - font-size: medium; + text-overflow: ellipsis; + font-size: medium; } @@ -30,7 +37,6 @@ .menu .menu-header { color: green; font-weight: bold; - float: left; } .menu a { @@ -38,177 +44,154 @@ } -/* 4 images part */ -.images-container *{ - border:solid thin 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%; - height: 200pt; margin: auto; - overflow: hidden; } -.half-size { - width: 49%; - margin: 0.2%; - float: left; +.images-container>img { + margin: auto; + width:100%; + border: thin solid black; } -.quarter-size { - width: 24%; - margin: 0.2%; - float: left; +.images-container>img:nth-child(2n+1) { + margin-top: 10px; } -.image-column-container { - width: 24%; - height:100%; - margin: 0.15%; - float: left; +@media screen and (max-width: 800px) { + .images-container { + display: inline-flex; + flex-direction: column; + width: 100%; + } -} + .images-container>img { + width: 100%; + height: 100%; -.image-column-container > div { - width: 100%; - height: 50%; - margin-bottom: 1.4%; - overflow: hidden; + } - /* text-align: center; */ + .images-container>img:nth-child(2n+1) { + margin-top: 0px; + } } -.images-container img{ - width:100% -} - -/* main block part */ - -.main-block{ - width:80%; - margin:1.2% auto; - -} -.main-column{ - display: inline-block; - width:25%; -} -.main-center{ - vertical-align: top; - width: 48%; - height:100%; - display: inline-block; - -} - -.img-margin-fix { - margin-right:10px; -} -.info-block{ - height:10%; - padding: 5%; -} - -.bg-aqua{ - background: #80DEEA; -} -.bg-grey{ - background: #B0BFC6; -} -.bg-blue{ - background: #BBDEFA; -} -.bg-yellow{ - background: #FFE0B2; -} - - -.info-block-header{ +/* text block part */ +.info-block-header { display: block; - margin:auto; - text-align: center; - font-size: 1.5em; font-weight: bold; + text-align: center; } -.info-block-text{ - display: block; + +.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; } -.info-block-image{ - margin: 0% 5% 5%; - width:90%; - overflow: hidden; -} -.info-block-image >img{ + +.h-block>img { + margin: auto; width: 100%; } -.rounded{ - border-radius: 20px; - overflow: hidden; +/*small articles part*/ +.main-right{ + border-left: thin solid black; + margin: 30px 0 0 50px; + } -.info-block-button{ - float: right; - color:white; - background-color: #2294F4; - border-radius: 5px; +.small-info-block{ + margin: 20px 10px 0 ; + display: grid; + grid-template-columns: 1fr 1fr; + grid-template-rows: auto; } -.button-left{ - float: left; +@media screen and (max-width: 1000px) { + .small-info-block { + display: flex; + flex-direction: column; + } } -.pad-down{ - margin-top: 40%; - bottom: 0; -} -/* main block center part */ -.center-upper, .center-lower, .center-center{ - /* background-color: lightblue; DEBUG*/ - margin:5%; -} -.info-block-image-small{ - display: inline-block; - width: 20%; - height: 100%; - background-color:black ; - overflow: hidden; - vertical-align: top; -} -.info-block-image-small >img{ - width: 100%; -} -.align-left{ - text-align: left; -} -.align-right{ + +.small-info-block-header{ + display: block; + font-weight: bold; text-align: right; } -.inline { - display: inline-block; -} -.info-block-wide-text-container{ - width: 75%; - margin: 0 1%; -} - -.link{ - display: block; - color:gray; - margin-bottom: 0px; - white-space: nowrap; -} -.info-block-image-center{ - display: inline-block; - width: 50%; - /* height: 100px; */ - background-color:black ; - overflow: hidden; - vertical-align: top; -} -.info-block-image-center >img{ +.small-info-block-image >img{ width: 100%; } -.small-w{ - vertical-align: top; - width: 23%; -} \ No newline at end of file +.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; + } +} diff --git a/index.html b/index.html index f250877..2255a1b 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,6 @@
-
Portfolio Site
Home
 @@ -34,136 +33,115 @@
-
- Arduino -
- -
- ESP32 -
- -
-
- ESP32 -
-
- ESP32 -
-
+ Arduino + Institute + ESP32
- -
-
-
- Embedded Systems - THad a serval projects with different MCUs and wrote firmware for them. - My main stack consists of Platformio+EspIdf or Arduino, also tried STM32 - -
- ESP32 -
- -
- -
- OpenCV - 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) - -
- ESP32 -
- -
-
- +
-
-
- stm32 -
-
- STM 32 - 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. +
+ Embedded Systems +
+ Had a serval projects with different MCUs and wrote firmware for them. + My main stack consists of Platformio+EspIdf or Arduino, also tried STM32 - More info» +
+
I love embeded development beceuse of autonomity of produced devices, the redices are not + dependant on + any other hardware and can work autunomously +
+ More info +
+ ESP32 +
-
- Stephen King's books - 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. -
- ESP32 -
- - - 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. - More info» - - - -
-
- -
- Arucos - 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. +
+ Embedded Systems +
+ Had a serval projects with different MCUs and wrote firmware for them. + My main stack consists of Platformio+EspIdf or Arduino, also tried STM32 - More info» -
-
- ESP32 + ESP32 +
+
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
+ More info +
+
-
+
+
+
+
Заголовок
+ + 3D printers are versatile tools + used for creating prototypes, + custom parts, and artistic designs. + They work by layering materials. + + Подробнее» - -
-
-
- Photography
- Photography - Capturing moments through the lens is a passion of mine. I enjoy exploring - different perspectives and techniques to create different visuals. - - +
+ 3D Printer +
- -
- -
- Air Quality Monitor +
+
+
BLHeli ESCs
+ + BLHeli ESCs are electronic + speed controllers designed + for drones, offering smooth + and precise motor control. + + Подробнее» +
+
+ BLHeli ESC +
+
+
+
+
Raspberry Pi Nano
+ + Raspberry Pi Nano is a compact + computer ideal for learning, + prototyping, and IoT projects. + It is highly energy-efficient. + + Подробнее» +
+
+ Raspberry Pi Nano +
+
+
+
+
Smart Thermostats
+ + Smart thermostats help regulate + home temperatures efficiently, + saving energy and enhancing + comfort with automation. + + Подробнее» +
+
+ Smart Thermostat
- IoT and Air Quality Monitoring - 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. - -
- - - -

Author: Kulesh
- Group: Б9123-09.03.04

+
+
\ No newline at end of file