Skip to content

Commit ea8cf2f

Browse files
authored
Create HTML layout for DevLab Homelab Control Center
This file serves as the HTML layout for the DevLab Homelab Control Center, providing information about the application, download buttons for Windows, and system requirements.
1 parent cab67c7 commit ea8cf2f

1 file changed

Lines changed: 79 additions & 0 deletions

File tree

‎homelab-cc.html‎

Lines changed: 79 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,79 @@
1+
---
2+
layout: default
3+
title: "DevLab Homelab Control Center"
4+
permalink: /homelab-cc/
5+
---
6+
7+
<div class="container py-5">
8+
<div class="row justify-content-center">
9+
<div class="col-lg-8 text-center">
10+
<h1 class="display-4 fw-bold mb-3">DevLab Homelab Control Center</h1>
11+
<p class="lead text-muted mb-4">
12+
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.
13+
</p>
14+
15+
<!-- Informacja o wersji testowej -->
16+
<div class="alert alert-warning border-0 shadow-sm mb-4" role="alert">
17+
<h4 class="alert-heading fw-bold">⚠️ Wersja Testowa (Alpha / v1.0.0)</h4>
18+
<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>.
20+
</p>
21+
</div>
22+
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 - 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)
28+
</a>
29+
30+
<!-- macOS - Coming Soon -->
31+
<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
34+
</button>
35+
</div>
36+
37+
<!-- Linux - Coming Soon -->
38+
<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>
42+
</div>
43+
</div>
44+
45+
<!-- Styl CSS dla efektu Coming Soon po najechaniu -->
46+
<style>
47+
.btn.disabled, .btn:disabled {
48+
opacity: 0.65;
49+
position: relative;
50+
}
51+
.btn.disabled:hover::after, .btn:disabled:hover::after {
52+
content: "Coming Soon!";
53+
position: absolute;
54+
bottom: -35px;
55+
left: 50%;
56+
transform: translateX(-50%);
57+
background: #212529;
58+
color: #fff;
59+
padding: 4px 8px;
60+
font-size: 12px;
61+
border-radius: 4px;
62+
white-space: nowrap;
63+
z-index: 10;
64+
box-shadow: 0 2px 5px rgba(0,0,0,0.2);
65+
}
66+
</style>
67+
68+
<hr class="my-4">
69+
70+
<div class="text-start mt-4">
71+
<h3 class="h5 fw-bold">Wymagania systemowe (Windows):</h3>
72+
<ul class="text-muted">
73+
<li>System operacyjny: Windows 10 / 11 (64-bit)</li>
74+
<li>Typ pakietu: Samowystarczalny instalator (.exe)</li>
75+
</ul>
76+
</div>
77+
</div>
78+
</div>
79+
</div>

0 commit comments

Comments
 (0)