Revise focus area and support project details

Updated the focus section and support information in the HTML.

Author: DevLabStudy

index.html

@@ -10,22 +10,18 @@
         .card { background: white; border-radius: 12px; padding: 25px; margin-bottom: 20px; border: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
         .text-center { text-align: center; }
 
-        /* Profile Header */
         header { text-align: center; margin-bottom: 30px; }
         .btn-social { display: inline-block; padding: 10px 20px; margin: 5px; border-radius: 8px; text-decoration: none; font-weight: bold; color: white; transition: 0.2s; }
         .btn-gh { background: #24292e; }
         .btn-reddit { background: #FF4500; }
 
-        /* Nodes Grid */
         .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }
         .node { background: white; border: 1px solid #ddd; padding: 15px; border-radius: 12px; }
         .status { color: #28a745; font-weight: bold; font-size: 0.75rem; text-transform: uppercase; }
 
-        /* Focus Section */
-        .focus-box { border-left: 4px solid #0066cc; padding-left: 15px; background: #f8fbff; padding: 15px; border-radius: 0 12px 12px 0; }
+        .focus-box { border-left: 4px solid #0066cc; background: #f8fbff; padding: 20px; border-radius: 0 12px 12px 0; margin-bottom: 20px; }
         .focus-box h3 { margin-top: 0; color: #0066cc; font-size: 1.1rem; }
 
-        /* Support Buttons */
         .btn-support { display: inline-block; padding: 12px 24px; margin: 10px 5px; border-radius: 10px; text-decoration: none; font-weight: bold; color: white; }
         .btn-coffee { background: #FFDD00; color: #000; }
 
@@ -45,19 +41,18 @@ <h1 style="margin-bottom: 5px; font-size: 2.5rem;">TobiMessi</h1>
         </div>
     </header>
 
-    <div class="card focus-box">
-        <h3>Current Focus: Orbit Docker Image</h3>
+    <div class="focus-box">
+        <h3>Current Focus: Custom Docker Images</h3>
         <p style="margin-bottom: 0; font-size: 0.95rem;">
-            Right now, I am heavily focused on developing and optimizing my **custom Docker image** for the Orbit project. 
-            The goal is to provide a rock-solid, high-performance base for container orchestration that works seamlessly across different hardware nodes.
+            I am currently deep-diving into <strong>Docker image optimization</strong>. My goal is to build highly efficient, secure, and lightweight images for the <strong>Orbit</strong> project, ensuring smooth container management across my distributed nodes.
         </p>
     </div>
 
     <div class="grid">
         <div class="node">
             <span class="status">● ONLINE</span><br>
-            <strong style="display:block; margin-top:5px;">HP Elite 8300 SFF</strong>
-            <small style="color: #606770;">i5-3470 | 8GB RAM | ADATA SSD</small>
+            <strong style="display:block; margin-top:5px;">HP Compaq Pro 6300 SFF</strong>
+            <small style="color: #606770;">i5-3470 | 8GB RAM | ADATA SU900</small>
         </div>
         <div class="node">
             <span class="status">● ONLINE</span><br>
@@ -67,10 +62,10 @@ <h3>Current Focus: Orbit Docker Image</h3>
     </div>
 
     <div class="card text-center">
-        <h2 style="margin-top: 0; color: #0066cc;">Support the Infrastructure</h2>
+        <h2 style="margin-top: 0; color: #0066cc;">Support the Project</h2>
         <p style="color: #606770; font-size: 0.95rem;">
-            Maintaining a 24/7 home-lab and developing open-source software takes time and resources. 
-            All contributions go directly towards hardware upgrades and Orbit development.
+            Help me scale the infrastructure and sfinansować the <strong>Orbit Application</strong>. 
+            All funds are used for server upgrades (RAM/SSD) and development costs.
         </p>
 
         <div style="margin: 20px 0;">
@@ -79,7 +74,7 @@ <h2 style="margin-top: 0; color: #0066cc;">Support the Infrastructure</h2>
         </div>
 
         <div style="margin-top: 15px; border-top: 1px solid #eee; padding-top: 20px;">
-            <p style="font-size: 0.8rem; color: #606770; margin-bottom: 10px;">Quick Mobile Support:</p>
+            <p style="font-size: 0.8rem; color: #606770; margin-bottom: 10px;">Mobile Quick Support (QR Code):</p>
             <img src="qr-code.png" alt="Support QR" class="qr-img">
         </div>
     </div>