Skip to content

Commit 8af782b

Browse files
DevLabStudyDevLabStudy
authored
Update homelab-cc.html
1 parent 3f9d1c3 commit 8af782b

1 file changed

Lines changed: 52 additions & 25 deletions

File tree

‎homelab-cc.html‎

Lines changed: 52 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -7,69 +7,96 @@
77
<div class="container py-5">
88
<div class="row justify-content-center">
99
<div class="col-lg-8 text-center">
10-
<h1 class="display-4 fw-bold mb-3">DevLab Homelab Control Center</h1>
10+
<h1 class="display-4 fw-bold mb-3" style="color: #fff; font-family: 'JetBrains Mono', monospace;">DevLab Homelab Control Center</h1>
1111
<p class="lead text-muted mb-4">
1212
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.
1313
</p>
1414

1515
<!-- Informacja o wersji testowej -->
16-
<div class="alert alert-warning border-0 shadow-sm mb-4" role="alert">
16+
<div class="alert border-0 shadow-sm mb-4" style="background: rgba(255, 94, 0, 0.1); color: #ff5e00; border: 1px solid rgba(255, 94, 0, 0.3) !important;" role="alert">
1717
<h4 class="alert-heading fw-bold">⚠️ Wersja Testowa (Alpha / v1.0.0)</h4>
1818
<p class="mb-0">
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" class="alert-link">bledy@devlabstudy.ovh</a>.
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>.
2020
</p>
2121
</div>
2222

2323
<!-- Sekcja przycisków pobierania -->
2424
<div class="d-grid gap-3 d-sm-flex justify-content-sm-center mb-5 align-items-center">
25-
<!-- Windows - Aktywny przycisk -->
26-
<a href="https://www.devlabstudy.ovh/assets/downloads/HomelabControlCentersetup.exe" class="btn btn-primary btn-lg px-4 shadow" download>
27-
<i class="bi bi-windows"></i> Pobierz dla Windows (.exe)
25+
<!-- Windows - Główny, mocno wyróżniony przycisk pobierania -->
26+
<a href="https://www.devlabstudy.ovh/assets/downloads/HomelabControlCentersetup.exe" class="btn btn-lg px-4 shadow-lg download-btn-windows" download>
27+
<i class="bi bi-windows me-2"></i> Pobierz dla Windows (.exe)
28+
<span class="d-block small opacity-75" style="font-size: 0.75rem;">Wersja stabilna v1.0.0 (64-bit)</span>
2829
</a>
2930

3031
<!-- macOS - Coming Soon -->
3132
<div class="dropdown-container position-relative d-inline-block">
32-
<button class="btn btn-outline-secondary btn-lg px-4 disabled" style="cursor: not-allowed;" title="Coming Soon">
33-
<i class="bi bi-apple"></i> macOS
33+
<button class="btn btn-lg px-4 platform-btn-disabled" disabled title="Coming Soon">
34+
<i class="bi bi-apple me-2"></i> macOS
35+
<span class="d-block small opacity-50" style="font-size: 0.75rem;">W przygotowaniu</span>
3436
</button>
3537
</div>
3638

3739
<!-- Linux - Coming Soon -->
3840
<div class="dropdown-container position-relative d-inline-block">
39-
<button class="btn btn-outline-secondary btn-lg px-4 disabled" style="cursor: not-allowed;" title="Coming Soon">
40-
<i class="bi bi-ubuntu"></i> Linux
41+
<button class="btn btn-lg px-4 platform-btn-disabled" disabled title="Coming Soon">
42+
<i class="bi bi-ubuntu me-2"></i> Linux
43+
<span class="d-block small opacity-50" style="font-size: 0.75rem;">W przygotowaniu</span>
4144
</button>
4245
</div>
4346
</div>
4447

45-
<!-- Styl CSS dla efektu Coming Soon po najechaniu -->
48+
<!-- Styl CSS dla przycisków i efektów -->
4649
<style>
47-
.btn.disabled, .btn:disabled {
48-
opacity: 0.65;
49-
position: relative;
50+
.download-btn-windows {
51+
background: linear-gradient(135deg, #00d2ff 0%, #007bff 100%);
52+
color: #030305;
53+
font-weight: 700;
54+
border: none;
55+
transition: transform 0.2s ease, box-shadow 0.2s ease;
5056
}
51-
.btn.disabled:hover::after, .btn:disabled:hover::after {
57+
.download-btn-windows:hover {
58+
transform: translateY(-2px);
59+
box-shadow: 0 0 20px rgba(0, 210, 255, 0.6) !important;
60+
color: #030305;
61+
}
62+
63+
.platform-btn-disabled {
64+
background: rgba(255, 255, 255, 0.05);
65+
color: #8b9bb4;
66+
border: 1px solid rgba(255, 255, 255, 0.1);
67+
cursor: not-allowed;
68+
transition: all 0.2s ease;
69+
}
70+
.platform-btn-disabled:hover {
71+
background: rgba(255, 94, 0, 0.08);
72+
color: #ff5e00;
73+
border-color: rgba(255, 94, 0, 0.3);
74+
}
75+
76+
.platform-btn-disabled:hover::after {
5277
content: "Coming Soon!";
5378
position: absolute;
54-
bottom: -35px;
79+
bottom: -40px;
5580
left: 50%;
5681
transform: translateX(-50%);
57-
background: #212529;
58-
color: #fff;
59-
padding: 4px 8px;
82+
background: #0a0f19;
83+
color: #ff5e00;
84+
border: 1px solid rgba(255, 94, 0, 0.3);
85+
padding: 5px 10px;
6086
font-size: 12px;
61-
border-radius: 4px;
87+
font-family: 'JetBrains Mono', monospace;
88+
border-radius: 6px;
6289
white-space: nowrap;
6390
z-index: 10;
64-
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
91+
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
6592
}
6693
</style>
6794

68-
<hr class="my-4">
95+
<hr class="my-4" style="border-color: rgba(255,255,255,0.1);">
6996

70-
<div class="text-start mt-4">
71-
<h3 class="h5 fw-bold">Wymagania systemowe (Windows):</h3>
72-
<ul class="text-muted">
97+
<div class="text-start mt-4 p-4 rounded" style="background: rgba(10, 15, 25, 0.6); border: 1px solid rgba(0, 210, 255, 0.15);">
98+
<h3 class="h5 fw-bold" style="color: #00d2ff; font-family: 'JetBrains Mono', monospace;">Wymagania systemowe (Windows):</h3>
99+
<ul class="text-muted mb-0">
73100
<li>System operacyjny: Windows 10 / 11 (64-bit)</li>
74101
<li>Typ pakietu: Samowystarczalny instalator (.exe)</li>
75102
</ul>

0 commit comments

Comments
 (0)