Skip to content

Commit 980d692

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent ce33477 commit 980d692

1 file changed

Lines changed: 65 additions & 61 deletions

File tree

‎index.html‎

Lines changed: 65 additions & 61 deletions
Original file line numberDiff line numberDiff line change
@@ -1,21 +1,21 @@
11
<!DOCTYPE html>
2-
<html lang="en">
2+
<html lang="pl">
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>TobiMessi | Infrastructure & Orbit</title>
6+
<title>TobiMessi | Project Orbit & Infrastructure</title>
77
<style>
88
:root {
9-
--bg: #f8f9fa; /* Jasne, nowoczesne tło */
9+
--bg: #f4f7f9; /* Jasne, szarawe tło (brak niebieskiego) */
1010
--card: #ffffff; /* Białe karty */
1111
--border: #e1e4e8;
12-
--text-main: #24292e;
13-
--text-sub: #586069;
14-
--accent: #0366d6; /* Profesjonalny niebieski */
15-
--highlight: #28a745; /* Zielony akcent sukcesu */
12+
--text-main: #1a1d21;
13+
--text-sub: #4a5568;
14+
--accent: #0066cc;
15+
--green: #28a745;
1616
}
1717
body {
18-
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
18+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
1919
background-color: var(--bg);
2020
color: var(--text-main);
2121
margin: 0;
@@ -24,101 +24,105 @@
2424
padding: 40px 20px;
2525
}
2626
.container { max-width: 650px; width: 100%; }
27-
header { text-align: center; margin-bottom: 40px; }
28-
h1 { margin: 0; font-size: 2.2rem; font-weight: 800; letter-spacing: -1px; }
27+
header { text-align: center; margin-bottom: 30px; }
28+
h1 { margin: 0; font-size: 2.2rem; font-weight: 800; color: #000; }
2929

3030
.card {
3131
background: var(--card);
3232
border: 1px solid var(--border);
3333
border-radius: 16px;
34-
padding: 30px;
34+
padding: 25px;
3535
margin-bottom: 20px;
36-
box-shadow: 0 4px 12px rgba(0,0,0,0.05); /* Delikatny cień */
36+
box-shadow: 0 4px 6px rgba(0,0,0,0.02);
3737
}
38-
.card h2 { margin-top: 0; color: var(--text-main); font-size: 1.3rem; border-bottom: 2px solid var(--bg); padding-bottom: 10px; }
39-
.card p { line-height: 1.6; color: var(--text-sub); margin-bottom: 15px; }
40-
38+
.card h2 { margin-top: 0; font-size: 1.3rem; color: var(--accent); margin-bottom: 15px; }
39+
.card p { line-height: 1.6; color: var(--text-sub); }
40+
41+
/* Sekcja Celów */
42+
.goals-list { margin: 0; padding: 0; list-style: none; }
43+
.goals-list li {
44+
padding: 10px 0;
45+
border-bottom: 1px solid #f0f0f0;
46+
display: flex;
47+
align-items: flex-start;
48+
}
49+
.goals-list li:last-child { border-bottom: none; }
50+
.goals-list strong { color: #000; display: block; }
51+
.icon { margin-right: 12px; margin-top: 4px; }
52+
4153
.infra-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }
4254
.infra-item {
4355
background: var(--card);
4456
border: 1px solid var(--border);
45-
border-radius: 16px;
46-
padding: 20px;
57+
border-radius: 12px;
58+
padding: 15px;
4759
text-align: center;
48-
box-shadow: 0 2px 8px rgba(0,0,0,0.04);
4960
}
50-
.status { color: var(--highlight); font-size: 0.75rem; font-weight: bold; margin-bottom: 5px; }
61+
.status { color: var(--green); font-size: 0.7rem; font-weight: bold; }
5162

52-
.goals-list { padding-left: 20px; color: var(--text-sub); }
53-
.goals-list li { margin-bottom: 10px; }
54-
.goals-list strong { color: var(--text-main); }
63+
.support-box { text-align: center; display: flex; flex-direction: column; align-items: center; gap: 20px; }
64+
.qr-img { width: 140px; border: 1px solid #ddd; border-radius: 10px; padding: 5px; background: #fff; }
5565

56-
.support-section { text-align: center; }
57-
.actions { display: flex; flex-direction: column; align-items: center; gap: 20px; }
58-
59-
.qr-small {
60-
width: 120px;
61-
border-radius: 12px;
62-
border: 1px solid var(--border);
63-
padding: 5px;
64-
background: white;
65-
}
66-
67-
footer { text-align: center; margin-top: 40px; font-size: 0.85rem; color: var(--text-sub); }
66+
footer { text-align: center; margin-top: 30px; font-size: 0.8rem; color: #a0aec0; }
6867
</style>
6968
</head>
7069
<body>
7170

7271
<div class="container">
7372
<header>
7473
<h1>TobiMessi</h1>
75-
<p style="color: var(--text-sub);">Infrastructure Architect & Orbit Creator</p>
74+
<p style="color: var(--text-sub); margin-top: 5px;">DevOps & Cloud Infrastructure Developer</p>
7675
</header>
7776

7877
<div class="infra-grid">
7978
<div class="infra-item">
80-
<div class="status">● ACTIVE</div>
79+
<div class="status">● ONLINE</div>
8180
<strong>HP Enterprise Cluster</strong>
82-
<p style="font-size: 0.8rem; margin-top: 5px; color: var(--text-sub);">Primary Production</p>
8381
</div>
8482
<div class="infra-item">
85-
<div class="status">● ACTIVE</div>
86-
<strong>Asus Server</strong>
87-
<p style="font-size: 0.8rem; margin-top: 5px; color: var(--text-sub);">Management Node</p>
83+
<div class="status">● ONLINE</div>
84+
<strong>Asus Node</strong>
8885
</div>
8986
</div>
9087

9188
<div class="card">
92-
<h2>Mission: Project Orbit</h2>
93-
<p>I am developing <strong>Orbit</strong> — a professional, lightweight container management suite. It aims to bridge the gap between complex orchestration and ease of use for home-lab enthusiasts.</p>
94-
</div>
95-
96-
<div class="card">
97-
<h2>Funding & Development Goals</h2>
98-
<p>Support is used to build a robust development environment:</p>
89+
<h2>Na co idzie Twoje wsparcie?</h2>
90+
<p>Każda darowizna pomaga mi utrzymać i rozwijać projekty open-source. Środki przeznaczam na:</p>
9991
<ul class="goals-list">
100-
<li><strong>Hardware Upgrades:</strong> Scaling the HP Enterprise server for Orbit stress-testing.</li>
101-
<li><strong>Development Costs:</strong> Funding the architecture and API deployment for the Orbit app.</li>
102-
<li><strong>Infrastructure:</strong> Maintaining 24/7 availability and Gigabit fiber connectivity.</li>
92+
<li>
93+
<span class="icon">🚀</span>
94+
<span><strong>Rozwój aplikacji Orbit</strong>Finansowanie architektury i wdrożenia mojego autorskiego systemu do zarządzania kontenerami.</span>
95+
</li>
96+
<li>
97+
<span class="icon">🖥️</span>
98+
<span><strong>Upgrade infrastruktury</strong>Zakup wydajniejszych dysków SSD i pamięci RAM do klastra HP Enterprise, aby testy przebiegały szybciej.</span>
99+
</li>
100+
<li>
101+
<span class="icon">⚡</span>
102+
<span><strong>Utrzymanie serwerów</strong>Pokrycie kosztów energii elektrycznej dla labu pracującego 24/7 oraz symetrycznego łącza światłowodowego.</span>
103+
</li>
104+
<li>
105+
<span class="icon">🛠️</span>
106+
<span><strong>Profesjonalne narzędzia</strong>Licencje JetBrains oraz usługi GitHub Premium, które pozwalają mi pisać lepszy kod.</span>
107+
</li>
103108
</ul>
104109
</div>
105110

106-
<div class="card support-section">
107-
<h2>Support the Projects</h2>
108-
<div class="actions">
109-
<iframe src="https://github.com/sponsors/TobiMessi/button" title="Sponsor TobiMessi" height="32" width="114" style="border: 0; border-radius: 6px;"></iframe>
110-
111-
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="TobiK0" data-color="#FFDD00" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#ffffff" ></script>
111+
<div class="card support-box">
112+
<h2>Wesprzyj moją pracę</h2>
113+
114+
<iframe src="https://github.com/sponsors/TobiMessi/button" title="Sponsor TobiMessi" height="32" width="114" style="border: 0; border-radius: 6px;"></iframe>
115+
116+
<script type="text/javascript" src="https://cdnjs.buymeacoffee.com/1.0.0/button.prod.min.js" data-name="bmc-button" data-slug="TobiK0" data-color="#FFDD00" data-emoji="" data-font="Cookie" data-text="Buy me a coffee" data-outline-color="#000000" data-font-color="#000000" data-coffee-color="#ffffff" ></script>
112117

113-
<div>
114-
<p style="font-size: 0.8rem; color: var(--text-sub); margin-bottom: 10px;">Mobile Quick Support:</p>
115-
<img src="qr-code.png" class="qr-small" alt="QR Support">
116-
</div>
118+
<div style="margin-top: 10px;">
119+
<p style="font-size: 0.8rem; color: var(--text-sub); margin-bottom: 10px;">Szybkie wsparcie mobilne (QR Code):</p>
120+
<img src="qr-code.png" alt="QR wsparcia" class="qr-img">
117121
</div>
118122
</div>
119123

120124
<footer>
121-
<p>Built with Passion • Powered by HP Enterprise • Managed via JetBrains</p>
125+
1 Gbps Fiber • Docker Infrastructure • Project Orbit 2024
122126
</footer>
123127
</div>
124128

0 commit comments

Comments
 (0)