From bc8100246d7d3563377445244261a9a422b53a1d Mon Sep 17 00:00:00 2001 From: OkunElya Date: Fri, 17 Oct 2025 04:10:13 +1000 Subject: [PATCH] menu done --- index.css | 71 +++++++++++++++++++++++++++++++++++++++++++++++++ index.html | 77 ++++++++++++++++++++++++++++++++++++++++++------------ 2 files changed, 131 insertions(+), 17 deletions(-) diff --git a/index.css b/index.css index e69de29..30d4507 100644 --- a/index.css +++ b/index.css @@ -0,0 +1,71 @@ +/* menu part */ +.menu { + border-top: double 5px silver; + border-bottom: double 5px silver; + text-align: right; +} + +.menu-item { + display: inline-block; + width: 8%; + height: 3em; + line-height: 3em; + text-align: center; + vertical-align: middle; + margin: 0 1%; + overflow: hidden; + text-overflow: ellipsis ; +} + +.menu .selected { + color: green; + font-weight: bold; + border-left: double 5px silver; + border-right: double 5px silver; +} + +.menu .menu-header { + color: green; + font-weight: bold; + float: left; +} + +.menu a { + color: black; +} + +/* 4 images part */ +.images-container{ + width: 90%; + height:20%; + margin:auto; + overflow: hidden; + margin: 1%; +} + +.images-container .half-size{ + float: left; + width: 50%; + height: 100%; +} + +.images-container .quarter-size{ + float: left; + width: 25%; + height: 100%; +} + +.images-container .image-column-container{ + float: left; + width: 25%; + height: 100%; +} + +.images-container img{ + width: 100%; + height: 100%; +} + +.image-column-container div{ + height: 50%; +} \ No newline at end of file diff --git a/index.html b/index.html index a446d54..9bcedb7 100644 --- a/index.html +++ b/index.html @@ -6,20 +6,61 @@ "Portfolio" + -
- Menu - -
+
+
Portfolio Site
+ +
Home
+ + +
Embeded
+ + +
OpenCV
+ + +
Photography
+ + +
Table
+ + +
Institute
+ +
+ +
+
+ Arduino +
+ +
+ ESP32 +
+ +
+
+ ESP32 +
+
+ ESP32 +
+
+
+ + + + + + + + + + +

OkunElya's Portfolio

Q: What's this site for?
@@ -48,7 +89,7 @@ My main stack consists of Platformio+EspIdf or Arduino, also tried STM32

- Air Quality Monitor Device
+ Air Quality Monitor Device

Click the image to check GitHub Project

 @@ -70,17 +111,19 @@

Hobbies:

  1. -

    Reading:
    I love Stephen King's books , especially "Insitite"

    +

    Reading:
    I love Stephen King's books , especially "Insitite" +

  2. -

    Photography:
    If I have some free time I may take some pictures and post them here

    +

    Photography:
    If I have some free time I may take + some pictures and post them here

Table!!!! With Filters!!! (not working yet)

-

Author: Kulesh
-Group: Б9123-09.03.04

+

Author: Kulesh
+ Group: Б9123-09.03.04

+ \ No newline at end of file