Repository navigation
Expand file tree
/
Copy pathhomelab-cc.html
More file actions
159 lines (143 loc) · 7.37 KB
/
Copy pathhomelab-cc.html
File metadata and controls
159 lines (143 loc) · 7.37 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
---
layout: default
title: "DevLab Homelab Control Center"
permalink: /homelab-cc/
---
<div class="container py-5">
<div class="row justify-content-center">
<div class="col-lg-9 text-center">
<!-- Nagłówek główny -->
<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>
<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;">
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.
</p>
<!-- Informacja o wersji testowej -->
<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);">
<h4 class="fw-bold fs-5 mb-2 d-flex align-items-center gap-2" style="color: #ff5e00; font-family: 'JetBrains Mono', monospace;">
<span>⚠️</span> Wersja Testowa (Alpha / v1.0.0)
</h4>
<p class="mb-0 fs-6" style="line-height: 1.6; color: rgba(255, 255, 255, 0.85);">
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; font-weight: 600;">bledy@devlabstudy.ovh</a>.
</p>
</div>
<!-- Sekcja przycisków pobierania -->
<div class="download-buttons-wrapper d-flex flex-wrap justify-content-center align-items-center gap-4 my-5">
<!-- Windows - Aktywny przycisk -->
<a href="https://www.devlabstudy.ovh/assets/downloads/HomelabControlCentersetup.exe" class="download-card windows-active" download>
<div class="platform-icon">
<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>
</div>
<div class="platform-info text-start">
<span class="platform-name">Windows</span>
<span class="platform-desc">Instalator (.exe) • v1.0.0</span>
</div>
</a>
<!-- macOS - Coming Soon -->
<div class="download-card platform-disabled">
<div class="platform-icon">
<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>
</div>
<div class="platform-info text-start">
<span class="platform-name">macOS</span>
<span class="platform-desc badge-status">Coming Soon</span>
</div>
</div>
<!-- Linux - Coming Soon -->
<div class="download-card platform-disabled">
<div class="platform-icon">
<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>
</div>
<div class="platform-info text-start">
<span class="platform-name">Linux</span>
<span class="platform-desc badge-status">Coming Soon</span>
</div>
</div>
</div>
<!-- Wymagania systemowe -->
<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);">
<h3 class="h5 fw-bold mb-3 d-flex align-items-center gap-2" style="color: #00d2ff; font-family: 'JetBrains Mono', monospace;">
🖥️ Wymagania systemowe (Windows):
</h3>
<ul class="text-muted mb-0" style="line-height: 2; font-size: 0.95rem; padding-left: 1.2rem;">
<li><strong style="color: #e2e8f0;">System operacyjny:</strong> Windows 10 / 11 (64-bit)</li>
<li><strong style="color: #e2e8f0;">Typ pakietu:</strong> Samowystarczalny instalator (.exe)</li>
</ul>
</div>
</div>
</div>
</div>
<!-- Stylizacja CSS -->
<style>
.download-buttons-wrapper {
display: flex;
gap: 20px;
justify-content: center;
}
.download-card {
display: flex;
align-items: center;
gap: 16px;
padding: 16px 24px;
border-radius: 16px;
text-decoration: none;
min-width: 220px;
transition: all 0.25s ease;
box-sizing: border-box;
}
/* Styl dla aktywnego Windowsa */
.windows-active {
background: linear-gradient(135deg, rgba(0, 210, 255, 0.15) 0%, rgba(0, 123, 255, 0.2) 100%);
border: 1px solid rgba(0, 210, 255, 0.4);
color: #fff;
box-shadow: 0 4px 20px rgba(0, 210, 255, 0.15);
}
.windows-active:hover {
background: linear-gradient(135deg, rgba(0, 210, 255, 0.25) 0%, rgba(0, 123, 255, 0.35) 100%);
border-color: var(--accent-blue, #00d2ff);
transform: translateY(-3px);
box-shadow: 0 6px 25px rgba(0, 210, 255, 0.35);
color: #fff;
}
/* Styl dla nieaktywnych platform */
.platform-disabled {
background: rgba(10, 15, 25, 0.6);
border: 1px solid rgba(255, 255, 255, 0.08);
color: var(--text-muted, #8a99ad);
cursor: not-allowed;
opacity: 0.75;
}
.platform-disabled:hover {
border-color: rgba(255, 94, 0, 0.3);
background: rgba(255, 94, 0, 0.04);
color: #fff;
}
.platform-icon {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 12px;
background: rgba(255, 255, 255, 0.05);
}
.windows-active .platform-icon {
background: rgba(0, 210, 255, 0.2);
color: var(--accent-blue, #00d2ff);
}
.platform-name {
display: block;
font-weight: 700;
font-size: 1rem;
font-family: 'JetBrains Mono', monospace;
}
.platform-desc {
display: block;
font-size: 0.78rem;
color: var(--text-muted, #8a99ad);
}
.badge-status {
color: var(--accent-contrast, #ff5e00);
font-weight: 600;
}
</style>