Update index.html

Author: DevLabStudy

index.html

@@ -85,13 +85,6 @@
             justify-content: flex-end;
         }
 
-        /* --- GŁÓWNY KONTENER --- */
-        .container {
-            max-width: 1200px;
-            margin: 40px auto;
-            padding: 0 20px;
-        }
-
         /* --- PRZYCISKI (Sleek design) --- */
         .btn { 
             display: inline-block; 
@@ -103,6 +96,9 @@
             color: white !important; 
             transition: all 0.2s ease;
             box-shadow: var(--shadow-sm);
+            min-width: 110px;
+            text-align: center;
+            box-sizing: border-box;
         }
         .btn:hover { transform: translateY(-2px); opacity: 0.9; }
 
@@ -113,7 +109,24 @@
         .btn-tiktok { background: #010101; }
         .btn-coffee { background: #FFDD00; color: #000 !important; }
         .btn-patreon { background: #FF424D; }
-        .btn-orbit { background: #4b0082; padding: 10px 20px; font-size: 0.95rem; display: block; text-align: center; margin: 20px auto; max-width: 300px;}
+        
+        .btn-orbit { 
+            background: #4b0082; 
+            padding: 12px 24px; 
+            font-size: 1rem; 
+            display: inline-block; 
+            text-align: center; 
+            margin: 20px auto; 
+            max-width: 300px;
+            border-radius: 8px;
+        }
+
+        /* --- GŁÓWNY KONTENER --- */
+        .container {
+            max-width: 1200px;
+            margin: 40px auto;
+            padding: 0 20px;
+        }
 
         /* --- HERO SECTION --- */
         .hero {
@@ -159,6 +172,7 @@
             grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); 
             gap: 20px; 
             margin-bottom: 50px; 
+            align-items: stretch;
         }
 
         .node-card { 
@@ -169,6 +183,8 @@
             box-shadow: var(--shadow-sm);
             transition: all 0.2s ease;
             position: relative;
+            display: flex;
+            flex-direction: column;
         }
         .node-card:hover { 
             border-color: var(--accent-blue); 
@@ -196,7 +212,7 @@
 
         .node-name { display: block; font-size: 1.2rem; font-weight: 700; margin-bottom: 15px; color: var(--text-main); padding-right: 60px;}
 
-        .specs { font-size: 0.9rem; color: var(--text-muted); }
+        .specs { font-size: 0.9rem; color: var(--text-muted); margin-top: auto; }
         .spec-line { 
             display: flex; 
             align-items: center; 
@@ -205,7 +221,7 @@
             border-bottom: 1px solid var(--border-color);
         }
         .spec-line:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
-        .spec-icon { margin-right: 10px; font-weight: bold; color: var(--text-main); opacity: 0.7; }
+        .spec-icon { margin-right: 10px; font-weight: bold; color: var(--text-main); opacity: 0.7; width: 65px; display: inline-block; }
 
         /* --- SUPPORT SECTION --- */
         .support-section { 
@@ -241,6 +257,7 @@
             .nav-links { justify-content: center; }
             .hero h1 { font-size: 1.8rem; }
             .container { margin-top: 20px; }
+            .btn { min-width: 140px; }
         }
     </style>
 </head>
@@ -262,8 +279,7 @@
             <h1>Self-Taught Infrastructure Enthusiast</h1>
             <p>Building, learning, and optimizing home-lab environments, Linux systems, and Docker containers.</p>
 
-            <a href="https://projekt-orbit.blogspot.com/2026/02/projektorbit-inicjalizacja-systemu.html" 
-               target="_blank" class="btn btn-orbit">Read Project Orbit™ Blog</a>
+            <a href="https://blog.devlabstudy.ovh/" target="_blank" class="btn btn-orbit">Read Project Orbit™ Blog</a>
         </section>
 
         <div class="focus-box">