Skip to content

Commit 2b6c5d7

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent 17fea07 commit 2b6c5d7

1 file changed

Lines changed: 82 additions & 65 deletions

File tree

‎index.html‎

Lines changed: 82 additions & 65 deletions
Original file line numberDiff line numberDiff line change
@@ -3,24 +3,24 @@
33
title: Home
44
---
55
<style>
6-
/* POSZERZENIE STRONY GŁÓWNEJ NA BOKI */
6+
/* PEŁNA SZEROKOŚĆ KONTENERA BEZ POWIĘSZANIA ELEMENTÓW */
77
.dashboard {
8-
max-width: 1550px !important;
9-
padding-left: 50px !important;
10-
padding-right: 50px !important;
8+
max-width: 100% !important;
9+
padding-left: 60px !important;
10+
padding-right: 60px !important;
1111
}
1212

1313
/* HERO SECTION */
1414
.hero {
15-
margin-top: 40px;
16-
margin-bottom: 70px;
17-
max-width: 950px;
15+
margin-top: 20px;
16+
margin-bottom: 60px;
17+
max-width: 900px;
1818
}
1919

2020
.hero-title {
21-
font-size: 5.5rem;
21+
font-size: 4.5rem;
2222
font-weight: 900;
23-
margin: 0 0 25px 0;
23+
margin: 0 0 20px 0;
2424
line-height: 1.05;
2525
letter-spacing: -2px;
2626
background: linear-gradient(135deg, var(--text-main) 30%, var(--accent-blue) 100%);
@@ -35,9 +35,9 @@
3535

3636
.hero-desc {
3737
color: var(--text-muted);
38-
font-size: 1.15rem;
38+
font-size: 1.1rem;
3939
line-height: 1.8;
40-
margin-bottom: 45px;
40+
margin-bottom: 35px;
4141
}
4242

4343
.hero-buttons {
@@ -47,9 +47,9 @@
4747
}
4848

4949
.btn {
50-
padding: 16px 36px;
50+
padding: 14px 32px;
5151
font-weight: 800;
52-
font-size: 0.9rem;
52+
font-size: 0.85rem;
5353
border-radius: 6px;
5454
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
5555
cursor: pointer;
@@ -86,14 +86,14 @@
8686
display: grid;
8787
grid-template-columns: repeat(2, 1fr);
8888
gap: 25px;
89-
margin-bottom: 70px;
89+
margin-bottom: 60px;
9090
}
9191

9292
.stat-card {
9393
background: var(--card-bg);
9494
border: 1px solid var(--border);
9595
border-radius: 12px;
96-
padding: 30px;
96+
padding: 25px;
9797
display: flex;
9898
flex-direction: column;
9999
justify-content: space-between;
@@ -113,44 +113,43 @@
113113
display: flex;
114114
align-items: center;
115115
gap: 15px;
116-
margin-bottom: 25px;
116+
margin-bottom: 20px;
117117
}
118118

119119
.stat-icon {
120-
width: 45px;
121-
height: 45px;
120+
width: 40px;
121+
height: 40px;
122122
background: rgba(0, 210, 255, 0.1);
123123
color: var(--accent-blue);
124124
border-radius: 10px;
125125
display: flex;
126126
align-items: center;
127127
justify-content: center;
128-
font-size: 1.4rem;
128+
font-size: 1.2rem;
129129
border: 1px solid rgba(0, 210, 255, 0.2);
130130
}
131131

132-
.stat-name { font-weight: 800; font-size: 1.15rem; color: #fff; }
133-
.stat-platform { color: var(--text-muted); font-size: 0.85rem; font-family: 'JetBrains Mono', monospace; }
132+
.stat-name { font-weight: 800; font-size: 1.05rem; color: #fff; }
133+
.stat-platform { color: var(--text-muted); font-size: 0.8rem; font-family: 'JetBrains Mono', monospace; }
134134

135-
.stat-number-row { display: flex; justify-content: space-between; align-items: flex-end; }
136-
.stat-number { font-size: 2.8rem; font-weight: 900; color: var(--text-main); font-family: 'JetBrains Mono', monospace; line-height: 1; }
137-
.stat-label { font-size: 0.85rem; color: var(--accent-contrast); font-family: 'JetBrains Mono', monospace; text-transform: uppercase; font-weight: 700; }
138-
.stat-external { color: var(--text-muted); font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; transition: 0.2s; }
135+
.stat-number { font-size: 2.4rem; font-weight: 900; color: var(--text-main); font-family: 'JetBrains Mono', monospace; line-height: 1; }
136+
.stat-label { font-size: 0.8rem; color: var(--accent-contrast); font-family: 'JetBrains Mono', monospace; text-transform: uppercase; font-weight: 700; }
137+
.stat-external { color: var(--text-muted); font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; transition: 0.2s; }
139138
.stat-card:hover .stat-external { color: var(--accent-blue); transform: translateX(3px); }
140139

141140
/* SEKCJA SPONSORÓW I PARTNERÓW */
142141
.sponsors-grid {
143142
display: grid;
144143
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
145144
gap: 25px;
146-
margin-bottom: 70px;
145+
margin-bottom: 60px;
147146
}
148147

149148
.sponsor-card {
150149
background: var(--card-bg);
151150
border: 1px solid var(--border);
152151
border-radius: 12px;
153-
padding: 35px;
152+
padding: 30px;
154153
display: flex;
155154
flex-direction: column;
156155
justify-content: space-between;
@@ -173,20 +172,20 @@
173172
background: rgba(10, 15, 25, 0.8);
174173
}
175174

176-
.sponsor-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }
177-
.sponsor-name { font-size: 1.4rem; font-weight: 900; color: #fff; font-family: 'JetBrains Mono', monospace; letter-spacing: -0.5px; }
178-
.sponsor-badge { font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; background: rgba(255, 94, 0, 0.1); color: var(--accent-contrast); padding: 4px 10px; border-radius: 20px; border: 1px solid rgba(255, 94, 0, 0.2); font-weight: 700; text-transform: uppercase; }
179-
.sponsor-desc { color: var(--text-muted); font-size: 0.92rem; line-height: 1.6; margin-bottom: 25px; }
180-
.sponsor-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed rgba(255, 255, 255, 0.06); padding-top: 20px; font-family: 'JetBrains Mono', monospace; font-size: 0.8rem; color: var(--text-muted); }
175+
.sponsor-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; }
176+
.sponsor-name { font-size: 1.2rem; font-weight: 900; color: #fff; font-family: 'JetBrains Mono', monospace; }
177+
.sponsor-badge { font-family: 'JetBrains Mono', monospace; font-size: 0.65rem; background: rgba(255, 94, 0, 0.1); color: var(--accent-contrast); padding: 4px 10px; border-radius: 20px; border: 1px solid rgba(255, 94, 0, 0.2); font-weight: 700; text-transform: uppercase; }
178+
.sponsor-desc { color: var(--text-muted); font-size: 0.9rem; line-height: 1.6; margin-bottom: 20px; }
179+
.sponsor-footer { display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed rgba(255, 255, 255, 0.06); padding-top: 15px; font-family: 'JetBrains Mono', monospace; font-size: 0.78rem; color: var(--text-muted); }
181180
.sponsor-link { color: var(--accent-blue); font-weight: 700; text-decoration: none; transition: 0.2s; }
182181
.sponsor-link:hover { text-decoration: underline; }
183182

184-
/* MARKETPLACE & SUPPORT GRID */
183+
/* MARKETPLACE & SUPPORT (ESTETYCZNE KAFLE W STYLU DARK TECH) */
185184
.extra-grid {
186185
display: grid;
187186
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
188187
gap: 25px;
189-
margin-bottom: 70px;
188+
margin-bottom: 60px;
190189
}
191190

192191
.extra-card {
@@ -205,18 +204,41 @@
205204
background: rgba(10, 15, 25, 0.8);
206205
}
207206

207+
.mini-btn-group {
208+
display: flex;
209+
gap: 10px;
210+
flex-wrap: wrap;
211+
margin-top: 15px;
212+
}
213+
214+
.mini-btn {
215+
padding: 9px 16px;
216+
border-radius: 6px;
217+
font-weight: 800;
218+
font-size: 0.78rem;
219+
text-decoration: none;
220+
font-family: 'JetBrains Mono', monospace;
221+
text-transform: uppercase;
222+
transition: 0.2s;
223+
display: inline-block;
224+
}
225+
.mini-btn:hover {
226+
transform: translateY(-2px);
227+
filter: brightness(1.1);
228+
}
229+
208230
/* DYNAMICZNA LISTA WPISÓW (BLOG FEED) */
209231
.archive-list {
210232
display: flex;
211233
flex-direction: column;
212-
margin-bottom: 80px;
234+
margin-bottom: 60px;
213235
border-top: 1px solid var(--border);
214236
}
215237

216238
.archive-item {
217239
display: grid;
218240
grid-template-columns: 160px 1fr 120px;
219-
padding: 25px 15px;
241+
padding: 22px 15px;
220242
border-bottom: 1px solid var(--border);
221243
align-items: center;
222244
transition: 0.2s;
@@ -238,7 +260,7 @@
238260

239261
.archive-title {
240262
font-weight: 700;
241-
font-size: 1.05rem;
263+
font-size: 1rem;
242264
color: var(--text-main);
243265
letter-spacing: 0.5px;
244266
}
@@ -250,13 +272,13 @@
250272
.archive-date {
251273
color: var(--text-muted);
252274
font-family: 'JetBrains Mono', monospace;
253-
font-size: 0.85rem;
275+
font-size: 0.8rem;
254276
text-align: right;
255277
}
256278

257279
@media (max-width: 1024px) {
258280
.stats-grid { grid-template-columns: 1fr; }
259-
.archive-item { grid-template-columns: 1fr; gap: 12px; padding: 25px 10px; }
281+
.archive-item { grid-template-columns: 1fr; gap: 10px; padding: 20px 10px; }
260282
.archive-date { text-align: left; }
261283
}
262284
</style>
@@ -292,8 +314,8 @@ <h1 class="hero-title">DEVLAB<br>STUDY<span>_</span></h1>
292314
<div class="stat-label">Subskrypcji</div>
293315
</div>
294316
</div>
295-
<div style="margin-top: 25px; display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed rgba(255,255,255,0.08); padding-top: 15px;">
296-
<span style="font-size: 0.8rem; color: var(--text-muted); font-family: 'JetBrains Mono', monospace;">// GŁÓWNY KANAŁ</span>
317+
<div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed rgba(255,255,255,0.08); padding-top: 12px;">
318+
<span style="font-size: 0.75rem; color: var(--text-muted); font-family: 'JetBrains Mono', monospace;">// GŁÓWNY KANAŁ</span>
297319
<span class="stat-external">Otwórz kanał ↗</span>
298320
</div>
299321
</a>
@@ -313,8 +335,8 @@ <h1 class="hero-title">DEVLAB<br>STUDY<span>_</span></h1>
313335
<div class="stat-label">Subskrypcji</div>
314336
</div>
315337
</div>
316-
<div style="margin-top: 25px; display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed rgba(255,255,255,0.08); padding-top: 15px;">
317-
<span style="font-size: 0.8rem; color: var(--text-muted); font-family: 'JetBrains Mono', monospace;">// HARDWARE & TEARDOWNS</span>
338+
<div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: center; border-top: 1px dashed rgba(255,255,255,0.08); padding-top: 12px;">
339+
<span style="font-size: 0.75rem; color: var(--text-muted); font-family: 'JetBrains Mono', monospace;">// HARDWARE & TEARDOWNS</span>
318340
<span class="stat-external">Otwórz kanał ↗</span>
319341
</div>
320342
</a>
@@ -340,38 +362,33 @@ <h1 class="hero-title">DEVLAB<br>STUDY<span>_</span></h1>
340362
</div>
341363
</div>
342364

343-
<!-- GIEŁDA & WSPARCIE PROJEKTU -->
365+
<!-- MARKETPLACE & SUPPORT -->
344366
<span class="section-tag">MARKETPLACE & WSPARCIE</span>
345367
<div class="extra-grid">
346-
<!-- Giełda / Hardware -->
368+
<!-- Marketplace -->
347369
<div class="extra-card">
348370
<div style="position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: #00bfb2;"></div>
349-
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
350-
<div style="font-family: 'JetBrains Mono', monospace; font-weight: 900; font-size: 1.1rem; color: #fff;">// GIEŁDA & SPRZEDAŻ</div>
351-
<span style="font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; background: rgba(0, 191, 178, 0.1); color: #00bfb2; padding: 4px 10px; border-radius: 20px; border: 1px solid rgba(0, 191, 178, 0.2); font-weight: 700;">MARKETPLACE</span>
352-
</div>
353-
<p style="color: var(--text-muted); font-size: 0.9rem; line-height: 1.6; margin-bottom: 25px;">
354-
Wyprzedaż nadwyżek sprzętowych, komponentów PC oraz sprawdzonych akcesoriów z testów homelabowych.
371+
<h3 style="font-size: 0.8rem; color: #00bfb2; margin: 0 0 10px 0; text-transform: uppercase; font-family: 'JetBrains Mono', monospace;">// Giełda i Sprzedaż:</h3>
372+
<p style="color: var(--text-muted); font-size: 0.9rem; line-height: 1.5; margin-bottom: 15px;">
373+
Wyprzedaż nadwyżek sprzętowych i komponentów z testów.
355374
</p>
356-
<div style="display: flex; gap: 10px; flex-wrap: wrap;">
357-
<a href="https://www.vinted.pl/member/306118036" target="_blank" style="padding: 10px 18px; background: rgba(0, 191, 178, 0.1); border: 1px solid rgba(0, 191, 178, 0.3); color: #00bfb2; border-radius: 6px; font-family: 'JetBrains Mono', monospace; font-size: 0.78rem; font-weight: 800; text-decoration: none; transition: 0.2s;">Vinted ↗</a>
358-
<a href="https://allegrolokalnie.pl/uzytkownik/Client:137881965" target="_blank" style="padding: 10px 18px; background: rgba(255, 90, 0, 0.1); border: 1px solid rgba(255, 90, 0, 0.3); color: #ff5a00; border-radius: 6px; font-family: 'JetBrains Mono', monospace; font-size: 0.78rem; font-weight: 800; text-decoration: none; transition: 0.2s;">Allegro Lokalnie ↗</a>
375+
<div class="mini-btn-group">
376+
<a href="https://www.vinted.pl/member/306118036" target="_blank" class="mini-btn" style="background: #00bfb2; color: #fff;">Vinted</a>
377+
<a href="#" target="_blank" class="mini-btn" style="background: #002f34; border: 1px solid #23e5db; color: #fff;">OLX</a>
378+
<a href="https://allegrolokalnie.pl/uzytkownik/Client:137881965" target="_blank" class="mini-btn" style="background: #ff5a00; color: #fff;">Allegro Lokalnie</a>
359379
</div>
360380
</div>
361381

362-
<!-- Wsparcie Projektu -->
363-
<div class="extra-card">
382+
<!-- Support -->
383+
<div class="extra-card" style="border-color: var(--accent-blue);">
364384
<div style="position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: var(--accent-blue);"></div>
365-
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px;">
366-
<div style="font-family: 'JetBrains Mono', monospace; font-weight: 900; font-size: 1.1rem; color: #fff;">// WSPARCIE PROJEKTU</div>
367-
<span style="font-family: 'JetBrains Mono', monospace; font-size: 0.7rem; background: rgba(0, 210, 255, 0.1); color: var(--accent-blue); padding: 4px 10px; border-radius: 20px; border: 1px solid rgba(0, 210, 255, 0.2); font-weight: 700;">DONATE</span>
368-
</div>
369-
<p style="color: var(--text-muted); font-size: 0.9rem; line-height: 1.6; margin-bottom: 25px;">
370-
Jeśli materiały, dokumentacja homelabu lub aplikacje są dla Ciebie przydatne, możesz wesprzeć dalszy rozwój projektu.
385+
<h3 style="font-size: 0.8rem; color: var(--accent-blue); margin: 0 0 10px 0; text-transform: uppercase; font-family: 'JetBrains Mono', monospace;">// Wsparcie Projektu:</h3>
386+
<p style="color: var(--text-muted); font-size: 0.9rem; line-height: 1.5; margin-bottom: 15px;">
387+
Jeśli materiały i homelab są przydatne, możesz wesprzeć rozwój projektu.
371388
</p>
372-
<div style="display: flex; gap: 10px; flex-wrap: wrap;">
373-
<a href="https://patreon.com/DevLabStudy" target="_blank" style="padding: 10px 18px; background: rgba(225, 29, 72, 0.1); border: 1px solid rgba(225, 29, 72, 0.3); color: #fb7185; border-radius: 6px; font-family: 'JetBrains Mono', monospace; font-size: 0.78rem; font-weight: 800; text-decoration: none; transition: 0.2s;">Patreon ↗</a>
374-
<a href="https://www.buymeacoffee.com/DevLabStudy" target="_blank" style="padding: 10px 18px; background: rgba(255, 221, 0, 0.1); border: 1px solid rgba(255, 221, 0, 0.3); color: #fde047; border-radius: 6px; font-family: 'JetBrains Mono', monospace; font-size: 0.78rem; font-weight: 800; text-decoration: none; transition: 0.2s;">Buy Me a Coffee ↗</a>
389+
<div class="mini-btn-group">
390+
<a href="https://patreon.com/DevLabStudy" target="_blank" class="mini-btn" style="background: #e11d48; color: #fff;">Patreon</a>
391+
<a href="https://www.buymeacoffee.com/DevLabStudy" target="_blank" class="mini-btn" style="background: #FFDD00; color: #000;">Buy Me a Coffee</a>
375392
</div>
376393
</div>
377394
</div>

0 commit comments

Comments
 (0)