Update index.html

Author: DevLabStudy

index.html

@@ -14,7 +14,7 @@
 
     .devlab-hub {
         color: #fafafa;
-        font-family: 'Inter', sans-serif;
+        font-family: 'JetBrains Mono', monospace;
     }
 
     .grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; margin-top: 20px; }
@@ -27,12 +27,12 @@
         transition: all 0.3s ease;
     }
 
-    .card:hover { border-color: var(--accent); }
+    .card:hover { border-color: var(--success); }
 
     .tag {
         font-size: 0.65rem;
-        background: rgba(59, 130, 246, 0.1);
-        color: var(--accent);
+        background: rgba(16, 185, 129, 0.1);
+        color: var(--success);
         padding: 2px 8px;
         border-radius: 4px;
         text-transform: uppercase;
@@ -55,7 +55,7 @@
         overflow: hidden;
     }
 
-    .fill { background: var(--accent); height: 100%; }
+    .fill { background: var(--success); height: 100%; }
 
     .status-footer {
         margin-top: 40px;
@@ -70,62 +70,62 @@
 
     <div class="grid">
         <section class="card">
-            <span class="tag">Node 01: High-Performance</span>
-            <h3 style="margin:0">The Colossus</h3>
+            <span class="tag">Main Host: Nobara Linux</span>
+            <h3 style="margin:0">Gamingowy PC</h3>
             <ul class="spec-list">
-                <li>CPU: <b>2x Xeon E5-2697 v4</b> (36C/72T)</li>
-                <li>RAM: <b>128GB DDR4 ECC RDIMM</b></li>
-                <li>GPU: <b>2x RTX 3060 12GB</b></li>
-                <li>Chassis: <b>Phanteks Enthoo Pro 2</b></li>
+                <li>CPU: <b>AMD Ryzen 5 3600</b> (6C/12T)</li>
+                <li>RAM: <b>16GB DDR4</b></li>
+                <li>GPU: <b>AMD Radeon RX 7600</b></li>
+                <li>Storage: <b>MSI NVMe PCIe Gen3</b></li>
             </ul>
         </section>
 
         <section class="card">
-            <span class="tag">Edge Cluster: Distributed</span>
-            <h3 style="margin:0">SFF Fleet</h3>
+            <span class="tag">Storage & Docker Node</span>
+            <h3 style="margin:0">HP Compaq Pro 6300</h3>
             <ul class="spec-list">
-                <li>Backup: <b>Proxmox Backup Server</b></li>
-                <li>Media: <b>Jellyfin + Quadro (NVENC)</b></li>
-                <li>Provisioning: <b>PXE Netboot Server</b></li>
-                <li>Caching: <b>Steam Cache Node</b></li>
+                <li>CPU: <b>Intel Core i5-3470</b> (4C/4T)</li>
+                <li>RAM: <b>16GB DDR3</b></li>
+                <li>Services: <b>Docker / Storage & Backup Server</b></li>
+                <li>Storage: <b>256GB SSD + 2.1TB Mixed HDD</b></li>
             </ul>
         </section>
 
         <section class="card">
-            <span class="tag">Network: Multi-WAN</span>
-            <h3 style="margin:0">Backbone</h3>
+            <span class="tag">Network Backbone</span>
+            <h3 style="margin:0">Core Components</h3>
             <ul class="spec-list">
-                <li>Link: <b>1000/150 Mbps</b> (ER605)</li>
-                <li>L2: <b>LACP (2Gbps) Managed Switch</b></li>
-                <li>Storage: <b>QNAP 4-Bay RAID</b></li>
-                <li>WiFi: <b>Mesh Deco System</b></li>
+                <li>Switch: <b>D-Link DGS-1100-16</b> (Managed L2)</li>
+                <li>Router/DNS: <b>MikroTik RB951G</b> (Pi-hole + Unbound)</li>
+                <li>Wireless: <b>Xiaomi Redmi AC2100</b> (5GHz AP Mode)</li>
+                <li>VLANs: <b>VLAN 10, 20, 30 Configured</b></li>
             </ul>
         </section>
     </div>
 
-    <h2 style="margin-top: 40px; border-left: 4px solid var(--accent); padding-left: 15px;">System Benchmarks</h2>
+    <h2 style="margin-top: 40px; border-left: 4px solid var(--success); padding-left: 15px;">System Benchmarks</h2>
 
     <div class="grid">
         <div class="card">
-            <span style="font-size: 0.7rem;">AI INFERENCE (Llama-3 8B)</span>
-            <div class="bench-val">48 tokens/sec</div>
-            <div class="benchmark-bar"><div class="fill" style="width: 85%;"></div></div>
+            <span style="font-size: 0.7rem;">CPU COMPRESSION (7z b)</span>
+            <div class="bench-val">46,287 MIPS</div>
+            <div class="benchmark-bar"><div class="fill" style="width: 75%;"></div></div>
         </div>
 
         <div class="card">
-            <span style="font-size: 0.7rem;">MULTI-THREAD (Cinebench R23)</span>
-            <div class="bench-val">~32,400 pts</div>
-            <div class="benchmark-bar"><div class="fill" style="width: 90%;"></div></div>
+            <span style="font-size: 0.7rem;">LOCAL NETWORK OVER SWITCH (iPerf3)</span>
+            <div class="bench-val">941 Mbits/sec</div>
+            <div class="benchmark-bar"><div class="fill" style="width: 94%;"></div></div>
         </div>
 
         <div class="card">
-            <span style="font-size: 0.7rem;">I/O THROUGHPUT (ZFS ARC)</span>
-            <div class="bench-val">~3.8 GB/s</div>
-            <div class="benchmark-bar"><div class="fill" style="width: 75%;"></div></div>
+            <span style="font-size: 0.7rem;">SATA III SSD READ (hdparm)</span>
+            <div class="bench-val">445.88 MB/s</div>
+            <div class="benchmark-bar"><div class="fill" style="width: 65%;"></div></div>
         </div>
     </div>
 
     <div class="status-footer">
-        <span style="color: var(--success);">●</span> All Nodes Operational | Architecture: Hybrid x86-64 / ARM
+        <span style="color: var(--success);">●</span> All Real Nodes Operational | Architecture: x86-64
     </div>
 </div>