Skip to content

Commit 3d48215

Browse files
DevLabStudyDevLabStudy
authored
Update homelab-cc.html
1 parent 08a5d1f commit 3d48215

1 file changed

Lines changed: 106 additions & 60 deletions

File tree

‎homelab-cc.html‎

Lines changed: 106 additions & 60 deletions
Original file line numberDiff line numberDiff line change
@@ -6,97 +6,143 @@
66

77
<div class="container py-5">
88
<div class="row justify-content-center">
9-
<div class="col-lg-8 text-center">
10-
<h1 class="display-4 fw-bold mb-3" style="color: #fff; font-family: 'JetBrains Mono', monospace;">DevLab Homelab Control Center</h1>
11-
<p class="lead text-muted mb-4">
9+
<div class="col-lg-9 text-center">
10+
<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;">
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 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">
17-
<h4 class="alert-heading fw-bold">⚠️ Wersja Testowa (Alpha / v1.0.0)</h4>
18-
<p class="mb-0">
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">
1919
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

23-
<!-- Sekcja przycisków pobierania -->
24-
<div class="d-grid gap-3 d-sm-flex justify-content-sm-center mb-5 align-items-center">
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>
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">
25+
26+
<!-- Windows - Aktywny, mocno wyróżniony przycisk -->
27+
<a href="https://www.devlabstudy.ovh/assets/downloads/HomelabControlCentersetup.exe" class="download-card windows-active" download>
28+
<div class="platform-icon">
29+
<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>
30+
</div>
31+
<div class="platform-info text-start">
32+
<span class="platform-name">Windows</span>
33+
<span class="platform-desc">Instalator (.exe) • v1.0.0</span>
34+
</div>
2935
</a>
3036

3137
<!-- macOS - Coming Soon -->
32-
<div class="dropdown-container position-relative d-inline-block">
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>
36-
</button>
38+
<div class="download-card platform-disabled">
39+
<div class="platform-icon">
40+
<svg viewBox="0 0 24 24" width="28" height="28" fill="currentColor"><path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M15.97 5.78c.64-.78 1.08-1.86.96-2.94-1.01.04-2.23.68-2.93 1.48-.62.7-1.16 1.8-1 2.86 1.13.09 2.29-.56 2.97-1.4z"/></svg>
41+
</div>
42+
<div class="platform-info text-start">
43+
<span class="platform-name">macOS</span>
44+
<span class="platform-desc badge-status">Coming Soon</span>
45+
</div>
3746
</div>
3847

3948
<!-- Linux - Coming Soon -->
40-
<div class="dropdown-container position-relative d-inline-block">
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>
44-
</button>
49+
<div class="download-card platform-disabled">
50+
<div class="platform-icon">
51+
<svg viewBox="0 0 24 24" width="28" height="28" fill="currentColor"><path d="M12.559 2c-3.12 0-4.98 1.77-5.52 4.14-.3.26-.59.57-.86.93C4.46 8.92 3 11.2 3 14.34c0 3.88 2.53 6.66 6.13 7.37.52.1 1.06.17 1.62.17 1.48 0 2.95-.41 4.2-1.18 1.2-.73 2.23-1.72 2.99-2.91.43-.68.79-1.42 1.06-2.19-2.61-.41-4.73-2.18-5.59-4.57-.46-1.28-.6-2.67-.4-4.04.14-.99.5-1.92 1.04-2.73-.55-.22-1.13-.37-1.74-.37zm-2.02 4.79c.32 0 .62.12.84.34.22.22.34.52.34.84 0 .32-.12.62-.34.84-.22.22-.52.34-.84.34-.32 0-.62-.12-.84-.34-.22-.22-.34-.52-.34-.84 0-.32.12-.62.34-.84.22-.22.52-.34.84-.34zm4.04 0c.32 0 .62.12.84.34.22.22.34.52.34.84 0 .32-.12.62-.34.84-.22.22-.52.34-.84.34-.32 0-.62-.12-.84-.34-.22-.22-.34-.52-.34-.84 0-.32.12-.62.34-.84.22-.22.52-.34.84-.34zm-2.02 5.15c2.19 0 4.09 1.51 4.6 3.65.25 1.04.18 2.12-.19 3.12-.37.99-.99 1.84-1.79 2.47-.8.63-1.78 1.02-2.82 1.13-1.04.11-2.1-.06-3.04-.49-.94-.43-1.74-1.1-2.31-1.93-.57-.83-.89-1.81-.92-2.83-.03-1.02.24-2.02.77-2.9 1.15-1.9 3.23-3.02 5.7-3.02z"/></svg>
52+
</div>
53+
<div class="platform-info text-start">
54+
<span class="platform-name">Linux</span>
55+
<span class="platform-desc badge-status">Coming Soon</span>
56+
</div>
4557
</div>
58+
4659
</div>
4760

48-
<!-- Styl CSS dla przycisków i efektów -->
61+
<!-- Nowoczesne style CSS dla przycisków i kart -->
4962
<style>
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;
63+
.download-buttons-wrapper {
64+
display: flex;
65+
gap: 20px;
66+
justify-content: center;
5667
}
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;
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;
6179
}
6280

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);
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+
}
95+
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);
67101
cursor: not-allowed;
68-
transition: all 0.2s ease;
102+
opacity: 0.75;
69103
}
70-
.platform-btn-disabled:hover {
71-
background: rgba(255, 94, 0, 0.08);
72-
color: #ff5e00;
104+
.platform-disabled:hover {
73105
border-color: rgba(255, 94, 0, 0.3);
106+
background: rgba(255, 94, 0, 0.04);
107+
color: #fff;
74108
}
75109

76-
.platform-btn-disabled:hover::after {
77-
content: "Coming Soon!";
78-
position: absolute;
79-
bottom: -40px;
80-
left: 50%;
81-
transform: translateX(-50%);
82-
background: #0a0f19;
83-
color: #ff5e00;
84-
border: 1px solid rgba(255, 94, 0, 0.3);
85-
padding: 5px 10px;
86-
font-size: 12px;
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+
}
123+
124+
.platform-name {
125+
display: block;
126+
font-weight: 700;
127+
font-size: 1rem;
87128
font-family: 'JetBrains Mono', monospace;
88-
border-radius: 6px;
89-
white-space: nowrap;
90-
z-index: 10;
91-
box-shadow: 0 5px 15px rgba(0,0,0,0.5);
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;
92138
}
93139
</style>
94140

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

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">
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;">
100146
<li>System operacyjny: Windows 10 / 11 (64-bit)</li>
101147
<li>Typ pakietu: Samowystarczalny instalator (.exe)</li>
102148
</ul>

0 commit comments

Comments
 (0)