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 b0846a2..a13f09c 100644 --- a/index.css +++ b/index.css @@ -1,34 +1,26 @@ /* menu part */ .menu { - border-top: double 4px silver; - border-bottom: double 4px silver; + border-top: double thick silver; + border-bottom: double thick silver; font-size: 0; display: grid; - grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; + grid-template-columns: repeat(7, min-content); grid-template-rows: 1fr; + justify-items: start; } -@media screen and (max-width: 800px) { - .menu { - grid-template-columns: 1fr 1fr; - grid-template-rows: 1fr 1fr 1fr 1fr; - } - .menu .selected { - border-bottom: double 4px silver; - - } -} .menu-item { display: inline-block; - width: 100%; + width: max-content; height: 3em; 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; @@ -45,7 +37,6 @@ .menu .menu-header { color: green; font-weight: bold; - float: left; } .menu a { @@ -53,78 +44,154 @@ } +@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: inline-flex; + display: flex; flex-direction: row; width: 90%; margin: auto; } -.images-container > img { +.images-container>img { margin: auto; - width: 100%; - height: 30vw; + 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: 90%; - height: 90%; - /* object-fit: fill; */ + width: 100%; + height: 100%; + + } + + .images-container>img:nth-child(2n+1) { + margin-top: 0px; } } /* text block part */ -.info-block-header{ +.info-block-header { display: block; font-weight: bold; text-align: center; } -.block-border{ - border: solid black 2px; - padding:2vw; +.block-border { + border: solid thin black; + padding: 2vw; + margin: 1vw 0; } -.block-a-container{ + +.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-a-container { + display: flex; + flex-direction: column; + } } -.block-b-container{ +.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; -} + .block-b-container { + display: flex; + flex-direction: column; + } } -.h-block *{ +.h-block>* { margin: 2vw; } -.h-block >span{ + +.h-block>span, +.h-block>div { text-align: justify; } -.h-block >img{ +.h-block>img { margin: auto; width: 100%; - /* height: 30vw; */ +} +/*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; + } } diff --git a/index.html b/index.html index 8d2ec26..2255a1b 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,6 @@
-
Portfolio Site
Home
 @@ -34,150 +33,115 @@
- Arduino - ESP32 - Institute + Arduino + Institute + ESP32
- -
- 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 - - I love embeded development beceuse of autonomity of produced devices, the redices are not dependant on - any other hardware and can work autunomously - - ESP32 - -
-
- -
- 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 - - ESP32 - I love embeded development beceuse of autonomity of produced devices, the redices are not dependant on - any other hardware and can work autunomously - - -
-
- -
-
-
- - THad a serval projects with different MCUs and wrote firmware for them. - My main stack consists of Platformio+EspIdf or Arduino, also tried STM32 - -
-
- -
- -
- 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