Skip to content

Commit 8682a45

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent 999b0cb commit 8682a45

1 file changed

Lines changed: 32 additions & 151 deletions

File tree

‎index.html‎

Lines changed: 32 additions & 151 deletions
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@
7979
display: grid;
8080
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
8181
gap: 15px;
82-
margin-bottom: 100px;
82+
margin-bottom: 80px;
8383
}
8484

8585
.quick-link-card {
@@ -120,19 +120,19 @@
120120
font-size: 0.75rem;
121121
}
122122

123-
/* STATYSTYKI KANALÓW (KLIKALNE KAFLE) */
123+
/* STATYSTYKI YOUTUBE (KLIKALNE KAFLE) */
124124
.stats-grid {
125125
display: grid;
126-
grid-template-columns: repeat(3, 1fr);
126+
grid-template-columns: repeat(2, 1fr);
127127
gap: 25px;
128-
margin-bottom: 100px;
128+
margin-bottom: 80px;
129129
}
130130

131131
.stat-card {
132132
background: var(--card-bg);
133133
border: 1px solid var(--border);
134134
border-radius: 12px;
135-
padding: 35px;
135+
padding: 30px;
136136
display: flex;
137137
flex-direction: column;
138138
justify-content: space-between;
@@ -152,7 +152,7 @@
152152
display: flex;
153153
align-items: center;
154154
gap: 15px;
155-
margin-bottom: 30px;
155+
margin-bottom: 25px;
156156
}
157157

158158
.stat-icon {
@@ -168,55 +168,21 @@
168168
border: 1px solid rgba(0, 210, 255, 0.2);
169169
}
170170

171-
.stat-name {
172-
font-weight: 800;
173-
font-size: 1.15rem;
174-
color: #fff;
175-
}
176-
.stat-platform {
177-
color: var(--text-muted);
178-
font-size: 0.85rem;
179-
font-family: 'JetBrains Mono', monospace;
180-
}
171+
.stat-name { font-weight: 800; font-size: 1.15rem; color: #fff; }
172+
.stat-platform { color: var(--text-muted); font-size: 0.85rem; font-family: 'JetBrains Mono', monospace; }
181173

182-
.stat-number-row {
183-
display: flex;
184-
justify-content: space-between;
185-
align-items: flex-end;
186-
}
187-
188-
.stat-number {
189-
font-size: 3rem;
190-
font-weight: 900;
191-
color: var(--text-main);
192-
font-family: 'JetBrains Mono', monospace;
193-
line-height: 1;
194-
margin-bottom: 5px;
195-
}
196-
.stat-label {
197-
font-size: 0.85rem;
198-
color: var(--accent-contrast);
199-
font-family: 'JetBrains Mono', monospace;
200-
text-transform: uppercase;
201-
font-weight: 700;
202-
}
203-
.stat-external {
204-
color: var(--text-muted);
205-
font-family: 'JetBrains Mono', monospace;
206-
font-size: 0.85rem;
207-
transition: 0.2s;
208-
}
209-
.stat-card:hover .stat-external {
210-
color: var(--accent-blue);
211-
transform: translateX(3px);
212-
}
174+
.stat-number-row { display: flex; justify-content: space-between; align-items: flex-end; }
175+
.stat-number { font-size: 2.8rem; font-weight: 900; color: var(--text-main); font-family: 'JetBrains Mono', monospace; line-height: 1; }
176+
.stat-label { font-size: 0.85rem; color: var(--accent-contrast); font-family: 'JetBrains Mono', monospace; text-transform: uppercase; font-weight: 700; }
177+
.stat-external { color: var(--text-muted); font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; transition: 0.2s; }
178+
.stat-card:hover .stat-external { color: var(--accent-blue); transform: translateX(3px); }
213179

214180
/* SPONSOR SECTION */
215181
.sponsors-grid {
216182
display: grid;
217183
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
218184
gap: 25px;
219-
margin-bottom: 100px;
185+
margin-bottom: 80px;
220186
}
221187

222188
.sponsor-card {
@@ -246,62 +212,15 @@
246212
background: rgba(10, 15, 25, 0.8);
247213
}
248214

249-
.sponsor-header {
250-
display: flex;
251-
justify-content: space-between;
252-
align-items: flex-start;
253-
margin-bottom: 20px;
254-
}
255-
256-
.sponsor-name {
257-
font-size: 1.4rem;
258-
font-weight: 900;
259-
color: #fff;
260-
font-family: 'JetBrains Mono', monospace;
261-
letter-spacing: -0.5px;
262-
}
263-
264-
.sponsor-badge {
265-
font-family: 'JetBrains Mono', monospace;
266-
font-size: 0.7rem;
267-
background: rgba(255, 94, 0, 0.1);
268-
color: var(--accent-contrast);
269-
padding: 4px 10px;
270-
border-radius: 20px;
271-
border: 1px solid rgba(255, 94, 0, 0.2);
272-
font-weight: 700;
273-
text-transform: uppercase;
274-
}
275-
276-
.sponsor-desc {
277-
color: var(--text-muted);
278-
font-size: 0.92rem;
279-
line-height: 1.6;
280-
margin-bottom: 25px;
281-
}
282-
283-
.sponsor-footer {
284-
display: flex;
285-
justify-content: space-between;
286-
align-items: center;
287-
border-top: 1px dashed rgba(255, 255, 255, 0.06);
288-
padding-top: 20px;
289-
font-family: 'JetBrains Mono', monospace;
290-
font-size: 0.8rem;
291-
color: var(--text-muted);
292-
}
293-
294-
.sponsor-link {
295-
color: var(--accent-blue);
296-
font-weight: 700;
297-
text-decoration: none;
298-
transition: 0.2s;
299-
}
300-
.sponsor-link:hover {
301-
text-decoration: underline;
302-
}
215+
.sponsor-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; }
216+
.sponsor-name { font-size: 1.4rem; font-weight: 900; color: #fff; font-family: 'JetBrains Mono', monospace; letter-spacing: -0.5px; }
217+
.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; }
218+
.sponsor-desc { color: var(--text-muted); font-size: 0.92rem; line-height: 1.6; margin-bottom: 25px; }
219+
.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); }
220+
.sponsor-link { color: var(--accent-blue); font-weight: 700; text-decoration: none; transition: 0.2s; }
221+
.sponsor-link:hover { text-decoration: underline; }
303222

304-
/* ARCHIVE LIST */
223+
/* DYNAMICZNA LISTA WPISÓW (BLOG FEED) */
305224
.archive-list {
306225
display: flex;
307226
flex-direction: column;
@@ -311,11 +230,12 @@
311230

312231
.archive-item {
313232
display: grid;
314-
grid-template-columns: 140px 1fr 120px;
233+
grid-template-columns: 160px 1fr 120px;
315234
padding: 25px 15px;
316235
border-bottom: 1px solid var(--border);
317236
align-items: center;
318237
transition: 0.2s;
238+
text-decoration: none;
319239
}
320240

321241
.archive-item:hover {
@@ -441,27 +361,6 @@ <h1 class="hero-title">DEVLAB<br>STUDY<span>_</span></h1>
441361
<span class="stat-external">Otwórz kanał ↗</span>
442362
</div>
443363
</a>
444-
445-
<!-- Status Build -->
446-
<div class="stat-card" style="cursor: default;">
447-
<div>
448-
<div class="stat-header">
449-
<div class="stat-icon">/</div>
450-
<div>
451-
<div class="stat-name">DevLab Network</div>
452-
<div class="stat-platform">@App_Status</div>
453-
</div>
454-
</div>
455-
<div>
456-
<div class="stat-number">v1.0</div>
457-
<div class="stat-label">Wersja Build</div>
458-
</div>
459-
</div>
460-
<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;">
461-
<span style="font-size: 0.8rem; color: var(--text-muted); font-family: 'JetBrains Mono', monospace;">// STATUS SYSTEMU</span>
462-
<span style="font-size: 0.8rem; color: var(--accent-blue); font-family: 'JetBrains Mono', monospace;">STABLE</span>
463-
</div>
464-
</div>
465364
</div>
466365

467366
<!-- SEKCJA SPONSORÓW I PARTNERÓW -->
@@ -484,32 +383,14 @@ <h1 class="hero-title">DEVLAB<br>STUDY<span>_</span></h1>
484383
</div>
485384
</div>
486385

487-
<!-- ARCHIWUM WPISÓW / PROJEKTÓW -->
488-
<span class="section-tag">DZIENNIK SYSTEMOWY</span>
386+
<!-- DYNAMICZNY DZIENNIK SYSTEMOWY (NAJNOWSZE WPISY Z BLOGA) -->
387+
<span class="section-tag">OSTATNIE WPISY / DZIENNIK SYSTEMOWY</span>
489388
<div class="archive-list">
490-
491-
<a href="/apps" class="archive-item">
492-
<div class="archive-category">[APP_RELEASE]</div>
493-
<div class="archive-title">PREMIERA: DEVLAB NETWORK TOOLKIT NA ANDROIDA</div>
494-
<div class="archive-date">2026.10.03</div>
495-
</a>
496-
497-
<a href="/homelab" class="archive-item">
498-
<div class="archive-category">[HARDWARE]</div>
499-
<div class="archive-title">NOWA SZAFA 19" 9U I ZASILANIE PDU W HOMELABIE</div>
500-
<div class="archive-date">2026.08.25</div>
389+
{% for post in site.posts limit:5 %}
390+
<a href="{{ post.url | relative_url }}" class="archive-item">
391+
<div class="archive-category">[{{ post.category | default: "SYSTEM" | upcase }}]</div>
392+
<div class="archive-title">{{ post.title | upcase }}</div>
393+
<div class="archive-date">{{ post.date | date: "%Y.%m.%d" }}</div>
501394
</a>
502-
503-
<a href="/blog/proxmox-setup" class="archive-item">
504-
<div class="archive-category">[VIRTUAL]</div>
505-
<div class="archive-title">WDRAŻANIE PROXMOX VE NA INTEL NUC I TERMINALACH FUJITSU</div>
506-
<div class="archive-date">2026.08.12</div>
507-
</a>
508-
509-
<a href="/blog/networking" class="archive-item">
510-
<div class="archive-category">[NETWORK]</div>
511-
<div class="archive-title">ROUTER-ON-A-STICK: MIKROTIK + CISCO CATALYST 2960C</div>
512-
<div class="archive-date">2026.07.28</div>
513-
</a>
514-
395+
{% endfor %}
515396
</div>

0 commit comments

Comments
 (0)