Skip to content

Commit 974d7f4

Browse files
DevLabStudyDevLabStudy
authored
Update homelab.html
1 parent 497eadf commit 974d7f4

1 file changed

Lines changed: 49 additions & 28 deletions

File tree

‎homelab.html‎

Lines changed: 49 additions & 28 deletions
Original file line numberDiff line numberDiff line change
@@ -15,16 +15,26 @@
1515

1616
.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; }
1717

18+
/* Zwiększony i elastyczny obszar dla wykresu Mermaid */
1819
.diagram-container {
19-
background: rgba(10, 10, 10, 0.7);
20+
background: rgba(10, 10, 10, 0.75);
2021
border: 1px solid var(--border-color, #222);
21-
padding: 20px;
22+
padding: 30px;
2223
border-radius: 12px;
2324
margin-bottom: 35px;
2425
backdrop-filter: blur(10px);
26+
width: 100%;
27+
box-sizing: border-box;
2528
overflow-x: auto;
2629
}
2730

31+
.mermaid {
32+
min-width: 950px;
33+
margin: 0 auto;
34+
display: flex;
35+
justify-content: center;
36+
}
37+
2838
.nodes-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 25px; margin-bottom: 30px; }
2939

3040
.node-card { background: rgba(10, 10, 10, 0.7); border: 1px solid var(--border-color, #222); padding: 30px; border-radius: 12px; position: relative; transition: all 0.3s; backdrop-filter: blur(10px); }
@@ -44,7 +54,7 @@
4454

4555
<script type="module">
4656
import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs';
47-
mermaid.initialize({ startOnLoad: true, theme: 'dark' });
57+
mermaid.initialize({ startOnLoad: true, theme: 'dark', flowChart: { useMaxWidth: false, htmlLabels: true } });
4858
</script>
4959

5060
<section class="hero-homelab">
@@ -57,7 +67,7 @@ <h2>Infrastructure & HomeLab</h2>
5767
<h3 class="section-title">Network Topology & Architecture</h3>
5868
<div class="diagram-container">
5969
<pre class="mermaid" style="background: transparent; border: none; text-align: center;">
60-
graph LR
70+
graph TD
6171
classDef edge fill:#1e293b,stroke:#38bdf8,stroke-width:2px,color:#f8fafc;
6272
classDef rack19 fill:#0f172a,stroke:#22c55e,stroke-width:2px,color:#f8fafc;
6373
classDef rack10 fill:#1e1b4b,stroke:#818cf8,stroke-width:2px,color:#f8fafc;
@@ -74,16 +84,17 @@ <h3 class="section-title">Network Topology & Architecture</h3>
7484
MT --> Cisco["<b>Cisco Catalyst 2960C-8TC-L</b><br/>• Compact Access / VLANs"]:::rack19
7585
end
7686

77-
subgraph RACK10_1 ["3. Open-Rack 10' 6U #1"]
78-
CoreSwitch --> Switch10_1["Lanberg 8-Port Switch #1"]:::rack10
79-
Switch10_1 --> FutroS520_1["Fujitsu Futro S520 #1<br/>(AMD GX-212ZC)"]:::rack10
80-
Switch10_1 --> FutroS520_2["Fujitsu Futro S520 #2<br/>(AMD GX-212ZC)"]:::rack10
81-
Switch10_1 --> Archer2["<b>Archer C6 v2 #2</b><br/>• Secondary AP (Rack 10')<br/>• OpenWrt Firmware"]:::wifi
87+
subgraph RACK10_WALL ["3. Szafa RACK 10' Wisząca"]
88+
CoreSwitch --> Lanberg10_Wall["Lanberg 8-Port Switch (Wiszący)"]:::rack10
89+
Lanberg10_Wall --> FutroS520_1["Fujitsu Futro S520 #1<br/>(AMD GX-212ZC)"]:::rack10
90+
Lanberg10_Wall --> Archer2["<b>Archer C6 v2 #2</b><br/>• Secondary AP (Rack 10')<br/>• OpenWrt Firmware"]:::wifi
8291
end
8392

84-
subgraph RACK10_2 ["4. Open-Rack 10' 6U #2"]
85-
CoreSwitch --> Switch10_2["Lanberg 8-Port Switch #2"]:::rack10
86-
Switch10_2 --> NUC["<b>Intel NUC</b> (i5-5250U)<br/>• Node RACK / Workstation"]:::rack10
93+
subgraph OPENRACKS ["4. Open-Racki 10' 6U (Dodatkowe)"]
94+
CoreSwitch --> Switch10_Open1["Lanberg 8-Port Switch (Open-Rack #1)"]:::rack10
95+
CoreSwitch --> Switch10_Open2["Lanberg 8-Port Switch (Open-Rack #2)"]:::rack10
96+
Switch10_Open1 --> FutroS520_2["Fujitsu Futro S520 #2<br/>(AMD GX-212ZC)"]:::rack10
97+
Switch10_Open2 --> NUC["<b>Intel NUC</b> (i5-5250U)<br/>• Rack Node / Workstation"]:::rack10
8798
end
8899

89100
subgraph DESK ["5. Stanowisko Biurkowe"]
@@ -130,27 +141,44 @@ <h3 class="section-title">Rack 19" Main Cabinet</h3>
130141
</div>
131142
</div>
132143

144+
<h3 class="section-title">Rack 10" Auxiliary Wall Cabinet</h3>
145+
<div class="nodes-grid">
146+
<div class="node-card">
147+
<span class="status-badge mobile">Unmanaged</span>
148+
<span class="node-name">Lanberg 8-Port Switch</span>
149+
<div class="spec-line"><span class="spec-label">Role:</span><span>Auxiliary 10" Cabinet Switch</span></div>
150+
<div class="spec-line"><span class="spec-label">Ports:</span><span>8x 1GbE</span></div>
151+
</div>
152+
<div class="node-card">
153+
<span class="status-badge">Small</span>
154+
<span class="node-name">Fujitsu Futro S520 (#1)</span>
155+
<div class="spec-line"><span class="spec-label">CPU:</span><span>AMD GX-212ZC</span></div>
156+
<div class="spec-line"><span class="spec-label">RAM:</span><span>4GB DDR3L</span></div>
157+
<div class="spec-line"><span class="spec-label">Location:</span><span>10" Wall Cabinet Node</span></div>
158+
</div>
159+
<div class="node-card">
160+
<span class="status-badge mobile">Secondary AP</span>
161+
<span class="node-name">TP-Link Archer C6 v2 (#2)</span>
162+
<div class="spec-line"><span class="spec-label">OS:</span><span>OpenWrt Firmware</span></div>
163+
<div class="spec-line"><span class="spec-label">Uplink:</span><span>Lanberg 8-Port Switch (10")</span></div>
164+
<div class="spec-line"><span class="spec-label">Standard:</span><span>AC1200 Dual-Band</span></div>
165+
</div>
166+
</div>
167+
133168
<h3 class="section-title">Rack 10" Open-Rack Cabinets (2x 6U)</h3>
134169
<div class="nodes-grid">
135170
<div class="node-card">
136171
<span class="status-badge mobile">Unmanaged</span>
137-
<span class="node-name">Lanberg 8-Port Switch (#1)</span>
172+
<span class="node-name">Lanberg 8-Port Switch (Open #1)</span>
138173
<div class="spec-line"><span class="spec-label">Role:</span><span>Auxiliary Switch (Open-Rack 10" #1)</span></div>
139174
<div class="spec-line"><span class="spec-label">Ports:</span><span>8x 1GbE</span></div>
140175
</div>
141176
<div class="node-card">
142177
<span class="status-badge mobile">Unmanaged</span>
143-
<span class="node-name">Lanberg 8-Port Switch (#2)</span>
178+
<span class="node-name">Lanberg 8-Port Switch (Open #2)</span>
144179
<div class="spec-line"><span class="spec-label">Role:</span><span>Auxiliary Switch (Open-Rack 10" #2)</span></div>
145180
<div class="spec-line"><span class="spec-label">Ports:</span><span>8x 1GbE</span></div>
146181
</div>
147-
<div class="node-card">
148-
<span class="status-badge">Small</span>
149-
<span class="node-name">Fujitsu Futro S520 (#1)</span>
150-
<div class="spec-line"><span class="spec-label">CPU:</span><span>AMD GX-212ZC</span></div>
151-
<div class="spec-line"><span class="spec-label">RAM:</span><span>4GB DDR3L</span></div>
152-
<div class="spec-line"><span class="spec-label">Location:</span><span>Open-Rack 10" #1 Node</span></div>
153-
</div>
154182
<div class="node-card">
155183
<span class="status-badge">Small</span>
156184
<span class="node-name">Fujitsu Futro S520 (#2)</span>
@@ -165,13 +193,6 @@ <h3 class="section-title">Rack 10" Open-Rack Cabinets (2x 6U)</h3>
165193
<div class="spec-line"><span class="spec-label">RAM:</span><span>16GB DDR3L</span></div>
166194
<div class="spec-line"><span class="spec-label">Location:</span><span>Open-Rack 10" #2 Node</span></div>
167195
</div>
168-
<div class="node-card">
169-
<span class="status-badge mobile">Secondary AP</span>
170-
<span class="node-name">TP-Link Archer C6 v2 (#2)</span>
171-
<div class="spec-line"><span class="spec-label">OS:</span><span>OpenWrt Firmware</span></div>
172-
<div class="spec-line"><span class="spec-label">Uplink:</span><span>Lanberg 8-Port Switch (Rack 10" #1)</span></div>
173-
<div class="spec-line"><span class="spec-label">Standard:</span><span>AC1200 Dual-Band</span></div>
174-
</div>
175196
</div>
176197

177198
<h3 class="section-title">Wireless Access Points & Peripherals</h3>

0 commit comments

Comments
 (0)