Skip to content

Commit e946121

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent e6495b6 commit e946121

1 file changed

Lines changed: 37 additions & 59 deletions

File tree

‎index.html‎

Lines changed: 37 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -3,88 +3,66 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>TobiMessi | Infrastructure & Orbit Dev</title>
6+
<title>TobiMessi | Infrastructure</title>
77

8-
<link rel="icon" type="image/png" href="qr-code.png?v=3">
9-
<link rel="shortcut icon" type="image/png" href="qr-code.png?v=3">
8+
<link rel="icon" type="image/png" href="qr-code.png">
109

1110
<style>
12-
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; }
13-
.wrapper { max-width: 650px; width: 100%; }
14-
.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); }
15-
.text-center { text-align: center; }
16-
17-
header { text-align: center; margin-bottom: 30px; }
18-
.btn-social { display: inline-block; padding: 10px 20px; margin: 5px; border-radius: 8px; text-decoration: none; font-weight: bold; color: white; transition: 0.2s; }
11+
body { font-family: -apple-system, sans-serif; background: #f0f2f5; display: flex; justify-content: center; padding: 20px; }
12+
.wrapper { max-width: 600px; width: 100%; }
13+
.card { background: white; border-radius: 15px; padding: 25px; border: 1px solid #ddd; text-align: center; box-shadow: 0 4px 10px rgba(0,0,0,0.05); }
14+
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin: 20px 0; }
15+
.node { background: #fff; border: 1px solid #eee; padding: 15px; border-radius: 10px; text-align: left; }
16+
.btn { display: inline-block; padding: 10px 20px; margin: 5px; border-radius: 8px; text-decoration: none; font-weight: bold; color: white; }
1917
.btn-gh { background: #24292e; }
20-
.btn-reddit { background: #FF4500; }
21-
22-
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }
23-
.node { background: white; border: 1px solid #ddd; padding: 15px; border-radius: 12px; }
24-
.status { color: #28a745; font-weight: bold; font-size: 0.75rem; text-transform: uppercase; }
25-
26-
.focus-box { border-left: 4px solid #0066cc; background: #f8fbff; padding: 20px; border-radius: 0 12px 12px 0; margin-bottom: 20px; }
27-
.focus-box h3 { margin-top: 0; color: #0066cc; font-size: 1.1rem; }
28-
29-
.btn-support { display: inline-block; padding: 12px 24px; margin: 10px 5px; border-radius: 10px; text-decoration: none; font-weight: bold; color: white; }
30-
.btn-coffee { background: #FFDD00; color: #000; }
31-
32-
/* Kontener na QR Code */
33-
.qr-container { text-align: center; margin-top: 20px; border-top: 1px solid #eee; padding-top: 20px; }
34-
.qr-img { width: 160px; height: 160px; border: 1px solid #ddd; padding: 5px; background: #fff; border-radius: 10px; display: block; margin: 10px auto; }
35-
18+
.btn-rd { background: #ff4500; }
19+
.btn-coffee { background: #FFDD00; color: black; }
20+
/* Styl dla obrazka QR */
21+
.qr-frame {
22+
margin-top: 20px;
23+
padding: 10px;
24+
border: 2px dashed #ccc;
25+
display: inline-block;
26+
border-radius: 10px;
27+
}
28+
.qr-img { width: 180px; height: auto; display: block; }
3629
@media (max-width: 500px) { .grid { grid-template-columns: 1fr; } }
3730
</style>
3831
</head>
3932
<body>
4033

4134
<div class="wrapper">
42-
<header>
43-
<h1 style="margin-bottom: 5px; font-size: 2.5rem;">TobiMessi</h1>
44-
<p style="color: #606770; margin-bottom: 20px;">Infrastructure Architect & Docker Developer</p>
45-
<div>
46-
<a href="https://github.com/TobiMessi" class="btn-social btn-gh">GitHub Profile</a>
47-
<a href="https://www.reddit.com/user/TobiMessi201/" class="btn-social btn-reddit">Reddit Profile</a>
48-
</div>
35+
<header style="text-align: center; margin-bottom: 20px;">
36+
<h1>TobiMessi</h1>
37+
<a href="https://github.com/TobiMessi" class="btn btn-gh">GitHub</a>
38+
<a href="https://www.reddit.com/user/TobiMessi201/" class="btn btn-rd">Reddit</a>
4939
</header>
5040

51-
<div class="focus-box">
52-
<h3>Current Focus: Orbit Docker Image</h3>
53-
<p style="margin-bottom: 0; font-size: 0.95rem;">
54-
I am currently focused on developing and optimizing a <strong>custom Docker image</strong> for the Orbit project.
55-
The goal is to provide a high-performance base for container orchestration across distributed hardware nodes.
56-
</p>
57-
</div>
58-
5941
<div class="grid">
6042
<div class="node">
61-
<span class="status">● ONLINE</span><br>
62-
<strong style="display:block; margin-top:5px;">HP Compaq Pro 6300 SFF</strong>
63-
<small style="color: #606770;">i5-3470 | 8GB RAM | ADATA SSD</small>
43+
<strong style="color: #28a745;">● HP Compaq Pro 6300</strong><br>
44+
<small>i5-3470 | 8GB RAM</small>
6445
</div>
6546
<div class="node">
66-
<span class="status">● ONLINE</span><br>
67-
<strong style="display:block; margin-top:5px;">Asus VivoBook 15</strong>
68-
<small style="color: #606770;">N4000 | 4GB RAM | Kingston SSD</small>
47+
<strong style="color: #28a745;">● Asus VivoBook 15</strong><br>
48+
<small>N4000 | 4GB RAM</small>
6949
</div>
7050
</div>
7151

72-
<div class="card text-center">
73-
<h2 style="margin-top: 0; color: #0066cc;">Support the Project</h2>
74-
<div style="margin: 20px 0;">
75-
<a href="https://github.com/sponsors/TobiMessi" class="btn-social btn-gh">Sponsor on GitHub</a>
76-
<a href="https://www.buymeacoffee.com/TobiK0" class="btn-support btn-coffee">Buy Me a Coffee</a>
52+
<div class="card">
53+
<h3>Support & Docker Dev</h3>
54+
<p>I am optimizing my custom Docker image for Project Orbit.</p>
55+
56+
<div style="margin: 15px 0;">
57+
<a href="https://github.com/sponsors/TobiMessi" class="btn btn-gh">Sponsor</a>
58+
<a href="https://www.buymeacoffee.com/TobiK0" class="btn btn-coffee">Buy Coffee</a>
7759
</div>
7860

79-
<div class="qr-container">
80-
<p style="font-size: 0.85rem; color: #606770;">Quick Mobile Support:</p>
81-
<img src="qr-code.png" alt="Support QR" class="qr-img">
61+
<div class="qr-frame">
62+
<p style="font-size: 0.8rem; margin-bottom: 5px;">Scan QR Code:</p>
63+
<img src="qr-code.png" alt="Jeśli nie widzisz QR, sprawdź nazwę pliku w repozytorium" class="qr-img">
8264
</div>
8365
</div>
84-
85-
<footer style="text-align: center; color: #888; font-size: 0.8rem; margin-top: 30px;">
86-
1 Gbps Fiber • Linux Mint 22.2 • Orbit Project 2026
87-
</footer>
8866
</div>
8967

9068
</body>

0 commit comments

Comments
 (0)