Skip to content

Commit 17fea07

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent 8682a45 commit 17fea07

1 file changed

Lines changed: 72 additions & 79 deletions

File tree

‎index.html‎

Lines changed: 72 additions & 79 deletions
Original file line numberDiff line numberDiff line change
@@ -3,11 +3,18 @@
33
title: Home
44
---
55
<style>
6+
/* POSZERZENIE STRONY GŁÓWNEJ NA BOKI */
7+
.dashboard {
8+
max-width: 1550px !important;
9+
padding-left: 50px !important;
10+
padding-right: 50px !important;
11+
}
12+
613
/* HERO SECTION */
714
.hero {
815
margin-top: 40px;
9-
margin-bottom: 80px;
10-
max-width: 850px;
16+
margin-bottom: 70px;
17+
max-width: 950px;
1118
}
1219

1320
.hero-title {
@@ -74,58 +81,12 @@
7481
transform: translateY(-2px);
7582
}
7683

77-
/* QUICK LINKS / SOCIAL PANEL */
78-
.quick-links-bar {
79-
display: grid;
80-
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
81-
gap: 15px;
82-
margin-bottom: 80px;
83-
}
84-
85-
.quick-link-card {
86-
background: var(--card-bg);
87-
border: 1px solid var(--border);
88-
border-radius: 10px;
89-
padding: 20px;
90-
display: flex;
91-
align-items: center;
92-
gap: 15px;
93-
text-decoration: none;
94-
transition: 0.3s;
95-
backdrop-filter: blur(10px);
96-
}
97-
98-
.quick-link-card:hover {
99-
border-color: var(--accent-blue);
100-
background: rgba(10, 15, 25, 0.8);
101-
transform: translateY(-2px);
102-
}
103-
104-
.quick-link-icon {
105-
font-size: 1.2rem;
106-
color: var(--accent-blue);
107-
font-family: 'JetBrains Mono', monospace;
108-
}
109-
110-
.quick-link-info .ql-title {
111-
color: var(--text-main);
112-
font-weight: 800;
113-
font-size: 0.9rem;
114-
font-family: 'JetBrains Mono', monospace;
115-
display: block;
116-
}
117-
118-
.quick-link-info .ql-sub {
119-
color: var(--text-muted);
120-
font-size: 0.75rem;
121-
}
122-
12384
/* STATYSTYKI YOUTUBE (KLIKALNE KAFLE) */
12485
.stats-grid {
12586
display: grid;
12687
grid-template-columns: repeat(2, 1fr);
12788
gap: 25px;
128-
margin-bottom: 80px;
89+
margin-bottom: 70px;
12990
}
13091

13192
.stat-card {
@@ -177,12 +138,12 @@
177138
.stat-external { color: var(--text-muted); font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; transition: 0.2s; }
178139
.stat-card:hover .stat-external { color: var(--accent-blue); transform: translateX(3px); }
179140

180-
/* SPONSOR SECTION */
141+
/* SEKCJA SPONSORÓW I PARTNERÓW */
181142
.sponsors-grid {
182143
display: grid;
183144
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
184145
gap: 25px;
185-
margin-bottom: 80px;
146+
margin-bottom: 70px;
186147
}
187148

188149
.sponsor-card {
@@ -220,6 +181,30 @@
220181
.sponsor-link { color: var(--accent-blue); font-weight: 700; text-decoration: none; transition: 0.2s; }
221182
.sponsor-link:hover { text-decoration: underline; }
222183

184+
/* MARKETPLACE & SUPPORT GRID */
185+
.extra-grid {
186+
display: grid;
187+
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
188+
gap: 25px;
189+
margin-bottom: 70px;
190+
}
191+
192+
.extra-card {
193+
background: var(--card-bg);
194+
border: 1px solid var(--border);
195+
border-radius: 12px;
196+
padding: 30px;
197+
backdrop-filter: blur(10px);
198+
position: relative;
199+
overflow: hidden;
200+
transition: 0.3s;
201+
}
202+
.extra-card:hover {
203+
border-color: var(--accent-blue);
204+
transform: translateY(-3px);
205+
background: rgba(10, 15, 25, 0.8);
206+
}
207+
223208
/* DYNAMICZNA LISTA WPISÓW (BLOG FEED) */
224209
.archive-list {
225210
display: flex;
@@ -289,34 +274,6 @@ <h1 class="hero-title">DEVLAB<br>STUDY<span>_</span></h1>
289274
</div>
290275
</section>
291276

292-
<!-- SZYBKI PANEL LINKÓW (SOCIAL MEDIA & WSPARCIE) -->
293-
<span class="section-tag">KANAŁY ZEWNĘTRZNE & WSPARCIE</span>
294-
<div class="quick-links-bar">
295-
<a href="https://github.com/DevLabStudy" target="_blank" class="quick-link-card">
296-
<div class="quick-link-icon">gh</div>
297-
<div class="quick-link-info">
298-
<span class="ql-title">GitHub</span>
299-
<span class="ql-sub">Repozytoria kodu</span>
300-
</div>
301-
</a>
302-
303-
<a href="/sponsors" class="quick-link-card">
304-
<div class="quick-link-icon">$$</div>
305-
<div class="quick-link-info">
306-
<span class="ql-title">Sponsorzy</span>
307-
<span class="ql-sub">Partnerzy i wsparcie</span>
308-
</div>
309-
</a>
310-
311-
<a href="/kontakt" class="quick-link-card">
312-
<div class="quick-link-icon">>_</div>
313-
<div class="quick-link-info">
314-
<span class="ql-title">Kontakt</span>
315-
<span class="ql-sub">Skrzynki e-mail</span>
316-
</div>
317-
</a>
318-
</div>
319-
320277
<!-- STATYSTYKI YOUTUBE (KLIKALNE KAFLE) -->
321278
<span class="section-tag">AKTYWNE WĘZŁY SPOŁECZNOŚCI</span>
322279
<div class="stats-grid">
@@ -383,6 +340,42 @@ <h1 class="hero-title">DEVLAB<br>STUDY<span>_</span></h1>
383340
</div>
384341
</div>
385342

343+
<!-- GIEŁDA & WSPARCIE PROJEKTU -->
344+
<span class="section-tag">MARKETPLACE & WSPARCIE</span>
345+
<div class="extra-grid">
346+
<!-- Giełda / Hardware -->
347+
<div class="extra-card">
348+
<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.
355+
</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>
359+
</div>
360+
</div>
361+
362+
<!-- Wsparcie Projektu -->
363+
<div class="extra-card">
364+
<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.
371+
</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>
375+
</div>
376+
</div>
377+
</div>
378+
386379
<!-- DYNAMICZNY DZIENNIK SYSTEMOWY (NAJNOWSZE WPISY Z BLOGA) -->
387380
<span class="section-tag">OSTATNIE WPISY / DZIENNIK SYSTEMOWY</span>
388381
<div class="archive-list">

0 commit comments

Comments
 (0)