Skip to content

Commit 42b926e

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent e6e2ad4 commit 42b926e

1 file changed

Lines changed: 58 additions & 29 deletions

File tree

‎index.html‎

Lines changed: 58 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
}
2424

2525
.wrapper {
26-
max-width: 650px;
26+
max-width: 800px;
2727
width: 100%;
2828
background: rgba(255, 255, 255, 0.98);
2929
padding: 40px;
@@ -37,13 +37,13 @@
3737
.btn-group {
3838
display: flex;
3939
justify-content: center;
40-
gap: 15px;
40+
gap: 12px;
4141
flex-wrap: wrap;
4242
margin-top: 15px;
4343
}
4444

4545
.btn {
46-
width: 190px;
46+
width: 180px;
4747
display: inline-block;
4848
padding: 12px 0;
4949
text-align: center;
@@ -52,7 +52,7 @@
5252
font-weight: 600;
5353
color: white !important;
5454
transition: all 0.2s ease;
55-
font-size: 0.9rem;
55+
font-size: 0.85rem;
5656
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
5757
box-sizing: border-box;
5858
border: none;
@@ -64,12 +64,12 @@
6464
opacity: 0.9;
6565
}
6666

67-
/* --- KOLORY PRZYCISKÓW --- */
67+
/* --- COLORS --- */
6868
.btn-gh { background: #24292e !important; }
6969
.btn-reddit { background: #FF4500 !important; }
7070
.btn-yt { background: #FF0000 !important; }
7171
.btn-x { background: #000000 !important; }
72-
.btn-tiktok { background: #010101 !important; color: #ffffff !important; }
72+
.btn-tiktok { background: #010101 !important; }
7373
.btn-coffee { background: #FFDD00 !important; color: #000 !important; }
7474
.btn-patreon { background: #FF424D !important; }
7575
.btn-orbit { background: #4b0082 !important; }
@@ -83,19 +83,27 @@
8383
}
8484
.focus-box h3 { margin-top: 0; color: #0056b3; font-size: 1.2rem; margin-bottom: 10px; }
8585

86-
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 35px; }
86+
.grid {
87+
display: grid;
88+
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
89+
gap: 15px;
90+
margin-bottom: 35px;
91+
}
8792
.node {
8893
background: white;
8994
border: 1px solid #e1e4e8;
90-
padding: 20px;
95+
padding: 15px;
9196
border-radius: 12px;
9297
transition: 0.2s;
9398
}
9499
.node:hover { border-color: #0066cc; transform: translateY(-2px); }
95-
.status { color: #28a745; font-weight: bold; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; }
100+
.status { font-weight: bold; font-size: 0.7rem; text-transform: uppercase; letter-spacing: 1px; }
101+
.status-online { color: #28a745; }
102+
.status-cloud { color: #0066cc; }
96103

97-
.specs { margin-top: 10px; font-size: 0.85rem; color: #555; }
98-
.spec-line { display: block; margin-bottom: 4px; }
104+
.specs { margin-top: 10px; font-size: 0.8rem; color: #555; }
105+
.spec-line { display: block; margin-bottom: 3px; }
106+
.highlight { color: #0066cc; font-weight: 600; }
99107

100108
.support-card {
101109
text-align: center;
@@ -105,7 +113,6 @@
105113

106114
footer { text-align: center; color: #888; font-size: 0.8rem; margin-top: 50px; }
107115

108-
/* Media query poprawione dla 3 elementów */
109116
@media (max-width: 600px) { .grid { grid-template-columns: 1fr; } }
110117
</style>
111118
</head>
@@ -114,7 +121,7 @@
114121
<div class="wrapper">
115122
<header>
116123
<h1>DevLabStudy©</h1>
117-
<p style="color: #555; margin-bottom: 20px; font-size: 1.1rem;">Self-Taught Infrastructure Enthusiast & Docker Learner</p>
124+
<p style="color: #555; margin-bottom: 20px; font-size: 1.1rem;">Self-Taught Infrastructure Enthusiast & Proxmox Learner</p>
118125
<div class="btn-group">
119126
<a href="https://github.com/DevLabStudy" class="btn btn-gh">GitHub Profile</a>
120127
<a href="https://www.youtube.com/channel/UCisFPSU_Y8hznpqrcewcJAg?app=desktop" class="btn btn-yt">YouTube Channel</a>
@@ -127,45 +134,65 @@ <h1>DevLabStudy©</h1>
127134
</header>
128135

129136
<div class="focus-box">
130-
<h3>Current Journey: Docker Optimization</h3>
137+
<h3>Current Journey: Proxmox Cluster & Docker Optimization</h3>
131138
<p>
132-
Right now, I am deep-diving into <strong>Docker image optimization</strong>. My goal is to learn how to build efficient, secure, and lightweight images for the <strong>Orbit™</strong> project, testing them across my home-lab nodes.
139+
I am currently focusing on building a <strong>high-performance home-lab cluster</strong> using Proxmox. I am optimizing Docker images for the <strong>Orbit™</strong> project, ensuring high availability across my local nodes in Cieszyn.
133140
</p>
134141
</div>
135142

136143
<div class="grid">
137144
<div class="node">
138-
<span class="status">Online</span><br>
139-
<strong style="display:block; margin-top:8px; font-size: 1.05rem;">HP Compaq Pro 6300 SFF</strong>
145+
<span class="status status-online">Online</span><br>
146+
<strong style="display:block; margin-top:8px;">Packard Bell (pve-laptop)</strong>
147+
<div class="specs">
148+
<span class="spec-line">i5-2410M - 8GB RAM</span>
149+
<span class="spec-line">GT 540M | 120GB SSD</span>
150+
<span class="spec-line highlight">iperf3: 745 Mbps</span>
151+
</div>
152+
</div>
153+
154+
<div class="node">
155+
<span class="status status-online">Online</span><br>
156+
<strong style="display:block; margin-top:8px;">HP Server (Workhorse)</strong>
140157
<div class="specs">
141-
<span class="spec-line">i5-3470 - 16GB RAM</span>
142-
<span class="spec-line" style="color: #1a1d21; font-weight: 500;">ADATA SU900 SSD 256GB + Hitachi Travelstar 5K250-160 HDD 160GB + HGST HTS541010A9E680 HDD 1TB</span>
158+
<span class="spec-line">Pentium G2020 - 4GB RAM</span>
159+
<span class="spec-line highlight">Samsung 860 EVO 250GB SSD</span>
160+
<span class="spec-line">Windows Server Node</span>
143161
</div>
144162
</div>
145163

146164
<div class="node">
147-
<span class="status">Online</span><br>
148-
<strong style="display:block; margin-top:8px; font-size: 1.05rem;">Asus VivoBook 15</strong>
165+
<span class="status status-online">Online</span><br>
166+
<strong style="display:block; margin-top:8px;">Asus (tobik-laptop)</strong>
149167
<div class="specs">
150-
<span class="spec-line">Celeron N4000 - 4GB RAM</span>
151-
<span class="spec-line" style="color: #1a1d21; font-weight: 500;">Kingston A400 SSD 256GB</span>
168+
<span class="spec-line">i3-5005U - 8GB RAM</span>
169+
<span class="spec-line">GeForce 920M | 240GB SSD</span>
152170
</div>
153171
</div>
154172

155173
<div class="node">
156-
<span class="status" style="color: #0066cc;">Cloud Node</span><br>
157-
<strong style="display:block; margin-top:8px; font-size: 1.05rem;">DigitalOcean VPS (FRA1)</strong>
174+
<span class="status status-online">Online</span><br>
175+
<strong style="display:block; margin-top:8px;">Asus (Legacy Power)</strong>
158176
<div class="specs">
159-
<span class="spec-line">1 vCPU - 2GB RAM (Upgrade)</span>
160-
<span class="spec-line" style="color: #1a1d21; font-weight: 500;">Ubuntu 24.04 LTS - 10GB SSD</span>
177+
<span class="spec-line">Core 2 Duo T6500 - 4GB RAM</span>
178+
<span class="spec-line">GT 120M | 320GB HDD</span>
179+
</div>
180+
</div>
181+
182+
<div class="node">
183+
<span class="status status-cloud">Cloud Node</span><br>
184+
<strong style="display:block; margin-top:8px;">VPS (DigitalOcean)</strong>
185+
<div class="specs">
186+
<span class="spec-line">1 vCore - 2GB RAM</span>
187+
<span class="spec-line">20GB SSD | Frankfurt FRA1</span>
161188
</div>
162189
</div>
163190
</div>
164191

165192
<div class="support-card">
166193
<h2 style="margin-top: 0; color: #0066cc;">Support My Journey</h2>
167194
<p style="color: #555; margin-bottom: 25px;">
168-
Every donation helps me buy new parts for my home-lab and provides more time to learn and develop the <strong>Orbit™ Application</strong>.
195+
Every donation helps me expand my home-lab and provides more resources to develop the <strong>Orbit™ Project</strong>.
169196
</p>
170197

171198
<div class="btn-group">
@@ -176,9 +203,11 @@ <h2 style="margin-top: 0; color: #0066cc;">Support My Journey</h2>
176203
</div>
177204

178205
<footer>
179-
1 Gbps Fiber - Linux Mint 22.3 - Orbit™ Project 2026
206+
1 Gbps Fiber - Proxmox Cluster - Orbit™ Project 2026
180207
</footer>
181208
</div>
182209

183210
</body>
184211
</html>
212+
</body>
213+
</html>

0 commit comments

Comments
 (0)