Skip to content

Commit 4990b41

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent 72b0bb8 commit 4990b41

1 file changed

Lines changed: 37 additions & 34 deletions

File tree

‎index.html‎

Lines changed: 37 additions & 34 deletions
Original file line numberDiff line numberDiff line change
@@ -5,14 +5,14 @@
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
66
<title>TobiMessi | Infrastructure</title>
77

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

1111
<style>
12-
/* Nowoczesny font i tło */
12+
/* Styl PRO: Gradienty i cienie */
1313
body {
1414
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
15-
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); /* Gradient tła */
15+
background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
1616
color: #1c1e21;
1717
display: flex;
1818
justify-content: center;
@@ -24,16 +24,16 @@
2424
}
2525

2626
.wrapper {
27-
max-width: 600px;
27+
max-width: 650px;
2828
width: 100%;
29-
background: rgba(255, 255, 255, 0.95);
29+
background: rgba(255, 255, 255, 0.98);
3030
padding: 40px;
3131
border-radius: 20px;
32-
box-shadow: 0 10px 30px rgba(0,0,0,0.1); /* Cień pod całą stroną */
32+
box-shadow: 0 15px 35px rgba(0,0,0,0.1); /* Głęboki cień */
3333
}
3434

3535
header { text-align: center; margin-bottom: 35px; }
36-
h1 { margin: 0 0 10px 0; font-size: 2.2rem; letter-spacing: -0.5px; color: #111; }
36+
h1 { margin: 0 0 10px 0; font-size: 2.5rem; letter-spacing: -1px; color: #111; }
3737

3838
/* Przyciski */
3939
.btn-group { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 15px; }
@@ -48,43 +48,45 @@
4848
font-size: 0.9rem;
4949
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
5050
}
51-
.btn:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); }
51+
.btn:hover { transform: translateY(-2px); box-shadow: 0 4px 8px rgba(0,0,0,0.15); opacity: 0.9; }
5252

5353
.btn-gh { background: #24292e; }
5454
.btn-reddit { background: #FF4500; }
5555
.btn-coffee { background: #FFDD00; color: #000; }
5656

57-
/* Sekcja Focus */
57+
/* Sekcja Focus - Dłuższy tekst */
5858
.focus-box {
59-
background: #e8f3ff;
59+
background: #f0f7ff;
6060
border-left: 5px solid #0066cc;
61-
padding: 20px;
61+
padding: 25px;
6262
border-radius: 8px;
6363
margin-bottom: 30px;
6464
}
65-
.focus-box h3 { margin-top: 0; color: #0056b3; font-size: 1.1rem; margin-bottom: 5px; }
65+
.focus-box h3 { margin-top: 0; color: #0056b3; font-size: 1.2rem; margin-bottom: 10px; }
66+
.focus-box p { margin: 0; color: #333; font-size: 0.95rem; }
6667

6768
/* Grid serwerów */
68-
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 30px; }
69+
.grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 35px; }
6970
.node {
7071
background: white;
7172
border: 1px solid #e1e4e8;
7273
padding: 20px;
7374
border-radius: 12px;
7475
transition: 0.2s;
76+
box-shadow: 0 2px 5px rgba(0,0,0,0.02);
7577
}
76-
.node:hover { border-color: #0066cc; }
78+
.node:hover { border-color: #0066cc; transform: translateY(-2px); }
7779
.status { color: #28a745; font-weight: bold; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 1px; }
7880

7981
/* Sekcja Wsparcia */
8082
.support-card {
8183
text-align: center;
82-
border-top: 2px solid #f0f0f0;
84+
border-top: 1px solid #eaeaea;
8385
padding-top: 30px;
8486
}
8587

8688
.qr-img {
87-
width: 150px;
89+
width: 160px;
8890
height: auto;
8991
border: 1px solid #ddd;
9092
padding: 8px;
@@ -94,7 +96,7 @@
9496
box-shadow: 0 4px 10px rgba(0,0,0,0.05);
9597
}
9698

97-
footer { text-align: center; color: #888; font-size: 0.8rem; margin-top: 40px; }
99+
footer { text-align: center; color: #888; font-size: 0.8rem; margin-top: 50px; }
98100

99101
@media (max-width: 500px) { .grid { grid-template-columns: 1fr; } }
100102
</style>
@@ -104,53 +106,54 @@
104106
<div class="wrapper">
105107
<header>
106108
<h1>TobiMessi</h1>
107-
<p style="color: #555; margin-bottom: 20px;">Infrastructure Architect & Docker Developer</p>
109+
<p style="color: #555; margin-bottom: 20px; font-size: 1.1rem;">Infrastructure Architect & Docker Developer</p>
108110
<div class="btn-group">
109-
<a href="https://github.com/TobiMessi" class="btn btn-gh">GitHub</a>
110-
<a href="https://www.reddit.com/user/TobiMessi201/" class="btn btn-reddit">Reddit</a>
111+
<a href="https://github.com/TobiMessi" class="btn btn-gh">GitHub Profile</a>
112+
<a href="https://www.reddit.com/user/TobiMessi201/" class="btn btn-reddit">Reddit Profile</a>
111113
</div>
112114
</header>
113115

114116
<div class="focus-box">
115117
<h3>Current Focus: Orbit Docker Image</h3>
116-
<p style="margin: 0; font-size: 0.95rem; color: #333;">
117-
Developing a highly optimized, custom Docker image for Project Orbit.
118-
Aiming for maximum performance across distributed hardware nodes.
118+
<p>
119+
Right now, I am heavily focused on developing and optimizing my <strong>custom Docker image</strong> for the Orbit project.
120+
The goal is to provide a rock-solid, high-performance base for container orchestration that works seamlessly across different hardware nodes.
119121
</p>
120122
</div>
121123

122124
<div class="grid">
123125
<div class="node">
124126
<span class="status">● Online</span><br>
125127
<strong style="display:block; margin-top:8px;">HP Compaq Pro 6300</strong>
126-
<small style="color: #666;">i5-3470 | 8GB RAM</small>
128+
<small style="color: #666;">i5-3470 | 8GB RAM | ADATA SSD</small>
127129
</div>
128130
<div class="node">
129131
<span class="status">● Online</span><br>
130132
<strong style="display:block; margin-top:8px;">Asus VivoBook 15</strong>
131-
<small style="color: #666;">N4000 | 4GB RAM</small>
133+
<small style="color: #666;">N4000 | 4GB RAM | Kingston SSD</small>
132134
</div>
133135
</div>
134136

135137
<div class="support-card">
136-
<h2 style="margin-top: 0; font-size: 1.5rem;">Support the Project</h2>
137-
<p style="color: #666; font-size: 0.9rem; margin-bottom: 20px;">
138-
Your support directly funds hardware upgrades (SSD/RAM) and development time.
138+
<h2 style="margin-top: 0; color: #0066cc;">Support the Project</h2>
139+
<p style="color: #555; margin-bottom: 25px; max-width: 500px; margin-left: auto; margin-right: auto;">
140+
Help me scale the infrastructure and develop the <strong>Orbit Application</strong>.
141+
All funds are used directly for server upgrades (RAM/SSD) and development costs.
139142
</p>
140143

141144
<div class="btn-group">
142-
<a href="https://github.com/sponsors/TobiMessi" class="btn btn-gh">Sponsor</a>
143-
<a href="https://www.buymeacoffee.com/TobiK0" class="btn btn-coffee">Buy Coffee</a>
145+
<a href="https://github.com/sponsors/TobiMessi" class="btn btn-gh">Sponsor on GitHub</a>
146+
<a href="https://www.buymeacoffee.com/TobiK0" class="btn btn-coffee">Buy Me a Coffee</a>
144147
</div>
145148

146-
<div style="margin-top: 25px;">
147-
<p style="font-size: 0.8rem; font-weight: bold; color: #888; margin-bottom: 5px;">QUICK MOBILE SCAN</p>
149+
<div style="margin-top: 30px;">
150+
<p style="font-size: 0.8rem; font-weight: bold; color: #888; margin-bottom: 5px;">QUICK MOBILE SUPPORT</p>
148151
<img src="qr-code.png" alt="Scan to Support" class="qr-img">
149152
</div>
150153
</div>
151154

152155
<footer>
153-
1 Gbps Fiber • Linux Mint 22.2 • Orbit 2026
156+
1 Gbps Fiber • Linux Mint 22.2 • Orbit Project 2026
154157
</footer>
155158
</div>
156159

0 commit comments

Comments
 (0)