Skip to content

Commit 69fadcc

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

1 file changed

Lines changed: 43 additions & 47 deletions

File tree

‎index.html‎

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

2525
.wrapper {
26-
max-width: 800px;
26+
max-width: 650px;
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: 12px;
40+
gap: 15px;
4141
flex-wrap: wrap;
4242
margin-top: 15px;
4343
}
4444

4545
.btn {
46-
width: 180px;
46+
width: 190px;
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.85rem;
55+
font-size: 0.9rem;
5656
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
5757
box-sizing: border-box;
5858
border: none;
@@ -64,12 +64,11 @@
6464
opacity: 0.9;
6565
}
6666

67-
/* --- COLORS --- */
6867
.btn-gh { background: #24292e !important; }
6968
.btn-reddit { background: #FF4500 !important; }
7069
.btn-yt { background: #FF0000 !important; }
7170
.btn-x { background: #000000 !important; }
72-
.btn-tiktok { background: #010101 !important; }
71+
.btn-tiktok { background: #010101 !important; color: #ffffff !important; }
7372
.btn-coffee { background: #FFDD00 !important; color: #000 !important; }
7473
.btn-patreon { background: #FF424D !important; }
7574
.btn-orbit { background: #4b0082 !important; }
@@ -83,27 +82,19 @@
8382
}
8483
.focus-box h3 { margin-top: 0; color: #0056b3; font-size: 1.2rem; margin-bottom: 10px; }
8584

86-
.grid {
87-
display: grid;
88-
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
89-
gap: 15px;
90-
margin-bottom: 35px;
91-
}
85+
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 35px; }
9286
.node {
9387
background: white;
9488
border: 1px solid #e1e4e8;
95-
padding: 15px;
89+
padding: 20px;
9690
border-radius: 12px;
9791
transition: 0.2s;
9892
}
9993
.node:hover { border-color: #0066cc; transform: translateY(-2px); }
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; }
94+
.status { color: #28a745; font-weight: bold; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; }
10395

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; }
96+
.specs { margin-top: 10px; font-size: 0.85rem; color: #555; }
97+
.spec-line { display: block; margin-bottom: 4px; }
10798

10899
.support-card {
109100
text-align: center;
@@ -121,7 +112,7 @@
121112
<div class="wrapper">
122113
<header>
123114
<h1>DevLabStudy©</h1>
124-
<p style="color: #555; margin-bottom: 20px; font-size: 1.1rem;">Self-Taught Infrastructure Enthusiast & Proxmox Learner</p>
115+
<p style="color: #555; margin-bottom: 20px; font-size: 1.1rem;">Self-Taught Infrastructure Enthusiast & Docker Learner</p>
125116
<div class="btn-group">
126117
<a href="https://github.com/DevLabStudy" class="btn btn-gh">GitHub Profile</a>
127118
<a href="https://www.youtube.com/channel/UCisFPSU_Y8hznpqrcewcJAg?app=desktop" class="btn btn-yt">YouTube Channel</a>
@@ -134,65 +125,72 @@ <h1>DevLabStudy©</h1>
134125
</header>
135126

136127
<div class="focus-box">
137-
<h3>Current Journey: Proxmox Cluster & Docker Optimization</h3>
128+
<h3>Current Journey: Docker Optimization</h3>
138129
<p>
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.
130+
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.
140131
</p>
141132
</div>
142133

143134
<div class="grid">
144135
<div class="node">
145-
<span class="status status-online">Online</span><br>
146-
<strong style="display:block; margin-top:8px;">Packard Bell (pve-laptop)</strong>
136+
<span class="status">Online</span><br>
137+
<strong style="display:block; margin-top:8px; font-size: 1.05rem;">HP Compaq Pro 6300 SFF</strong>
138+
<div class="specs">
139+
<span class="spec-line">i5-3470 - 16GB RAM</span>
140+
<span class="spec-line">ADATA SU900 SSD 256GB + Samsung EVO 860 SSD 250GB + HGST HTS541010A9E680 HDD 1TB</span>
141+
</div>
142+
</div>
143+
144+
<div class="node">
145+
<span class="status">Online</span><br>
146+
<strong style="display:block; margin-top:8px; font-size: 1.05rem;">Packard Bell pve-laptop</strong>
147147
<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>
148+
<span class="spec-line">i5-2410M - 8GB RAM - GT 540M</span>
149+
<span class="spec-line">120GB SSD - Gigabit Ethernet</span>
151150
</div>
152151
</div>
153152

154153
<div class="node">
155-
<span class="status status-online">Online</span><br>
156-
<strong style="display:block; margin-top:8px;">HP Server (Workhorse)</strong>
154+
<span class="status">Online</span><br>
155+
<strong style="display:block; margin-top:8px; font-size: 1.05rem;">Asus tobik-laptop</strong>
157156
<div class="specs">
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>
157+
<span class="spec-line">i3-5005U - 8GB RAM - GeForce 920M</span>
158+
<span class="spec-line">240GB SSD</span>
161159
</div>
162160
</div>
163161

164162
<div class="node">
165-
<span class="status status-online">Online</span><br>
166-
<strong style="display:block; margin-top:8px;">Asus (tobik-laptop)</strong>
163+
<span class="status">Online</span><br>
164+
<strong style="display:block; margin-top:8px; font-size: 1.05rem;">Asus Legacy</strong>
167165
<div class="specs">
168-
<span class="spec-line">i3-5005U - 8GB RAM</span>
169-
<span class="spec-line">GeForce 920M | 240GB SSD</span>
166+
<span class="spec-line">Core 2 Duo T6500 - 4GB RAM - GT 120M</span>
167+
<span class="spec-line">320GB HDD</span>
170168
</div>
171169
</div>
172170

173171
<div class="node">
174-
<span class="status status-online">Online</span><br>
175-
<strong style="display:block; margin-top:8px;">Asus (Legacy Power)</strong>
172+
<span class="status">Online</span><br>
173+
<strong style="display:block; margin-top:8px; font-size: 1.05rem;">Asus VivoBook 15</strong>
176174
<div class="specs">
177-
<span class="spec-line">Core 2 Duo T6500 - 4GB RAM</span>
178-
<span class="spec-line">GT 120M | 320GB HDD</span>
175+
<span class="spec-line">Celeron N4000 - 4GB RAM</span>
176+
<span class="spec-line">Kingston A400 SSD 256GB</span>
179177
</div>
180178
</div>
181179

182180
<div class="node">
183-
<span class="status status-cloud">Cloud Node</span><br>
184-
<strong style="display:block; margin-top:8px;">VPS (DigitalOcean)</strong>
181+
<span class="status">Cloud Node</span><br>
182+
<strong style="display:block; margin-top:8px; font-size: 1.05rem;">VPS Cloud</strong>
185183
<div class="specs">
186184
<span class="spec-line">1 vCore - 2GB RAM</span>
187-
<span class="spec-line">20GB SSD | Frankfurt FRA1</span>
185+
<span class="spec-line">Ubuntu 24.04 LTS - 20GB SSD</span>
188186
</div>
189187
</div>
190188
</div>
191189

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

198196
<div class="btn-group">
@@ -203,11 +201,9 @@ <h2 style="margin-top: 0; color: #0066cc;">Support My Journey</h2>
203201
</div>
204202

205203
<footer>
206-
1 Gbps Fiber - Proxmox Cluster - Orbit™ Project 2026
204+
1 Gbps Fiber - Linux Mint 22.3 - Orbit™ Project 2026
207205
</footer>
208206
</div>
209207

210208
</body>
211209
</html>
212-
</body>
213-
</html>

0 commit comments

Comments
 (0)