Skip to content

Commit fbec3c3

Browse files
DevLabStudyDevLabStudy
authored
Update orbit.html
1 parent d870f6c commit fbec3c3

1 file changed

Lines changed: 45 additions & 30 deletions

File tree

‎orbit.html‎

Lines changed: 45 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -4,51 +4,66 @@
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>Orbit™ Project | DevLabStudy</title>
7-
<link rel="icon" type="image/png" href="/qr-code.png?v=fixed_buttons">
7+
<link rel="icon" type="image/png" href="/qr-code.png">
88
<style>
99
:root {
10-
--bg-body: #f4f7fa; --bg-nav: #ffffff; --bg-card: #ffffff;
11-
--text-main: #1e293b; --text-muted: #64748b; --border-color: #e2e8f0;
12-
--accent-purple: #4b0082; --radius: 12px;
10+
--bg-body: #0f172a; --bg-card: #1e293b; --accent-purple: #8b5cf6;
11+
--text-main: #f8fafc; --text-muted: #94a3b8; --border-color: #334155;
1312
}
14-
@media (prefers-color-scheme: dark) {
15-
:root {
16-
--bg-body: #0f172a; --bg-nav: #1e293b; --bg-card: #1e293b;
17-
--text-main: #f8fafc; --text-muted: #94a3b8; --border-color: #334155;
18-
--accent-purple: #8b5cf6;
19-
}
20-
}
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); }
13+
body { font-family: 'Inter', sans-serif; background: var(--bg-body); color: var(--text-main); margin: 0; line-height: 1.6; }
14+
.navbar { padding: 20px 40px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border-color); background: rgba(30, 41, 59, 0.8); backdrop-filter: blur(10px); position: sticky; top: 0; z-index: 100; }
15+
.nav-brand { font-weight: 800; text-decoration: none; color: var(--text-main); font-size: 1.2rem; }
16+
.nav-links a { margin-left: 25px; text-decoration: none; color: var(--text-muted); font-weight: 600; transition: 0.3s; }
17+
.nav-links a:hover { color: var(--accent-purple); }
18+
19+
.container { max-width: 900px; margin: 60px auto; padding: 0 20px; }
20+
.hero { text-align: center; margin-bottom: 60px; }
21+
.hero h1 { font-size: 3rem; margin-bottom: 20px; }
22+
23+
.card { background: var(--bg-card); border: 1px solid var(--border-color); padding: 40px; border-radius: 24px; margin-bottom: 30px; }
24+
.tech-tag { display: inline-block; background: rgba(139, 92, 246, 0.1); color: var(--accent-purple); padding: 5px 15px; border-radius: 10px; font-size: 0.8rem; font-weight: 700; margin: 5px; border: 1px solid var(--accent-purple); }
25+
26+
.progress-bar { width: 100%; height: 10px; background: #334155; border-radius: 5px; margin: 20px 0; overflow: hidden; }
27+
.progress-fill { width: 35%; height: 100%; background: var(--accent-purple); box-shadow: 0 0 15px var(--accent-purple); }
3028
</style>
3129
</head>
3230
<body>
3331
<nav class="navbar">
3432
<a href="/" class="nav-brand">DevLabStudy©</a>
3533
<div class="nav-links">
36-
<a href="/">Hub</a>
3734
<a href="/blog">Blog</a>
3835
<a href="/homelab">HomeLab</a>
39-
<a href="/orbit" class="active">Orbit™</a>
36+
<a href="/orbit" style="color: var(--accent-purple);">Orbit™</a>
4037
</div>
4138
</nav>
39+
4240
<main class="container">
43-
<section class="hero-orbit">
44-
<h1>Orbit™ Project</h1>
45-
<p>Next-gen management and optimization for containerized environments.</p>
46-
</section>
47-
<div class="content-card">
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>
41+
<div class="hero">
42+
<h1>Orbit Project</h1>
43+
<p style="font-size: 1.2rem; color: var(--text-muted);">Lightweight, distributed container orchestration for the edge.</p>
44+
</div>
45+
46+
<div class="card">
47+
<h2>The Mission</h2>
48+
<p>Orbit is designed to run modern workloads on "forgotten" hardware. Using highly optimized Docker images and a custom communication layer, it turns old laptops and cheap VPS instances into a powerful, unified cluster.</p>
49+
</div>
50+
51+
<div class="card">
52+
<h2>Technical Stack</h2>
53+
<div style="margin-top: 20px;">
54+
<span class="tech-tag">Docker Engine</span>
55+
<span class="tech-tag">Python Core</span>
56+
<span class="tech-tag">Redis Bus</span>
57+
<span class="tech-tag">Ubuntu Server</span>
58+
<span class="tech-tag">WireGuard VPN</span>
59+
</div>
60+
</div>
61+
62+
<div class="card">
63+
<h2>Current Progress</h2>
64+
<div class="progress-bar"><div class="progress-fill"></div></div>
65+
<p style="font-size: 0.9rem; color: var(--text-muted);">Faza: <b>Alpha Development</b> (Communication layer testing)</p>
5066
</div>
5167
</main>
52-
<footer><p>Orbit™ Project 2026</p></footer>
5368
</body>
5469
</html>

0 commit comments

Comments
 (0)