Update index.html

Author: DevLabStudy

index.html

@@ -30,48 +30,60 @@
         }
 
         /* ------------------------------------ */
-        /* NAVBAR - WERSJA Z INTER (JAK NA FOTO)*/
+        /* NAVBAR                               */
         /* ------------------------------------ */
         .navbar {
             background: var(--bg-nav);
             border-bottom: 1px solid var(--border-color);
-            padding: 15px 40px;
+            padding: 22px 40px; 
             display: grid;
-            grid-template-columns: 1fr auto 1fr; /* Lewo, Środek, Prawo */
+            grid-template-columns: 1fr auto 1fr;
             align-items: center;
             position: sticky;
             top: 0;
             z-index: 1000;
         }
 
-        /* LEWA STRONA (Logo) */
+        /* LEWA STRONA (Obrazek + Logo) */
         .nav-left { 
             display: flex; 
+            align-items: center;
+            gap: 15px; 
             justify-content: flex-start; 
         }
+        .nav-logo {
+            width: 42px;
+            height: 42px;
+            border-radius: 8px; 
+            border: 1px solid rgba(255, 255, 255, 0.2);
+            object-fit: cover;
+        }
         .nav-brand { 
-            font-size: 1.4rem; 
+            font-size: 1.5rem; 
             font-weight: 900; 
             text-decoration: none; 
             color: #fff; 
             letter-spacing: -0.5px;
+            /* Usunięte wymuszanie wielkich liter, żeby zachować DevLabStudy */
         }
 
-        /* ŚRODEK (Menu) */
+        /* ŚRODEK (Menu z kreskami i ORBIT™) */
         .nav-center { 
             display: flex; 
             justify-content: center; 
             align-items: center;
-            gap: 25px; /* Odstępy między linkami */
+            gap: 20px; 
         }
         .nav-center a { 
             text-decoration: none; 
             color: var(--text-muted); 
             font-weight: 600; 
             font-size: 0.95rem; 
             transition: 0.3s; 
+            text-transform: uppercase;
         }
         .nav-center a:hover, .nav-center a.active { color: var(--accent-blue); }
+        .nav-separator { color: rgba(255, 255, 255, 0.2); font-weight: 300; }
 
         /* PRAWA STRONA (Community) */
         .nav-right { 
@@ -82,7 +94,7 @@
         .dropbtn { 
             background: #111; 
             color: #fff; 
-            padding: 8px 14px; 
+            padding: 8px 16px; 
             border-radius: 6px; 
             border: 1px solid rgba(255, 255, 255, 0.1); 
             cursor: pointer; 
@@ -95,7 +107,7 @@
             display: none; 
             position: absolute; 
             right: 0; 
-            top: 120%;
+            top: 130%;
             background: #0a0a0a; 
             min-width: 180px; 
             border: 1px solid rgba(255, 255, 255, 0.1); 
@@ -169,14 +181,18 @@
 
     <nav class="navbar">
         <div class="nav-left">
-            <a href="/" class="nav-brand">DevLabStudy</a>
+            <img src="/profileIcon_g3ffyg7edeeg1.jpeg" alt="DevLab Logo" class="nav-logo">
+            <a href="/" class="nav-brand">DevLabStudy&copy;</a>
         </div>
 
         <div class="nav-center">
-            <a href="/" class="active">Hub</a>
-            <a href="/blog">Blog</a>
-            <a href="/homelab">HomeLab</a>
-            <a href="/orbit">Orbit™</a>
+            <a href="/" class="active">HUB</a>
+            <span class="nav-separator">|</span>
+            <a href="/blog">BLOG</a>
+            <span class="nav-separator">|</span>
+            <a href="/homelab">HOMELAB</a>
+            <span class="nav-separator">|</span>
+            <a href="/orbit">ORBIT™</a>
         </div>
 
         <div class="nav-right">