Skip to content

Commit 7ee5e0c

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent 4cc1575 commit 7ee5e0c

1 file changed

Lines changed: 49 additions & 26 deletions

File tree

‎index.html‎

Lines changed: 49 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -3,35 +3,56 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>TobiMessi Infrastructure</title>
6+
<title>TobiMessi | Infrastructure & Orbit Dev</title>
77
<style>
88
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; background: #f0f2f5; color: #1c1e21; display: flex; justify-content: center; padding: 20px; line-height: 1.5; }
9-
.wrapper { max-width: 600px; width: 100%; }
10-
.card { background: white; border-radius: 12px; padding: 25px; margin-bottom: 20px; border: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0,0,0,0.05); text-align: center; }
11-
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }
12-
.node { background: white; border: 1px solid #ddd; padding: 15px; border-radius: 12px; text-align: left; }
13-
.status { color: #28a745; font-weight: bold; font-size: 0.75rem; text-transform: uppercase; }
14-
.btn { display: inline-block; padding: 12px 24px; margin: 8px 4px; border-radius: 10px; text-decoration: none; font-weight: bold; color: white; transition: 0.2s; }
15-
.btn:hover { opacity: 0.9; transform: translateY(-1px); }
9+
.wrapper { max-width: 650px; width: 100%; }
10+
.card { background: white; border-radius: 12px; padding: 25px; margin-bottom: 20px; border: 1px solid #ddd; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
11+
.text-center { text-align: center; }
12+
13+
/* Profile Header */
14+
header { text-align: center; margin-bottom: 30px; }
15+
.btn-social { display: inline-block; padding: 10px 20px; margin: 5px; border-radius: 8px; text-decoration: none; font-weight: bold; color: white; transition: 0.2s; }
1616
.btn-gh { background: #24292e; }
1717
.btn-reddit { background: #FF4500; }
18+
19+
/* Nodes Grid */
20+
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }
21+
.node { background: white; border: 1px solid #ddd; padding: 15px; border-radius: 12px; }
22+
.status { color: #28a745; font-weight: bold; font-size: 0.75rem; text-transform: uppercase; }
23+
24+
/* Focus Section */
25+
.focus-box { border-left: 4px solid #0066cc; padding-left: 15px; background: #f8fbff; padding: 15px; border-radius: 0 12px 12px 0; }
26+
.focus-box h3 { margin-top: 0; color: #0066cc; font-size: 1.1rem; }
27+
28+
/* Support Buttons */
29+
.btn-support { display: inline-block; padding: 12px 24px; margin: 10px 5px; border-radius: 10px; text-decoration: none; font-weight: bold; color: white; }
1830
.btn-coffee { background: #FFDD00; color: #000; }
19-
img { max-width: 100%; height: auto; border-radius: 8px; }
31+
32+
.qr-img { width: 140px; border: 1px solid #ddd; padding: 5px; background: #fff; margin-top: 10px; border-radius: 10px; }
2033
@media (max-width: 500px) { .grid { grid-template-columns: 1fr; } }
2134
</style>
2235
</head>
2336
<body>
2437

2538
<div class="wrapper">
26-
<header style="text-align: center; margin-bottom: 30px;">
27-
<h1 style="margin-bottom: 5px;">TobiMessi</h1>
28-
<p style="color: #606770; margin-bottom: 20px;">Infrastructure & Project Orbit Developer</p>
39+
<header>
40+
<h1 style="margin-bottom: 5px; font-size: 2.5rem;">TobiMessi</h1>
41+
<p style="color: #606770; margin-bottom: 20px;">Infrastructure Architect & Docker Developer</p>
2942
<div>
30-
<a href="https://github.com/TobiMessi" class="btn btn-gh">GitHub</a>
31-
<a href="https://www.reddit.com/user/TobiMessi201/" class="btn btn-reddit">Reddit</a>
43+
<a href="https://github.com/TobiMessi" class="btn-social btn-gh">GitHub Profile</a>
44+
<a href="https://www.reddit.com/user/TobiMessi201/" class="btn-social btn-reddit">Reddit Profile</a>
3245
</div>
3346
</header>
3447

48+
<div class="card focus-box">
49+
<h3>Current Focus: Orbit Docker Image</h3>
50+
<p style="margin-bottom: 0; font-size: 0.95rem;">
51+
Right now, I am heavily focused on developing and optimizing my **custom Docker image** for the Orbit project.
52+
The goal is to provide a rock-solid, high-performance base for container orchestration that works seamlessly across different hardware nodes.
53+
</p>
54+
</div>
55+
3556
<div class="grid">
3657
<div class="node">
3758
<span class="status">● ONLINE</span><br>
@@ -45,24 +66,26 @@ <h1 style="margin-bottom: 5px;">TobiMessi</h1>
4566
</div>
4667
</div>
4768

48-
<div class="card">
49-
<h2 style="margin-top: 0; color: #0066cc;">Support Orbit Project</h2>
50-
<p style="color: #606770;">Your donations help me upgrade the home-lab infrastructure and fund the development of the Orbit container management app.</p>
69+
<div class="card text-center">
70+
<h2 style="margin-top: 0; color: #0066cc;">Support the Infrastructure</h2>
71+
<p style="color: #606770; font-size: 0.95rem;">
72+
Maintaining a 24/7 home-lab and developing open-source software takes time and resources.
73+
All contributions go directly towards hardware upgrades and Orbit development.
74+
</p>
5175

52-
<div style="margin: 25px 0;">
53-
<a href="https://github.com/sponsors/TobiMessi" class="btn btn-gh">Sponsor on GitHub</a>
54-
55-
<a href="https://www.buymeacoffee.com/TobiK0" class="btn btn-coffee">Buy Me a Coffee</a>
76+
<div style="margin: 20px 0;">
77+
<a href="https://github.com/sponsors/TobiMessi" class="btn-social btn-gh" style="padding: 12px 24px;">Sponsor on GitHub</a>
78+
<a href="https://www.buymeacoffee.com/TobiK0" class="btn-support btn-coffee">Buy Me a Coffee</a>
5679
</div>
5780

58-
<div style="margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px;">
59-
<p style="font-size: 0.85rem; color: #606770; margin-bottom: 15px;">Mobile Quick Support (QR Code):</p>
60-
<img src="qr-code.png" alt="Support QR" style="width: 150px; border: 1px solid #ddd; padding: 5px; background: #fff;">
81+
<div style="margin-top: 15px; border-top: 1px solid #eee; padding-top: 20px;">
82+
<p style="font-size: 0.8rem; color: #606770; margin-bottom: 10px;">Quick Mobile Support:</p>
83+
<img src="qr-code.png" alt="Support QR" class="qr-img">
6184
</div>
6285
</div>
6386

64-
<footer style="text-align: center; color: #888; font-size: 0.8rem; margin-top: 40px;">
65-
1 Gbps Fiber • Linux Mint 22.2 • Project Orbit 2026
87+
<footer style="text-align: center; color: #888; font-size: 0.8rem; margin-top: 30px;">
88+
1 Gbps Fiber • Linux Mint 22.2 • Orbit Project 2026
6689
</footer>
6790
</div>
6891

0 commit comments

Comments
 (0)