Skip to content

Commit bcb1978

Browse files
DevLabStudyDevLabStudy
authored
Refactor orbit.html for content and layout improvements
Updated content and styling for Orbit project page.
1 parent 9409cb3 commit bcb1978

1 file changed

Lines changed: 19 additions & 107 deletions

File tree

‎orbit.html‎

Lines changed: 19 additions & 107 deletions
Original file line numberDiff line numberDiff line change
@@ -4,139 +4,51 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Orbit™ Project | DevLabStudy</title>
7-
8-
<link rel="icon" type="image/png" href="qr-code.png?v=fixed_buttons">
9-
<link rel="shortcut icon" type="image/png" href="qr-code.png?v=fixed_buttons">
10-
7+
<link rel="icon" type="image/png" href="/qr-code.png?v=fixed_buttons">
118
<style>
129
:root {
1310
--bg-body: #f4f7fa; --bg-nav: #ffffff; --bg-card: #ffffff;
1411
--text-main: #1e293b; --text-muted: #64748b; --border-color: #e2e8f0;
15-
--accent-purple: #4b0082; --accent-blue: #2563eb; --shadow-sm: 0 1px 3px rgba(0,0,0,0.1);
16-
--radius: 12px;
12+
--accent-purple: #4b0082; --radius: 12px;
1713
}
18-
1914
@media (prefers-color-scheme: dark) {
2015
:root {
2116
--bg-body: #0f172a; --bg-nav: #1e293b; --bg-card: #1e293b;
2217
--text-main: #f8fafc; --text-muted: #94a3b8; --border-color: #334155;
23-
--accent-purple: #8b5cf6; --accent-blue: #3b82f6; --shadow-sm: 0 4px 6px rgba(0,0,0,0.3);
18+
--accent-purple: #8b5cf6;
2419
}
2520
}
26-
27-
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: var(--bg-body); color: var(--text-main); margin: 0; padding: 0; line-height: 1.6; -webkit-font-smoothing: antialiased; }
28-
29-
.navbar { background: var(--bg-nav); border-bottom: 1px solid var(--border-color); padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 100; box-shadow: var(--shadow-sm); }
30-
.nav-brand { font-size: 1.5rem; font-weight: 800; color: var(--text-main); text-decoration: none; }
31-
.nav-links a { margin-left: 15px; text-decoration: none; color: var(--text-muted); font-weight: 600; transition: 0.2s; }
32-
.nav-links a:hover, .nav-links a.active { color: var(--accent-purple); }
33-
34-
.container { max-width: 1000px; margin: 40px auto; padding: 0 20px; }
35-
36-
/* Hero Section */
37-
.hero-orbit { text-align: center; padding: 80px 20px; background: var(--bg-card); border-radius: var(--radius); border: 1px solid var(--border-color); margin-bottom: 40px; box-shadow: var(--shadow-sm); border-top: 5px solid var(--accent-purple); position: relative; overflow: hidden; }
38-
.hero-orbit h1 { font-size: 3rem; margin: 0 0 15px 0; color: var(--text-main); letter-spacing: -1px; }
39-
.hero-orbit p { font-size: 1.2rem; color: var(--text-muted); max-width: 600px; margin: 0 auto; }
40-
.version-badge { display: inline-block; background: rgba(139, 92, 246, 0.1); color: var(--accent-purple); padding: 5px 15px; border-radius: 20px; font-weight: 700; font-size: 0.9rem; margin-bottom: 20px; }
41-
42-
/* Zawartość */
43-
.content-card { background: var(--bg-card); padding: 40px; border-radius: var(--radius); border: 1px solid var(--border-color); margin-bottom: 30px; box-shadow: var(--shadow-sm); }
44-
.content-card h2 { color: var(--accent-purple); margin-top: 0; font-size: 1.8rem; border-bottom: 2px solid var(--border-color); padding-bottom: 10px; margin-bottom: 20px; }
45-
46-
/* Siatka Funkcji */
47-
.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px; margin-top: 30px; }
48-
.feature-card { background: var(--bg-body); padding: 25px; border-radius: var(--radius); border: 1px solid var(--border-color); text-align: left; }
49-
.feature-icon { font-size: 2.5rem; margin-bottom: 15px; display: block; }
50-
.feature-title { font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; color: var(--text-main); }
51-
.feature-desc { font-size: 0.95rem; color: var(--text-muted); margin: 0; }
52-
53-
/* Stos technologiczny */
54-
.tech-stack { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 20px; }
55-
.tech-badge { background: var(--bg-body); border: 1px solid var(--border-color); color: var(--text-main); padding: 8px 16px; border-radius: 8px; font-size: 0.9rem; font-weight: 600; display: flex; align-items: center; gap: 8px; }
56-
57-
/* Call to action */
58-
.cta-section { text-align: center; margin-top: 50px; padding: 40px; background: rgba(139, 92, 246, 0.05); border-radius: var(--radius); border: 1px dashed var(--accent-purple); }
59-
.btn-github { display: inline-block; background: #24292e; color: white; text-decoration: none; padding: 12px 24px; border-radius: 8px; font-weight: 600; margin-top: 15px; transition: 0.2s; }
60-
.btn-github:hover { transform: translateY(-2px); opacity: 0.9; }
61-
62-
footer { text-align: center; color: var(--text-muted); font-size: 0.85rem; margin: 50px 0 30px 0; padding-top: 20px; border-top: 1px solid var(--border-color); }
21+
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; background: var(--bg-body); color: var(--text-main); margin: 0; padding: 0; line-height: 1.6; }
22+
.navbar { background: var(--bg-nav); border-bottom: 1px solid var(--border-color); padding: 15px 30px; display: flex; justify-content: space-between; align-items: center; position: sticky; top: 0; z-index: 100; }
23+
.nav-brand { font-size: 1.5rem; font-weight: 800; text-decoration: none; color: var(--text-main); }
24+
.nav-links a { margin-left: 20px; text-decoration: none; color: var(--text-muted); font-weight: 600; }
25+
.nav-links a.active { color: var(--accent-purple); }
26+
.container { max-width: 900px; margin: 40px auto; padding: 0 20px; }
27+
.hero-orbit { text-align: center; padding: 60px 20px; background: var(--bg-card); border-radius: var(--radius); border-top: 5px solid var(--accent-purple); margin-bottom: 40px; }
28+
.content-card { background: var(--bg-card); padding: 30px; border-radius: var(--radius); border: 1px solid var(--border-color); margin-bottom: 30px; }
29+
footer { text-align: center; color: var(--text-muted); font-size: 0.85rem; margin-top: 50px; padding: 20px; border-top: 1px solid var(--border-color); }
6330
</style>
6431
</head>
6532
<body>
66-
6733
<nav class="navbar">
6834
<a href="/" class="nav-brand">DevLabStudy©</a>
6935
<div class="nav-links">
7036
<a href="/">Hub</a>
7137
<a href="/blog">Blog</a>
72-
<a href="/homelab.html">HomeLab</a>
73-
<a href="/orbit.html" class="active">Orbit™</a>
38+
<a href="/homelab">HomeLab</a>
39+
<a href="/orbit" class="active">Orbit™</a>
7440
</div>
7541
</nav>
76-
7742
<main class="container">
7843
<section class="hero-orbit">
79-
<span class="version-badge">Status: W fazie rozwoju (Pre-Alpha)</span>
80-
<h1>Projekt Orbit™</h1>
81-
<p>Zarządzanie, optymalizacja i nowa jakość w architekturze środowisk kontenerowych dla HomeLabów i małych klastrów.</p>
44+
<h1>Orbit™ Project</h1>
45+
<p>Next-gen management and optimization for containerized environments.</p>
8246
</section>
83-
8447
<div class="content-card">
85-
<h2>Kluczowe założenia</h2>
86-
<p>
87-
Projekt Orbit narodził się z rzeczywistej potrzeby zarządzania rozbudowanym środowiskiem, składającym się z wielu różnorodnych węzłów (od starszych laptopów po chmurowe VPS-y). Standardowe narzędzia były zbyt obciążające dla starszego sprzętu.
88-
</p>
89-
90-
<div class="features-grid">
91-
<div class="feature-card">
92-
<span class="feature-icon">⚡</span>
93-
<div class="feature-title">Ultra Lekkość</div>
94-
<p class="feature-desc">Natywne oparcie na maksymalnie zoptymalizowanych obrazach Docker, aby oszczędzać RAM i CPU.</p>
95-
</div>
96-
<div class="feature-card">
97-
<span class="feature-icon">🌐</span>
98-
<div class="feature-title">Multi-Node Architektura</div>
99-
<p class="feature-desc">Płynna współpraca pomiędzy lokalnymi maszynami w domu a zewnętrznymi węzłami VPS w chmurze.</p>
100-
</div>
101-
<div class="feature-card">
102-
<span class="feature-icon">🔒</span>
103-
<div class="feature-title">Izolacja & Bezpieczeństwo</div>
104-
<p class="feature-desc">Zwiększona kontrola nad uprawnieniami kontenerów i minimalizacja powierzchni ataku sieciowego.</p>
105-
</div>
106-
</div>
107-
</div>
108-
109-
<div class="content-card">
110-
<h2>Stos Technologiczny</h2>
111-
<p>Do budowy i testów infrastruktury Orbit™ wykorzystuję sprawdzone, stabilne technologie open-source:</p>
112-
<div class="tech-stack">
113-
<span class="tech-badge">🐋 Docker / Compose</span>
114-
<span class="tech-badge">🐧 Linux (Ubuntu / Mint)</span>
115-
<span class="tech-badge">🖥️ Proxmox VE</span>
116-
<span class="tech-badge">⚙️ Bash Scripting</span>
117-
<span class="tech-badge">🕸️ Cloudflare (DNS/Proxy)</span>
118-
</div>
119-
</div>
120-
121-
<div class="content-card">
122-
<h2>Roadmapa Rozwoju</h2>
123-
<ul>
124-
<li style="margin-bottom: 10px;"><strong>Faza 1 (Aktualna):</strong> Badania i optymalizacja bazowych obrazów Docker dla starych procesorów.</li>
125-
<li style="margin-bottom: 10px;"><strong>Faza 2:</strong> Zbudowanie stabilnego tunelu komunikacyjnego pomiędzy węzłem chmurowym a siecią domową (HomeLab).</li>
126-
<li style="margin-bottom: 10px;"><strong>Faza 3:</strong> Automatyzacja wdrażania za pomocą dedykowanych skryptów startowych.</li>
127-
</ul>
128-
</div>
129-
130-
<div class="cta-section">
131-
<h3 style="margin-top: 0; color: var(--accent-purple);">Pobierz i przetestuj Orbit™</h3>
132-
<p style="color: var(--text-muted); margin-bottom: 0;">Wszystkie skrypty optymalizacyjne, Dockerfile oraz dokumentacja są dostępne publicznie. Zapraszam do testowania na własnych węzłach HomeLab.</p>
133-
<a href="https://github.com/DevLabStudy/orbit" class="btn-github">Zobacz Repozytorium Orbit™ na GitHub</a>
48+
<h2>About the Project</h2>
49+
<p>Orbit was born from the need to manage a diverse HomeLab environment efficiently, focusing on ultra-lightweight Docker images.</p>
13450
</div>
13551
</main>
136-
137-
<footer>
138-
<p>1 Gbps Fiber - Linux Mint 22.3 - Orbit™ Project 2026</p>
139-
</footer>
140-
52+
<footer><p>Orbit™ Project 2026</p></footer>
14153
</body>
14254
</html>

0 commit comments

Comments
 (0)