Update index.html

Author: DevLabStudy

index.html

@@ -3,13 +3,12 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>TobiMessi | Infrastructure</title>
+    <title>TobiMessi | Learning Infrastructure</title>
 
-    <link rel="icon" type="image/png" href="qr-code.png?v=final2">
-    <link rel="shortcut icon" type="image/png" href="qr-code.png?v=final2">
+    <link rel="icon" type="image/png" href="qr-code.png?v=final3">
+    <link rel="shortcut icon" type="image/png" href="qr-code.png?v=final3">
 
     <style>
-        /* Styl PRO: Gradienty i cienie */
         body { 
             font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; 
             background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); 
@@ -35,7 +34,6 @@
         header { text-align: center; margin-bottom: 35px; }
         h1 { margin: 0 0 10px 0; font-size: 2.5rem; letter-spacing: -1px; color: #111; }
 
-        /* Przyciski */
         .btn-group { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 15px; }
         .btn { 
             display: inline-block; 
@@ -54,7 +52,6 @@
         .btn-reddit { background: #FF4500; }
         .btn-coffee { background: #FFDD00; color: #000; }
 
-        /* Sekcja Focus */
         .focus-box { 
             background: #f0f7ff; 
             border-left: 5px solid #0066cc; 
@@ -63,26 +60,21 @@
             margin-bottom: 30px; 
         }
         .focus-box h3 { margin-top: 0; color: #0056b3; font-size: 1.2rem; margin-bottom: 10px; }
-        .focus-box p { margin: 0; color: #333; font-size: 0.95rem; }
 
-        /* Grid serwerów */
         .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 35px; }
         .node { 
             background: white; 
             border: 1px solid #e1e4e8; 
             padding: 20px; 
             border-radius: 12px; 
             transition: 0.2s;
-            box-shadow: 0 2px 5px rgba(0,0,0,0.02);
         }
         .node:hover { border-color: #0066cc; transform: translateY(-2px); }
         .status { color: #28a745; font-weight: bold; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; }
 
-        /* Nowy styl dla parametrów (dysk i cpu) */
         .specs { margin-top: 10px; font-size: 0.85rem; color: #555; }
         .spec-line { display: block; margin-bottom: 4px; }
 
-        /* Sekcja Wsparcia */
         .support-card { 
             text-align: center; 
             border-top: 1px solid #eaeaea; 
@@ -97,7 +89,6 @@
             background: #fff; 
             border-radius: 12px; 
             margin-top: 15px; 
-            box-shadow: 0 4px 10px rgba(0,0,0,0.05);
         }
 
         footer { text-align: center; color: #888; font-size: 0.8rem; margin-top: 50px; }
@@ -110,18 +101,17 @@
 <div class="wrapper">
     <header>
         <h1>TobiMessi</h1>
-        <p style="color: #555; margin-bottom: 20px; font-size: 1.1rem;">Infrastructure Architect & Docker Developer</p>
+        <p style="color: #555; margin-bottom: 20px; font-size: 1.1rem;">Self-Taught Infrastructure Enthusiast & Docker Learner</p>
         <div class="btn-group">
             <a href="https://github.com/TobiMessi" class="btn btn-gh">GitHub Profile</a>
             <a href="https://www.reddit.com/user/TobiMessi201/" class="btn btn-reddit">Reddit Profile</a>
         </div>
     </header>
 
     <div class="focus-box">
-        <h3>Current Focus: Orbit Docker Image</h3>
+        <h3>Current Journey: Docker Optimization</h3>
         <p>
-            Right now, I am heavily focused on developing and optimizing my <strong>custom Docker image</strong> 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.
+            Right now, I am deep-diving into <strong>Docker image optimization</strong>. My goal is to learn how to build efficient, secure, and lightweight images for the <strong>Orbit</strong> project, testing them across my home-lab nodes.
         </p>
     </div>
 
@@ -146,10 +136,9 @@ <h3>Current Focus: Orbit Docker Image</h3>
     </div>
 
     <div class="support-card">
-        <h2 style="margin-top: 0; color: #0066cc;">Support the Project</h2>
-        <p style="color: #555; margin-bottom: 25px; max-width: 500px; margin-left: auto; margin-right: auto;">
-            Help me scale the infrastructure and develop the <strong>Orbit Application</strong>. 
-            All funds are used directly for server upgrades (RAM/SSD) and development costs.
+        <h2 style="margin-top: 0; color: #0066cc;">Support My Journey</h2>
+        <p style="color: #555; margin-bottom: 25px;">
+            Every donation helps me buy new parts for my home-lab and provides more time to learn and develop the <strong>Orbit Application</strong>.
         </p>
 
         <div class="btn-group">
@@ -158,7 +147,7 @@ <h2 style="margin-top: 0; color: #0066cc;">Support the Project</h2>
         </div>
 
         <div style="margin-top: 30px;">
-            <p style="font-size: 0.8rem; font-weight: bold; color: #888; margin-bottom: 5px;">QUICK MOBILE SUPPORT</p>
+            <p style="font-size: 0.8rem; font-weight: bold; color: #888; margin-bottom: 5px;">SCAN TO SUPPORT</p>
             <img src="qr-code.png" alt="Scan to Support" class="qr-img">
         </div>
     </div>