Skip to content

Commit d2a5092

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent 170519c commit d2a5092

1 file changed

Lines changed: 70 additions & 59 deletions

File tree

‎index.html‎

Lines changed: 70 additions & 59 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,16 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>TobiMessi | Project Orbit & Infrastructure</title>
6+
<title>TobiMessi | Infrastructure & Orbit Project</title>
77
<style>
88
:root {
9-
--bg: #f4f7f9; /* Jasne, szarawe tło (brak niebieskiego) */
10-
--card: #ffffff; /* Białe karty */
9+
--bg: #f5f7f9;
10+
--card: #ffffff;
1111
--border: #e1e4e8;
1212
--text-main: #1a1d21;
1313
--text-sub: #4a5568;
1414
--accent: #0066cc;
15-
--green: #28a745;
15+
--green: #2ecc71;
1616
}
1717
body {
1818
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
@@ -23,9 +23,9 @@
2323
justify-content: center;
2424
padding: 40px 20px;
2525
}
26-
.container { max-width: 650px; width: 100%; }
26+
.container { max-width: 700px; width: 100%; }
2727
header { text-align: center; margin-bottom: 30px; }
28-
h1 { margin: 0; font-size: 2.2rem; font-weight: 800; color: #000; }
28+
h1 { margin: 0; font-size: 2.2rem; font-weight: 800; color: #000; letter-spacing: -1px; }
2929

3030
.card {
3131
background: var(--card);
@@ -35,96 +35,107 @@
3535
margin-bottom: 20px;
3636
box-shadow: 0 4px 6px rgba(0,0,0,0.02);
3737
}
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); }
38+
.card h2 { margin-top: 0; font-size: 1.25rem; color: var(--accent); margin-bottom: 15px; }
39+
40+
/* Sekcja Sprzętowa */
41+
.infra-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }
42+
.infra-item {
43+
background: var(--card);
44+
border: 1px solid var(--border);
45+
border-radius: 12px;
46+
padding: 20px;
47+
text-align: left;
48+
position: relative;
49+
}
50+
.status { color: var(--green); font-size: 0.65rem; font-weight: bold; margin-bottom: 10px; display: block; }
51+
.specs { font-size: 0.8rem; color: var(--text-sub); line-height: 1.4; margin-top: 8px; }
4052

41-
/* Sekcja Celów */
53+
/* Lista celów */
4254
.goals-list { margin: 0; padding: 0; list-style: none; }
4355
.goals-list li {
44-
padding: 10px 0;
56+
padding: 12px 0;
4557
border-bottom: 1px solid #f0f0f0;
4658
display: flex;
47-
align-items: flex-start;
59+
gap: 12px;
4860
}
4961
.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-
53-
.infra-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; margin-bottom: 20px; }
54-
.infra-item {
55-
background: var(--card);
56-
border: 1px solid var(--border);
57-
border-radius: 12px;
58-
padding: 15px;
59-
text-align: center;
60-
}
61-
.status { color: var(--green); font-size: 0.7rem; font-weight: bold; }
62+
.goals-list strong { color: #000; display: block; font-size: 0.95rem; }
63+
.goals-list span { font-size: 0.9rem; color: var(--text-sub); line-height: 1.5; }
6264

65+
/* Wsparcie */
6366
.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; }
67+
.qr-img { width: 130px; border: 1px solid #ddd; border-radius: 10px; padding: 5px; background: #fff; }
6568

6669
footer { text-align: center; margin-top: 30px; font-size: 0.8rem; color: #a0aec0; }
70+
71+
@media (max-width: 600px) {
72+
.infra-grid { grid-template-columns: 1fr; }
73+
}
6774
</style>
6875
</head>
6976
<body>
7077

7178
<div class="container">
7279
<header>
7380
<h1>TobiMessi</h1>
74-
<p style="color: var(--text-sub); margin-top: 5px;">DevOps & Cloud Infrastructure Developer</p>
81+
<p style="color: var(--text-sub); margin-top: 5px;">Infrastructure Architect & Project Orbit Developer</p>
7582
</header>
7683

7784
<div class="infra-grid">
7885
<div class="infra-item">
79-
<div class="status">● ONLINE</div>
80-
<strong>HP Enterprise Cluster</strong>
86+
<span class="status">● ONLINE</span>
87+
<strong>HP Compaq Elite 8300 SFF</strong>
88+
<div class="specs">
89+
CPU: Intel i5-3470 (4x 3.6GHz)<br>
90+
RAM: 8GB DDR3<br>
91+
Disk: ADATA SU900 SSD
92+
</div>
8193
</div>
94+
8295
<div class="infra-item">
83-
<div class="status">● ONLINE</div>
84-
<strong>Asus Node</strong>
96+
<span class="status">● ONLINE</span>
97+
<strong>Asus VivoBook 15 (X540MA)</strong>
98+
<div class="specs">
99+
CPU: Intel Celeron N4000<br>
100+
RAM: 4GB DDR4<br>
101+
Disk: Kingston RBUSC SSD
102+
</div>
85103
</div>
86104
</div>
87105

88106
<div class="card">
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>
107+
<h2>O projekcie Orbit</h2>
108+
<p style="color: var(--text-sub); line-height: 1.6;">Buduję <strong>Orbit</strong> – lekką aplikację do zarządzania infrastrukturą kontenerową. Projekt ma na celu uproszczenie orkiestracji Dockerem w środowiskach domowych i profesjonalnych.</p>
109+
</div>
110+
111+
<div class="card">
112+
<h2>Na co przeznaczam wsparcie?</h2>
91113
<ul class="goals-list">
92114
<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>
115+
<div style="font-size: 1.2rem;">🚀</div>
116+
<div>
117+
<strong>Rozwój aplikacji Orbit</strong>
118+
<span>Finansowanie architektury, API oraz czasu poświęconego na wdrażanie nowych funkcjonalności.</span>
119+
</div>
99120
</li>
100121
<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>
122+
<div style="font-size: 1.2rem;">💾</div>
123+
<div>
124+
<strong>Upgrade Hardware</strong>
125+
<span>Wymiana budżetowych dysków na większe jednostki (1TB+) oraz rozbudowa RAM w HP do 16GB/32GB.</span>
126+
</div>
103127
</li>
104128
<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>
129+
<div style="font-size: 1.2rem;">⚡</div>
130+
<div>
131+
<strong>Utrzymanie 24/7</strong>
132+
<span>Koszty energii elektrycznej domowego laboratorium oraz stabilnego łącza Gigabit Fiber.</span>
133+
</div>
107134
</li>
108135
</ul>
109136
</div>
110137

111138
<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>
139+
<h2>Wesprzyj moje projekty</h2>
115140

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>
117-
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">
121-
</div>
122-
</div>
123-
124-
<footer>
125-
1 Gbps Fiber • Docker Infrastructure • Project Orbit 2024
126-
</footer>
127-
</div>
128-
129-
</body>
130-
</html>
141+
<iframe src="https://github.com/sponsors/TobiMessi/button" title="Sponsor TobiMessi" height="32" width="114" style="border: 0; border-radius: 6

0 commit comments

Comments
 (0)