Refactor support section for better layout

Removed old support section and added a new support container with improved layout.

Author: DevLabStudy

index.html

@@ -37,7 +37,6 @@
         }
         .card h2 { margin-top: 0; font-size: 1.25rem; color: var(--accent); margin-bottom: 15px; }
 
-        /* Infrastructure Grid */
         .infra-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }
         .infra-item { 
             background: var(--card); 
@@ -49,7 +48,6 @@
         .status { color: var(--green); font-size: 0.65rem; font-weight: bold; margin-bottom: 10px; display: block; }
         .specs { font-size: 0.8rem; color: var(--text-sub); line-height: 1.4; margin-top: 8px; }
 
-        /* Funding Goals */
         .goals-list { margin: 0; padding: 0; list-style: none; }
         .goals-list li { 
             padding: 12px 0; 
@@ -61,8 +59,20 @@
         .goals-list strong { color: #000; display: block; font-size: 0.95rem; }
         .goals-list span { font-size: 0.9rem; color: var(--text-sub); line-height: 1.5; }
 
-        /* Support Section */
-        .support-box { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 20px; }
+        /* Poprawiona sekcja wsparcia */
+        .support-container {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 25px;
+            padding: 10px 0;
+        }
+        .support-item {
+            width: 100%;
+            display: flex;
+            justify-content: center;
+            min-height: 40px; /* Rezerwuje miejsce, by przycisk nie znikał */
+        }
         .qr-img { width: 130px; border: 1px solid #ddd; border-radius: 10px; padding: 5px; background: #fff; }
 
         footer { text-align: center; margin-top: 30px; font-size: 0.8rem; color: #a0aec0; }
@@ -121,36 +131,4 @@ <h2>How your support helps</h2>
                 <div style="font-size: 1.2rem;">💾</div>
                 <div>
                     <strong>Hardware Upgrades</strong>
-                    <span>Upgrading existing nodes with larger SSDs (1TB+) and expanding HP RAM capacity to 16GB/32GB for better testing.</span>
-                </div>
-            </li>
-            <li>
-                <div style="font-size: 1.2rem;">⚡</div>
-                <div>
-                    <strong>24/7 Infrastructure</strong>
-                    <span>Covering electricity costs for the home-lab and maintaining the high-speed Gigabit Fiber connectivity.</span>
-                </div>
-            </li>
-        </ul>
-    </div>
-
-    <div class="card support-box">
-        <h2>Support my work</h2>
-        
-        <iframe src="https://github.com/sponsors/TobiMessi/button" title="Sponsor TobiMessi" height="32" width="114" style="border: 0; border-radius: 6px;"></iframe>
-        
-        <script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="TobiK0" data-color="#FFDD00" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#ffffff" ></script>
-
-        <div style="margin-top: 10px;">
-            <p style="font-size: 0.8rem; color: var(--text-sub); margin-bottom: 10px;">Mobile Quick Support (QR Code):</p>
-            <img src="qr-code.png" alt="Support QR" class="qr-img">
-        </div>
-    </div>
-
-    <footer>
-        1 Gbps Fiber • Linux Mint 22.2 • Docker Ecosystem • Project Orbit 2026
-    </footer>
-</div>
-
-</body>
-</html>
+                    <span>Upgrading existing nodes with larger SSDs (1TB+) and expanding HP RAM capacity to 16GB