Skip to content

Commit fb9a35d

Browse files
DevLabStudyDevLabStudy
authored
Update homelab.html
1 parent 0aa9c8e commit fb9a35d

1 file changed

Lines changed: 49 additions & 24 deletions

File tree

‎homelab.html‎

Lines changed: 49 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -8,62 +8,87 @@
88
.hero-homelab h2 { font-size: 2.2rem; margin-bottom: 10px; background: linear-gradient(to right, #10b981, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; letter-spacing: -1px; }
99
.hero-homelab p { color: var(--text-muted); font-size: 0.95rem; font-family: 'JetBrains Mono', monospace; }
1010

11-
.section-title { font-family: 'JetBrains Mono', monospace; color: #fff; border-left: 4px solid #10b981; padding-left: 15px; margin: 40px 0 20px 0; font-size: 1.5rem; text-transform: uppercase; }
11+
.section-title { font-family: 'JetBrains Mono', monospace; color: #fff; border-left: 4px solid #3b82f6; padding-left: 15px; margin: 40px 0 20px 0; font-size: 1.5rem; text-transform: uppercase; }
1212

1313
.nodes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; }
1414

1515
.node-card { background: rgba(10, 10, 10, 0.7); border: 1px solid var(--border-color); padding: 30px; border-radius: 12px; position: relative; transition: all 0.3s; backdrop-filter: blur(10px); }
16-
.node-card:hover { border-color: #10b981; transform: translateY(-5px); box-shadow: 0 10px 30px rgba(16,185,129,0.05); }
16+
.node-card:hover { border-color: #3b82f6; transform: translateY(-5px); box-shadow: 0 10px 30px rgba(59,130,246,0.1); }
1717

18-
.status-badge { position: absolute; top: 25px; right: 25px; background: rgba(16, 185, 129, 0.1); color: #10b981; padding: 5px 12px; border-radius: 20px; font-weight: 800; font-size: 0.7rem; border: 1px solid rgba(16, 185, 129, 0.2); text-transform: uppercase; font-family: 'JetBrains Mono', monospace; }
18+
.status-badge { position: absolute; top: 25px; right: 25px; background: rgba(59, 130, 246, 0.1); color: #3b82f6; padding: 5px 12px; border-radius: 20px; font-weight: 800; font-size: 0.7rem; border: 1px solid rgba(59, 130, 246, 0.2); text-transform: uppercase; font-family: 'JetBrains Mono', monospace; }
1919
.node-name { font-size: 1.2rem; font-weight: 700; margin-bottom: 20px; display: block; padding-right: 60px; color: #fff; font-family: 'JetBrains Mono', monospace; }
2020

2121
.spec-line { display: flex; align-items: center; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed rgba(255,255,255,0.05); font-size: 0.9rem; }
22-
.spec-line:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
2322
.spec-label { color: var(--text-muted); width: 100px; font-weight: 600; font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; }
2423
</style>
2524

2625
<section class="hero-homelab">
2726
<h2>Infrastructure & HomeLab</h2>
28-
<p>>_ Building, learning, and optimizing distributed server environments.</p>
27+
<p>>_ Current Network Backbone, Compute Nodes & Cloud</p>
2928
</section>
3029

31-
<h3 class="section-title">Networking & Connectivity</h3>
30+
<h3 class="section-title">Network Layer (Connectivity)</h3>
3231
<div class="nodes-grid">
3332
<div class="node-card">
34-
<span class="status-badge">Core</span>
33+
<span class="status-badge">Agg</span>
3534
<span class="node-name">D-Link DGS-1100-16</span>
36-
<div class="spec-line"><span class="spec-label">Type:</span><span>Smart Managed Switch</span></div>
37-
<div class="spec-line"><span class="spec-label">Ports:</span><span>16x 1GbE RJ45</span></div>
38-
<div class="spec-line"><span class="spec-label">Features:</span><span>VLANs, IGMP Snooping</span></div>
35+
<div class="spec-line"><span class="spec-label">Role:</span><span>ISP/Gateway Distribution</span></div>
36+
<div class="spec-line"><span class="spec-label">Ports:</span><span>16x 1GbE</span></div>
3937
</div>
40-
4138
<div class="node-card">
42-
<span class="status-badge">Edge/AP</span>
39+
<span class="status-badge">Edge</span>
4340
<span class="node-name">MikroTik RB951G</span>
44-
<div class="spec-line"><span class="spec-label">OS:</span><span>RouterOS v7.x</span></div>
45-
<div class="spec-line"><span class="spec-label">CPU:</span><span>600MHz (MIPSBE)</span></div>
46-
<div class="spec-line"><span class="spec-label">Usage:</span><span>Mgmt VLAN & 2.4GHz AP</span></div>
41+
<div class="spec-line"><span class="spec-label">CPU:</span><span>600MHz</span></div>
42+
<div class="spec-line"><span class="spec-label">Usage:</span><span>Mgmt VLAN & AP</span></div>
43+
</div>
44+
<div class="node-card">
45+
<span class="status-badge">Legacy</span>
46+
<span class="node-name">TP-Link WR1043ND v2.1</span>
47+
<div class="spec-line"><span class="spec-label">OS:</span><span>OpenWrt</span></div>
48+
<div class="spec-line"><span class="spec-label">Role:</span><span>Lab Router</span></div>
49+
</div>
50+
<div class="node-card">
51+
<span class="status-badge">Router</span>
52+
<span class="node-name">Redmi AC2100</span>
53+
<div class="spec-line"><span class="spec-label">Role:</span><span>Wireless AP/Router</span></div>
54+
<div class="spec-line"><span class="spec-label">Status:</span><span>Active</span></div>
4755
</div>
4856
</div>
4957

50-
<h3 class="section-title">Compute Nodes</h3>
58+
<h3 class="section-title">Compute Layer (Servers & Hosts)</h3>
5159
<div class="nodes-grid">
5260
<div class="node-card">
5361
<span class="status-badge">Main</span>
5462
<span class="node-name">Gamingowy Host</span>
55-
<div class="spec-line"><span class="spec-label">CPU:</span><span>Ryzen 5 3600 (12T)</span></div>
63+
<div class="spec-line"><span class="spec-label">CPU:</span><span>Ryzen 5 3600</span></div>
5664
<div class="spec-line"><span class="spec-label">RAM:</span><span>16GB DDR4</span></div>
57-
<div class="spec-line"><span class="spec-label">Storage:</span><span>MSI NVMe PCIe Gen3</span></div>
58-
<div class="spec-line"><span class="spec-label">OS:</span><span>Nobara Linux 43</span></div>
5965
</div>
60-
6166
<div class="node-card">
62-
<span class="status-badge">Online</span>
67+
<span class="status-badge">Storage</span>
6368
<span class="node-name">HP Compaq Pro 6300</span>
64-
<div class="spec-line"><span class="spec-label">CPU:</span><span>i5-3470 (4C)</span></div>
69+
<div class="spec-line"><span class="spec-label">CPU:</span><span>i5-3470</span></div>
6570
<div class="spec-line"><span class="spec-label">RAM:</span><span>16GB DDR3</span></div>
66-
<div class="spec-line"><span class="spec-label">Storage:</span><span>256GB SSD + 2TB HDD</span></div>
67-
<div class="spec-line"><span class="spec-label">Role:</span><span>Storage & Backup</span></div>
71+
</div>
72+
<div class="node-card">
73+
<span class="status-badge">Node</span>
74+
<span class="node-name">Dell Optiplex 790</span>
75+
<div class="spec-line"><span class="spec-label">CPU:</span><span>i3-2120</span></div>
76+
<div class="spec-line"><span class="spec-label">RAM:</span><span>8GB DDR3</span></div>
77+
</div>
78+
<div class="node-card">
79+
<span class="status-badge">Small</span>
80+
<span class="node-name">Fujitsu Futro S520</span>
81+
<div class="spec-line"><span class="spec-label">CPU:</span><span>AMD GX-212ZC</span></div>
82+
<div class="spec-line"><span class="spec-label">RAM:</span><span>2GB DDR3</span></div>
83+
</div>
84+
</div>
85+
86+
<h3 class="section-title">Cloud Infrastructure</h3>
87+
<div class="nodes-grid">
88+
<div class="node-card">
89+
<span class="status-badge">DigitalOcean</span>
90+
<span class="node-name">Ubuntu Droplet (FRA1)</span>
91+
<div class="spec-line"><span class="spec-label">CPU:</span><span>1 vCPU</span></div>
92+
<div class="spec-line"><span class="spec-label">RAM:</span><span>2GB RAM</span></div>
6893
</div>
6994
</div>

0 commit comments

Comments
 (0)