Skip to content

Commit a3f7025

Browse files
DevLabStudyDevLabStudy
authored
Update orbit.html
1 parent 4374a07 commit a3f7025

1 file changed

Lines changed: 77 additions & 30 deletions

File tree

‎orbit.html‎

Lines changed: 77 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -2,67 +2,114 @@
22
layout: default
33
title: Orbit™ Project
44
---
5+
56
<style>
6-
.orbit-header { border-bottom: 1px solid var(--border-color); padding-bottom: 20px; margin-bottom: 30px; }
7-
.orbit-title { font-size: 2.2rem; font-weight: 900; color: var(--accent-blue); margin: 0; letter-spacing: -1px; }
7+
.orbit-header {
8+
border-bottom: 1px solid var(--border);
9+
padding-bottom: 20px;
10+
margin-bottom: 30px;
11+
}
12+
.orbit-title {
13+
font-size: 2.2rem;
14+
font-weight: 900;
15+
color: var(--accent-blue);
16+
margin: 0;
17+
letter-spacing: -1px;
18+
font-family: 'JetBrains Mono', monospace;
19+
}
820

9-
.repo-card {
10-
background: linear-gradient(135deg, rgba(59, 130, 246, 0.08) 0%, rgba(0,0,0,0) 100%);
11-
border: 1px solid var(--accent-blue);
12-
padding: 30px;
13-
border-radius: 12px;
14-
margin-bottom: 30px;
21+
.orbit-card {
22+
background: var(--card-bg);
23+
border: 1px solid var(--border);
24+
padding: 30px;
25+
border-radius: 12px;
26+
margin-bottom: 30px;
1527
display: flex;
1628
justify-content: space-between;
1729
align-items: center;
1830
gap: 20px;
31+
backdrop-filter: blur(10px);
32+
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
1933
}
2034

35+
.orbit-card:hover {
36+
border-color: var(--accent-blue);
37+
box-shadow: 0 10px 30px rgba(0, 210, 255, 0.1);
38+
background: rgba(10, 15, 25, 0.8);
39+
}
40+
41+
.orbit-content-card {
42+
background: var(--card-bg);
43+
border: 1px solid var(--border);
44+
border-left: 4px solid var(--accent-blue);
45+
padding: 30px;
46+
border-radius: 12px;
47+
margin-bottom: 25px;
48+
backdrop-filter: blur(10px);
49+
}
50+
2151
.tech-pill {
2252
display: inline-block;
23-
background: rgba(255,255,255,0.05);
24-
border: 1px solid rgba(255,255,255,0.1);
53+
background: rgba(0, 210, 255, 0.08);
54+
border: 1px solid rgba(0, 210, 255, 0.25);
2555
padding: 4px 12px;
26-
border-radius: 4px;
56+
border-radius: 6px;
2757
font-family: 'JetBrains Mono', monospace;
2858
font-size: 0.75rem;
29-
color: var(--text-muted);
59+
color: var(--accent-blue);
3060
margin-right: 8px;
3161
margin-bottom: 8px;
62+
font-weight: 700;
3263
}
3364

3465
.github-btn {
35-
background: #24292e;
36-
color: #fff;
66+
background: rgba(0, 210, 255, 0.08);
67+
color: var(--accent-blue);
3768
padding: 12px 24px;
3869
border-radius: 8px;
3970
text-decoration: none;
4071
font-weight: 800;
41-
font-size: 0.9rem;
42-
transition: 0.3s;
43-
border: 1px solid rgba(255,255,255,0.1);
72+
font-size: 0.85rem;
73+
font-family: 'JetBrains Mono', monospace;
74+
transition: all 0.2s ease;
75+
border: 1px solid rgba(0, 210, 255, 0.3);
4476
white-space: nowrap;
77+
text-align: center;
78+
}
79+
.github-btn:hover {
80+
background: var(--accent-blue);
81+
color: #0a0f19;
82+
box-shadow: 0 4px 12px rgba(0, 210, 255, 0.2);
83+
transform: translateY(-2px);
84+
}
85+
86+
.orbit-note-card {
87+
margin-top: 25px;
88+
border: 1px dashed var(--border);
89+
text-align: center;
90+
background: transparent;
91+
padding: 20px;
92+
border-radius: 12px;
4593
}
46-
.github-btn:hover { background: #444; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0,0,0,0.3); }
4794

4895
@media (max-width: 768px) {
49-
.repo-card { flex-direction: column; text-align: center; padding: 20px; }
96+
.orbit-card { flex-direction: column; align-items: stretch; text-align: left; padding: 20px; }
5097
.github-btn { width: 100%; box-sizing: border-box; }
5198
}
5299
</style>
53100

54101
<div class="orbit-header">
55-
<h2 class="orbit-title">Orbit™ <span style="color: #fff;">Environment</span></h2>
56-
<p style="color: var(--text-muted); margin-top: 10px; font-family: 'JetBrains Mono', monospace;">> System_Status: In_Development</p>
102+
<h2 class="orbit-title">Orbit™ <span style="color: var(--text-main);">Environment</span></h2>
103+
<p style="color: var(--accent-contrast); margin-top: 10px; font-family: 'JetBrains Mono', monospace; font-weight: 700;">> System_Status: In_Development</p>
57104
</div>
58105

59-
<div class="repo-card">
106+
<div class="orbit-card">
60107
<div>
61-
<h3 style="margin: 0 0 10px 0; font-size: 1.3rem; color: #fff;">Core Infrastructure Repository</h3>
62-
<p style="margin: 0 0 15px 0; font-size: 0.95rem; color: var(--text-muted); line-height: 1.5;">
108+
<h3 style="margin: 0 0 10px 0; font-size: 1.2rem; color: var(--text-main); font-family: 'JetBrains Mono', monospace;">Core Infrastructure Repository</h3>
109+
<p style="margin: 0 0 15px 0; font-size: 0.9rem; color: var(--text-muted); line-height: 1.5; font-family: 'JetBrains Mono', monospace;">
63110
Główny kod źródłowy systemu Orbit™. Architektura oparta na mikroserwisach, konteneryzacji i bezpiecznej komunikacji między węzłami klastra.
64111
</p>
65-
<div style="margin-top: 10px;">
112+
<div>
66113
<span class="tech-pill">Docker</span>
67114
<span class="tech-pill">Android Studio</span>
68115
<span class="tech-pill">Twingate API</span>
@@ -72,22 +119,22 @@ <h3 style="margin: 0 0 10px 0; font-size: 1.3rem; color: #fff;">Core Infrastruct
72119
<a href="https://github.com/DevLabStudy/orbit" target="_blank" class="github-btn">VIEW ON GITHUB ↗</a>
73120
</div>
74121

75-
<div class="card" style="border-left: 4px solid var(--accent-blue);">
122+
<div class="orbit-content-card">
76123
<h3 style="font-family: 'JetBrains Mono', monospace; font-size: 1rem; color: var(--accent-blue); margin-bottom: 15px;">[ PROJECT_DESCRIPTION ]</h3>
77-
<p style="font-size: 1rem; line-height: 1.7; color: #e2e8f0; margin-bottom: 20px;">
124+
<p style="font-size: 0.95rem; line-height: 1.7; color: var(--text-main); margin-bottom: 20px; font-family: 'JetBrains Mono', monospace;">
78125
Orbit™ to autorski ekosystem zaprojektowany do pełnej kontroli nad rozproszoną infrastrukturą HomeLab. Celem projektu jest stworzenie bezpiecznego mostu pomiędzy fizycznymi serwerami Proxmox a użytkownikiem mobilnym.
79126
</p>
80127

81-
<h4 style="color: #fff; margin-bottom: 10px;">Główne założenia:</h4>
82-
<ul style="color: var(--text-muted); font-size: 0.95rem; line-height: 1.8; padding-left: 20px;">
128+
<h4 style="color: var(--text-main); margin-bottom: 10px; font-family: 'JetBrains Mono', monospace; font-size: 0.95rem;">Główne założenia:</h4>
129+
<ul style="color: var(--text-muted); font-size: 0.9rem; line-height: 1.8; padding-left: 20px; font-family: 'JetBrains Mono', monospace;">
83130
<li>Zdalne zarządzanie węzłami klastra poprzez dedykowaną aplikację Android.</li>
84131
<li>Integracja powiadomień o stanie usług (Proxmox / Docker / NoMachine).</li>
85132
<li>Wykorzystanie technologii Zero-Trust (Twingate) do bezpiecznego dostępu z dowolnej lokalizacji.</li>
86133
<li>Automatyzacja procesów backupu i monitorowania zasobów sprzętowych.</li>
87134
</ul>
88135
</div>
89136

90-
<div class="card" style="margin-top: 25px; border-style: dashed; text-align: center; background: transparent;">
137+
<div class="orbit-note-card">
91138
<p style="font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; color: var(--text-muted); margin: 0;">
92139
// Więcej modułów i dokumentacji technicznej pojawi się w miarę postępów w kodowaniu.
93140
</p>

0 commit comments

Comments
 (0)