Skip to content

Commit 003677e

Browse files
DevLabStudyDevLabStudy
authored
Update homelab-cc.html
1 parent 720d2fb commit 003677e

1 file changed

Lines changed: 101 additions & 94 deletions

File tree

‎homelab-cc.html‎

Lines changed: 101 additions & 94 deletions
Original file line numberDiff line numberDiff line change
@@ -7,23 +7,28 @@
77
<div class="container py-5">
88
<div class="row justify-content-center">
99
<div class="col-lg-9 text-center">
10+
11+
<!-- Nagłówek główny -->
1012
<h1 class="display-4 fw-bold mb-3" style="color: #fff; font-family: 'JetBrains Mono', monospace; font-size: 2.5rem;">DevLab Homelab Control Center</h1>
11-
<p class="lead text-muted mb-4" style="font-size: 1.05rem; line-height: 1.6;">
13+
<p class="lead text-muted mb-4" style="font-size: 1.05rem; line-height: 1.7; max-width: 780px; margin-left: auto; margin-right: auto;">
1214
Zaawansowane narzędzie administracyjne dla pasjonatów homelabów. Zarządzaj sesjami SSH, monitoruj sprzęt przez WMI (styl AIDA64) i korzystaj z zaawansowanych narzędzi sieciowych z poziomu nowoczesnej aplikacji WPF.
1315
</p>
1416

1517
<!-- Informacja o wersji testowej -->
16-
<div class="alert border-0 shadow-sm mb-5 p-4 rounded-4" style="background: rgba(255, 94, 0, 0.08); color: #ff5e00; border: 1px solid rgba(255, 94, 0, 0.25) !important;" role="alert">
17-
<h4 class="alert-heading fw-bold fs-5 mb-2">⚠️ Wersja Testowa (Alpha / v1.0.0)</h4>
18-
<p class="mb-0 fs-6">
19-
To jest pierwsza publiczna wersja testowa aplikacji. Może zawierać drobne błędy. Zachęcamy do testowania i zgłaszania uwag na adres <a href="mailto:bledy@devlabstudy.ovh" style="color: #00d2ff; text-decoration: underline;">bledy@devlabstudy.ovh</a>.
18+
<div class="test-version-alert text-start mb-5" style="background: rgba(255, 94, 0, 0.06); color: #ff8c42; border: 1px solid rgba(255, 94, 0, 0.22); padding: 24px 28px; border-radius: 18px; backdrop-filter: blur(8px);">
19+
<h4 class="fw-bold fs-5 mb-2 d-flex align-items-center gap-2" style="color: #ff5e00; font-family: 'JetBrains Mono', monospace;">
20+
<span>⚠️</span> Wersja Testowa (Alpha / v1.0.0)
21+
</h4>
22+
<p class="mb-0 fs-6" style="line-height: 1.6; color: rgba(255, 255, 255, 0.85);">
23+
To jest pierwsza publiczna wersja testowa aplikacji. Może zawierać drobne błędy. Zachęcamy do testowania i zgłaszania uwag na adres
24+
<a href="mailto:bledy@devlabstudy.ovh" style="color: #00d2ff; text-decoration: underline; font-weight: 600;">bledy@devlabstudy.ovh</a>.
2025
</p>
2126
</div>
2227

23-
<!-- Sekcja przycisków pobierania - poprawione odstępy i kształty -->
24-
<div class="download-buttons-wrapper d-flex flex-wrap justify-content-center align-center gap-4 mb-5">
28+
<!-- Sekcja przycisków pobierania -->
29+
<div class="download-buttons-wrapper d-flex flex-wrap justify-content-center align-items-center gap-4 my-5">
2530

26-
<!-- Windows - Aktywny, mocno wyróżniony przycisk -->
31+
<!-- Windows - Aktywny przycisk -->
2732
<a href="https://www.devlabstudy.ovh/assets/downloads/HomelabControlCentersetup.exe" class="download-card windows-active" download>
2833
<div class="platform-icon">
2934
<svg viewBox="0 0 24 24" width="28" height="28" fill="currentColor"><path d="M0 3.449L9.75 2.1v9.451H0m10.949-9.602L24 0v11.4h-13.051M0 13.05h9.75v9.45L0 21.15m10.949-.15H24V24l-13.051-1.8"/></svg>
@@ -58,95 +63,97 @@ <h4 class="alert-heading fw-bold fs-5 mb-2">⚠️ Wersja Testowa (Alpha / v1.0.
5863

5964
</div>
6065

61-
<!-- Nowoczesne style CSS dla przycisków i kart -->
62-
<style>
63-
.download-buttons-wrapper {
64-
display: flex;
65-
gap: 20px;
66-
justify-content: center;
67-
}
68-
69-
.download-card {
70-
display: flex;
71-
align-items: center;
72-
gap: 16px;
73-
padding: 16px 24px;
74-
border-radius: 16px;
75-
text-decoration: none;
76-
min-width: 220px;
77-
transition: all 0.25s ease;
78-
box-sizing: border-box;
79-
}
66+
<!-- Wymagania systemowe -->
67+
<div class="system-requirements text-start mt-5 p-4 rounded-4" style="background: rgba(10, 15, 25, 0.7); border: 1px solid rgba(0, 210, 255, 0.18); border-radius: 20px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);">
68+
<h3 class="h5 fw-bold mb-3 d-flex align-items-center gap-2" style="color: #00d2ff; font-family: 'JetBrains Mono', monospace;">
69+
🖥️ Wymagania systemowe (Windows):
70+
</h3>
71+
<ul class="text-muted mb-0" style="line-height: 2; font-size: 0.95rem; padding-left: 1.2rem;">
72+
<li><strong style="color: #e2e8f0;">System operacyjny:</strong> Windows 10 / 11 (64-bit)</li>
73+
<li><strong style="color: #e2e8f0;">Typ pakietu:</strong> Samowystarczalny instalator (.exe)</li>
74+
</ul>
75+
</div>
8076

81-
/* Styl dla aktywnego Windowsa */
82-
.windows-active {
83-
background: linear-gradient(135deg, rgba(0, 210, 255, 0.15) 0%, rgba(0, 123, 255, 0.2) 100%);
84-
border: 1px solid rgba(0, 210, 255, 0.4);
85-
color: #fff;
86-
box-shadow: 0 4px 20px rgba(0, 210, 255, 0.15);
87-
}
88-
.windows-active:hover {
89-
background: linear-gradient(135deg, rgba(0, 210, 255, 0.25) 0%, rgba(0, 123, 255, 0.35) 100%);
90-
border-color: var(--accent-blue);
91-
transform: translateY(-3px);
92-
box-shadow: 0 6px 25px rgba(0, 210, 255, 0.35);
93-
color: #fff;
94-
}
77+
</div>
78+
</div>
79+
</div>
9580

96-
/* Styl dla nieaktywnych platform (macOS / Linux) */
97-
.platform-disabled {
98-
background: rgba(10, 15, 25, 0.6);
99-
border: 1px solid rgba(255, 255, 255, 0.08);
100-
color: var(--text-muted);
101-
cursor: not-allowed;
102-
opacity: 0.75;
103-
}
104-
.platform-disabled:hover {
105-
border-color: rgba(255, 94, 0, 0.3);
106-
background: rgba(255, 94, 0, 0.04);
107-
color: #fff;
108-
}
81+
<!-- Stylizacja CSS -->
82+
<style>
83+
.download-buttons-wrapper {
84+
display: flex;
85+
gap: 20px;
86+
justify-content: center;
87+
}
88+
89+
.download-card {
90+
display: flex;
91+
align-items: center;
92+
gap: 16px;
93+
padding: 16px 24px;
94+
border-radius: 16px;
95+
text-decoration: none;
96+
min-width: 220px;
97+
transition: all 0.25s ease;
98+
box-sizing: border-box;
99+
}
109100

110-
.platform-icon {
111-
display: flex;
112-
align-items: center;
113-
justify-content: center;
114-
width: 44px;
115-
height: 44px;
116-
border-radius: 12px;
117-
background: rgba(255, 255, 255, 0.05);
118-
}
119-
.windows-active .platform-icon {
120-
background: rgba(0, 210, 255, 0.2);
121-
color: var(--accent-blue);
122-
}
101+
/* Styl dla aktywnego Windowsa */
102+
.windows-active {
103+
background: linear-gradient(135deg, rgba(0, 210, 255, 0.15) 0%, rgba(0, 123, 255, 0.2) 100%);
104+
border: 1px solid rgba(0, 210, 255, 0.4);
105+
color: #fff;
106+
box-shadow: 0 4px 20px rgba(0, 210, 255, 0.15);
107+
}
108+
.windows-active:hover {
109+
background: linear-gradient(135deg, rgba(0, 210, 255, 0.25) 0%, rgba(0, 123, 255, 0.35) 100%);
110+
border-color: var(--accent-blue, #00d2ff);
111+
transform: translateY(-3px);
112+
box-shadow: 0 6px 25px rgba(0, 210, 255, 0.35);
113+
color: #fff;
114+
}
123115

124-
.platform-name {
125-
display: block;
126-
font-weight: 700;
127-
font-size: 1rem;
128-
font-family: 'JetBrains Mono', monospace;
129-
}
130-
.platform-desc {
131-
display: block;
132-
font-size: 0.78rem;
133-
color: var(--text-muted);
134-
}
135-
.badge-status {
136-
color: var(--accent-contrast);
137-
font-weight: 600;
138-
}
139-
</style>
116+
/* Styl dla nieaktywnych platform */
117+
.platform-disabled {
118+
background: rgba(10, 15, 25, 0.6);
119+
border: 1px solid rgba(255, 255, 255, 0.08);
120+
color: var(--text-muted, #8a99ad);
121+
cursor: not-allowed;
122+
opacity: 0.75;
123+
}
124+
.platform-disabled:hover {
125+
border-color: rgba(255, 94, 0, 0.3);
126+
background: rgba(255, 94, 0, 0.04);
127+
color: #fff;
128+
}
140129

141-
<hr class="my-5" style="border-color: rgba(255,255,255,0.1);">
130+
.platform-icon {
131+
display: flex;
132+
align-items: center;
133+
justify-content: center;
134+
width: 44px;
135+
height: 44px;
136+
border-radius: 12px;
137+
background: rgba(255, 255, 255, 0.05);
138+
}
139+
.windows-active .platform-icon {
140+
background: rgba(0, 210, 255, 0.2);
141+
color: var(--accent-blue, #00d2ff);
142+
}
142143

143-
<div class="text-start mt-4 p-4 rounded-4" style="background: rgba(10, 15, 25, 0.6); border: 1px solid rgba(0, 210, 255, 0.15);">
144-
<h3 class="h5 fw-bold mb-3" style="color: #00d2ff; font-family: 'JetBrains Mono', monospace;">Wymagania systemowe (Windows):</h3>
145-
<ul class="text-muted mb-0" style="line-height: 1.8;">
146-
<li>System operacyjny: Windows 10 / 11 (64-bit)</li>
147-
<li>Typ pakietu: Samowystarczalny instalator (.exe)</li>
148-
</ul>
149-
</div>
150-
</div>
151-
</div>
152-
</div>
144+
.platform-name {
145+
display: block;
146+
font-weight: 700;
147+
font-size: 1rem;
148+
font-family: 'JetBrains Mono', monospace;
149+
}
150+
.platform-desc {
151+
display: block;
152+
font-size: 0.78rem;
153+
color: var(--text-muted, #8a99ad);
154+
}
155+
.badge-status {
156+
color: var(--accent-contrast, #ff5e00);
157+
font-weight: 600;
158+
}
159+
</style>

0 commit comments

Comments
 (0)