Skip to content

Commit caa999e

Browse files
DevLabStudyDevLabStudy
authored
Update benchmarks.html
1 parent 482cf6a commit caa999e

1 file changed

Lines changed: 187 additions & 99 deletions

File tree

‎benchmarks.html‎

Lines changed: 187 additions & 99 deletions
Original file line numberDiff line numberDiff line change
@@ -4,128 +4,216 @@
44
---
55

66
<style>
7-
.bench-grid { display: grid; grid-template-columns: 1fr; gap: 30px; }
8-
.test-header { border-bottom: 1px solid var(--border-color); padding-bottom: 15px; margin-bottom: 25px; }
9-
10-
.data-table { width: 100%; border-collapse: collapse; font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; }
11-
.data-table th { text-align: left; color: var(--accent-blue); padding: 12px; border-bottom: 2px solid var(--border-color); text-transform: uppercase; }
12-
.data-table td { padding: 12px; border-bottom: 1px solid rgba(255,255,255,0.05); color: #e2e8f0; }
13-
14-
.highlight-val { color: #10b981; font-weight: 800; }
15-
.node-tag { font-size: 0.7rem; background: rgba(255,255,255,0.05); padding: 2px 6px; border-radius: 4px; color: var(--text-muted); margin-left: 5px; }
16-
.cmd-hint { color: var(--text-muted); font-size: 0.8rem; font-family: 'JetBrains Mono', monospace; }
7+
.bench-grid {
8+
display: grid;
9+
grid-template-columns: 1fr;
10+
gap: 30px;
11+
}
12+
13+
.test-header {
14+
border-bottom: 1px solid var(--border, rgba(0, 210, 255, 0.15));
15+
padding-bottom: 20px;
16+
margin-bottom: 30px;
17+
}
18+
19+
/* KARTY DLA SEKCJI BENCHMARKÓW */
20+
.card {
21+
background: var(--card-bg, rgba(10, 15, 25, 0.6));
22+
border: 1px solid var(--border, rgba(0, 210, 255, 0.15));
23+
border-radius: 12px;
24+
padding: 30px;
25+
backdrop-filter: blur(10px);
26+
box-shadow: 0 10px 30px rgba(0,0,0,0.5);
27+
}
28+
29+
.card h3 {
30+
margin-top: 0;
31+
margin-bottom: 8px;
32+
color: #fff;
33+
font-size: 1.1rem;
34+
font-family: 'JetBrains Mono', monospace;
35+
}
36+
37+
/* STYLIOWANIE TABEL */
38+
.table-wrapper {
39+
width: 100%;
40+
overflow-x: auto;
41+
}
42+
43+
.data-table {
44+
width: 100%;
45+
border-collapse: collapse;
46+
font-family: 'JetBrains Mono', monospace;
47+
font-size: 0.85rem;
48+
margin-top: 10px;
49+
}
50+
51+
.data-table th {
52+
text-align: left;
53+
color: var(--accent-blue, #00d2ff);
54+
padding: 12px 16px;
55+
border-bottom: 2px solid var(--border, rgba(0, 210, 255, 0.15));
56+
text-transform: uppercase;
57+
letter-spacing: 0.5px;
58+
}
59+
60+
.data-table td {
61+
padding: 14px 16px;
62+
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
63+
color: #e2e8f0;
64+
}
65+
66+
.data-table tbody tr:hover {
67+
background: rgba(0, 210, 255, 0.03);
68+
}
69+
70+
.highlight-val {
71+
color: #10b981;
72+
font-weight: 800;
73+
}
74+
75+
.node-tag {
76+
font-size: 0.7rem;
77+
background: rgba(255, 255, 255, 0.08);
78+
padding: 2px 6px;
79+
border-radius: 4px;
80+
color: var(--text-muted, #8b9bb4);
81+
margin-left: 6px;
82+
font-weight: normal;
83+
}
84+
85+
.cmd-hint {
86+
color: var(--text-muted, #8b9bb4);
87+
font-size: 0.8rem;
88+
font-family: 'JetBrains Mono', monospace;
89+
background: rgba(0,0,0,0.3);
90+
padding: 3px 6px;
91+
border-radius: 4px;
92+
border: 1px solid rgba(255,255,255,0.05);
93+
}
94+
95+
.status-awaiting {
96+
color: var(--text-muted, #8b9bb4);
97+
font-style: italic;
98+
}
1799
</style>
18100

19101
<div class="test-header">
20-
<h2 style="font-size: 2rem; font-weight: 900; margin: 0;">System <span style="color: var(--accent-blue);">Benchmarks</span></h2>
21-
<p style="color: var(--text-muted); margin-top: 5px; font-family: 'JetBrains Mono', monospace; font-size: 0.85rem;">&gt; Pomiary wydajności operacyjnej, podzespołów oraz przepustowości klastra DevLab.</p>
102+
<h2 style="font-size: 2rem; font-weight: 900; margin: 0; color: #fff;">System <span style="color: var(--accent-blue, #00d2ff);">Benchmarks</span></h2>
103+
<p style="color: var(--text-muted, #8b9bb4); margin-top: 8px; font-family: 'JetBrains Mono', monospace; font-size: 0.85rem;">&gt; Pomiary wydajności operacyjnej, podzespołów oraz przepustowości klastra DevLab.</p>
22104
</div>
23105

24106
<div class="bench-grid">
25107

26-
<!-- Sekcja 1: Sprzęt i Syntetyki (CPU, Storage, Sieć lokalna) -->
108+
<!-- Sekcja 1: Sprzęt i Syntetyki -->
27109
<div class="card">
28-
<h3 style="margin-top: 0; color: #fff; font-size: 1.1rem; font-family: 'JetBrains Mono', monospace;">[ #01: Hardware &amp; Storage Audit ]</h3>
29-
<p style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 20px;">Ostatni pełny skan wydajności podzespołów bazowych.</p>
110+
<h3>[ #01: Hardware &amp; Storage Audit ]</h3>
111+
<p style="font-size: 0.85rem; color: var(--text-muted, #8b9bb4); margin-top: 0; margin-bottom: 20px;">Ostatni pełny skan wydajności podzespołów bazowych.</p>
30112

31-
<table class="data-table">
32-
<thead>
33-
<tr>
34-
<th>Component</th>
35-
<th>Test Type</th>
36-
<th>Result</th>
37-
<th>Metric / Tool</th>
38-
</tr>
39-
</thead>
40-
<tbody>
41-
<tr>
42-
<td><strong>Ryzen 5 3600</strong> <span class="node-tag">12T</span></td>
43-
<td>Compressing Avr</td>
44-
<td class="highlight-val">46,287 MIPS</td>
45-
<td><code class="cmd-hint">7z benchmark</code></td>
46-
</tr>
47-
<tr>
48-
<td><strong>MSI NVMe Storage</strong></td>
49-
<td>Random Write (4k)</td>
50-
<td class="highlight-val">21,700 IOPS</td>
51-
<td><code class="cmd-hint">fio</code> (libaio, depth 64)</td>
52-
</tr>
53-
<tr>
54-
<td><strong>SATA III SSD</strong> <span class="node-tag">/dev/sda</span></td>
55-
<td>Buffered Read</td>
56-
<td class="highlight-val">445.8 MB/s</td>
57-
<td><code class="cmd-hint">hdparm -tT</code></td>
58-
</tr>
59-
<tr>
60-
<td><strong>Network (LAN)</strong></td>
61-
<td>TCP Throughput</td>
62-
<td class="highlight-val">941 Mbits/s</td>
63-
<td><code class="cmd-hint">iperf3</code> (D-Link Switch)</td>
64-
</tr>
65-
</tbody>
66-
</table>
113+
<div class="table-wrapper">
114+
<table class="data-table">
115+
<thead>
116+
<tr>
117+
<th>Component</th>
118+
<th>Test Type</th>
119+
<th>Result</th>
120+
<th>Metric / Tool</th>
121+
</tr>
122+
</thead>
123+
<tbody>
124+
<tr>
125+
<td><strong>Ryzen 5 3600</strong> <span class="node-tag">12T</span></td>
126+
<td>Compressing Avr</td>
127+
<td class="highlight-val">46,287 MIPS</td>
128+
<td><code class="cmd-hint">7z benchmark</code></td>
129+
</tr>
130+
<tr>
131+
<td><strong>MSI NVMe Storage</strong></td>
132+
<td>Random Write (4k)</td>
133+
<td class="highlight-val">21,700 IOPS</td>
134+
<td><code class="cmd-hint">fio (libaio, depth 64)</code></td>
135+
</tr>
136+
<tr>
137+
<td><strong>SATA III SSD</strong> <span class="node-tag">/dev/sda</span></td>
138+
<td>Buffered Read</td>
139+
<td class="highlight-val">445.8 MB/s</td>
140+
<td><code class="cmd-hint">hdparm -tT</code></td>
141+
</tr>
142+
<tr>
143+
<td><strong>Network (LAN)</strong></td>
144+
<td>TCP Throughput</td>
145+
<td class="highlight-val">941 Mbits/s</td>
146+
<td><code class="cmd-hint">iperf3 (D-Link Switch)</code></td>
147+
</tr>
148+
</tbody>
149+
</table>
150+
</div>
67151
</div>
68152

69153
<!-- Sekcja 2: Zadania Wideo i Renderowanie -->
70154
<div class="card">
71-
<h3 style="margin-top: 0; color: #fff; font-size: 1.1rem; font-family: 'JetBrains Mono', monospace;">[ #02: Video Processing &amp; Transcoding ]</h3>
72-
<p style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 20px;">Testy sprawności węzłów przy generowaniu proxy i obróbce materiałów wideo.</p>
155+
<h3>[ #02: Video Processing &amp; Transcoding ]</h3>
156+
<p style="font-size: 0.85rem; color: var(--text-muted, #8b9bb4); margin-top: 0; margin-bottom: 20px;">Testy sprawności węzłów przy generowaniu proxy i obróbce materiałów wideo.</p>
73157

74-
<table class="data-table">
75-
<thead>
76-
<tr>
77-
<th>Hardware Node</th>
78-
<th>Task Details</th>
79-
<th>Processing Time</th>
80-
</tr>
81-
</thead>
82-
<tbody>
83-
<tr>
84-
<td>HP 6300 Pro <span class="node-tag">i5-3470</span></td>
85-
<td>1080p | 42Mb/s | 65s (Proxy MOV)</td>
86-
<td class="highlight-val">187.2 s</td>
87-
</tr>
88-
<tr>
89-
<td>Main PC <span class="node-tag">RX 7600</span></td>
90-
<td>1080p | 42Mb/s | 65s (Proxy MOV)</td>
91-
<td style="color: var(--text-muted);">Awaiting test...</td>
92-
</tr>
93-
</tbody>
94-
</table>
158+
<div class="table-wrapper">
159+
<table class="data-table">
160+
<thead>
161+
<tr>
162+
<th>Hardware Node</th>
163+
<th>Task Details</th>
164+
<th>Processing Time</th>
165+
</tr>
166+
</thead>
167+
<tbody>
168+
<tr>
169+
<td><strong>HP 6300 Pro</strong> <span class="node-tag">i5-3470</span></td>
170+
<td>1080p | 42Mb/s | 65s (Proxy MOV)</td>
171+
<td class="highlight-val">187.2 s</td>
172+
</tr>
173+
<tr>
174+
<td><strong>Main PC</strong> <span class="node-tag">RX 7600</span></td>
175+
<td>1080p | 42Mb/s | 65s (Proxy MOV)</td>
176+
<td class="status-awaiting">Awaiting test...</td>
177+
</tr>
178+
</tbody>
179+
</table>
180+
</div>
95181
</div>
96182

97183
<!-- Sekcja 3: Komunikacja w Klastrze -->
98184
<div class="card">
99-
<h3 style="margin-top: 0; color: #fff; font-size: 1.1rem; font-family: 'JetBrains Mono', monospace;">[ #03: Network Interconnects ]</h3>
100-
<p style="font-size: 0.85rem; color: var(--text-muted); margin-bottom: 20px;">Rzeczywiste transfery między punktami końcowymi w architekturze labu.</p>
185+
<h3>[ #03: Network Interconnects ]</h3>
186+
<p style="font-size: 0.85rem; color: var(--text-muted, #8b9bb4); margin-top: 0; margin-bottom: 20px;">Rzeczywiste transfery między punktami końcowymi w architekturze labu.</p>
101187

102-
<table class="data-table">
103-
<thead>
104-
<tr>
105-
<th>Source &#10140; Target</th>
106-
<th>Interface</th>
107-
<th>Bandwidth (Avg)</th>
108-
</tr>
109-
</thead>
110-
<tbody>
111-
<tr>
112-
<td>HP Pro &#10140; Main PC</td>
113-
<td>Ethernet 1Gbps</td>
114-
<td style="color: var(--accent-blue);">Awaiting test...</td>
115-
</tr>
116-
<tr>
117-
<td>Asus Vivo &#10140; HP Pro</td>
118-
<td>WiFi 5 / 2.4GHz</td>
119-
<td style="color: var(--accent-blue);">Awaiting test...</td>
120-
</tr>
121-
</tbody>
122-
</table>
188+
<div class="table-wrapper">
189+
<table class="data-table">
190+
<thead>
191+
<tr>
192+
<th>Source &#10140; Target</th>
193+
<th>Interface</th>
194+
<th>Bandwidth (Avg)</th>
195+
</tr>
196+
</thead>
197+
<tbody>
198+
<tr>
199+
<td><strong>HP Pro</strong> &#10140; <strong>Main PC</strong></td>
200+
<td>Ethernet 1Gbps</td>
201+
<td class="status-awaiting">Awaiting test...</td>
202+
</tr>
203+
<tr>
204+
<td><strong>Asus Vivo</strong> &#10140; <strong>HP Pro</strong></td>
205+
<td>WiFi 5 / 2.4GHz</td>
206+
<td class="status-awaiting">Awaiting test...</td>
207+
</tr>
208+
</tbody>
209+
</table>
210+
</div>
123211
</div>
124212

125213
</div>
126214

127-
<div class="card" style="margin-top: 30px; border-style: dashed; text-align: center;">
128-
<p style="font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; color: var(--text-muted); margin: 0;">
215+
<div class="card" style="margin-top: 30px; border-style: dashed; text-align: center; padding: 20px;">
216+
<p style="font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; color: var(--text-muted, #8b9bb4); margin: 0;">
129217
// Wszystkie parametry są aktualizowane na bieżąco w ramach rutynowego audytu sprzętowego DevLab.
130218
</p>
131219
</div>

0 commit comments

Comments
 (0)