Skip to content

Commit dacb5e5

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent be34a18 commit dacb5e5

1 file changed

Lines changed: 74 additions & 40 deletions

File tree

‎index.html‎

Lines changed: 74 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -74,7 +74,7 @@
7474
transform: translateY(-2px);
7575
}
7676

77-
/* QUICK LINKS / SOCIAL PANEL (Szybkie linki do social mediów i wsparcia) */
77+
/* QUICK LINKS / SOCIAL PANEL */
7878
.quick-links-bar {
7979
display: grid;
8080
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
@@ -120,7 +120,7 @@
120120
font-size: 0.75rem;
121121
}
122122

123-
/* SOCIAL STATS CARDS */
123+
/* STATYSTYKI KANALÓW (KLIKALNE KAFLE) */
124124
.stats-grid {
125125
display: grid;
126126
grid-template-columns: repeat(3, 1fr);
@@ -135,13 +135,17 @@
135135
padding: 35px;
136136
display: flex;
137137
flex-direction: column;
138+
justify-content: space-between;
139+
text-decoration: none;
138140
backdrop-filter: blur(10px);
139141
transition: 0.3s;
140142
}
141143

142144
.stat-card:hover {
143-
border-color: rgba(0, 210, 255, 0.4);
144-
background: rgba(10, 15, 25, 0.8);
145+
border-color: var(--accent-blue);
146+
background: rgba(10, 15, 25, 0.85);
147+
transform: translateY(-3px);
148+
box-shadow: 0 10px 30px rgba(0, 210, 255, 0.1);
145149
}
146150

147151
.stat-header {
@@ -167,13 +171,20 @@
167171
.stat-name {
168172
font-weight: 800;
169173
font-size: 1.15rem;
174+
color: #fff;
170175
}
171176
.stat-platform {
172177
color: var(--text-muted);
173178
font-size: 0.85rem;
174179
font-family: 'JetBrains Mono', monospace;
175180
}
176181

182+
.stat-number-row {
183+
display: flex;
184+
justify-content: space-between;
185+
align-items: flex-end;
186+
}
187+
177188
.stat-number {
178189
font-size: 3rem;
179190
font-weight: 900;
@@ -189,6 +200,16 @@
189200
text-transform: uppercase;
190201
font-weight: 700;
191202
}
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+
}
192213

193214
/* SPONSOR SECTION */
194215
.sponsors-grid {
@@ -351,22 +372,14 @@ <h1 class="hero-title">DEVLAB<br>STUDY<span>_</span></h1>
351372
<!-- SZYBKI PANEL LINKÓW (SOCIAL MEDIA & WSPARCIE) -->
352373
<span class="section-tag">KANAŁY ZEWNĘTRZNE & WSPARCIE</span>
353374
<div class="quick-links-bar">
354-
<a href="https://github.com" target="_blank" class="quick-link-card">
375+
<a href="https://github.com/DevLabStudy" target="_blank" class="quick-link-card">
355376
<div class="quick-link-icon">gh</div>
356377
<div class="quick-link-info">
357378
<span class="ql-title">GitHub</span>
358379
<span class="ql-sub">Repozytoria kodu</span>
359380
</div>
360381
</a>
361382

362-
<a href="https://youtube.com" target="_blank" class="quick-link-card">
363-
<div class="quick-link-icon">yt</div>
364-
<div class="quick-link-info">
365-
<span class="ql-title">YouTube</span>
366-
<span class="ql-sub">DevLabStudy & PC Hub</span>
367-
</div>
368-
</a>
369-
370383
<a href="/sponsors" class="quick-link-card">
371384
<div class="quick-link-icon">$$</div>
372385
<div class="quick-link-info">
@@ -384,48 +397,69 @@ <h1 class="hero-title">DEVLAB<br>STUDY<span>_</span></h1>
384397
</a>
385398
</div>
386399

387-
<!-- STATYSTYKI -->
400+
<!-- STATYSTYKI YOUTUBE (KLIKALNE KAFLE) -->
388401
<span class="section-tag">AKTYWNE WĘZŁY SPOŁECZNOŚCI</span>
389402
<div class="stats-grid">
390-
<div class="stat-card">
391-
<div class="stat-header">
392-
<div class="stat-icon">▶</div>
403+
<!-- DevLabStudy YouTube -->
404+
<a href="https://www.youtube.com/channel/UCisFPSU_Y8hznpqrcewcJAg" target="_blank" class="stat-card">
405+
<div>
406+
<div class="stat-header">
407+
<div class="stat-icon">▶</div>
408+
<div>
409+
<div class="stat-name">DevLabStudy</div>
410+
<div class="stat-platform">@YouTube</div>
411+
</div>
412+
</div>
393413
<div>
394-
<div class="stat-name">DevLabStudy</div>
395-
<div class="stat-platform">@YouTube</div>
414+
<div class="stat-number">34</div>
415+
<div class="stat-label">Subskrypcji</div>
396416
</div>
397417
</div>
398-
<div>
399-
<div class="stat-number">34</div>
400-
<div class="stat-label">Subskrypcji</div>
418+
<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;">
419+
<span style="font-size: 0.8rem; color: var(--text-muted); font-family: 'JetBrains Mono', monospace;">// GŁÓWNY KANAŁ</span>
420+
<span class="stat-external">Otwórz kanał ↗</span>
401421
</div>
402-
</div>
422+
</a>
403423

404-
<div class="stat-card">
405-
<div class="stat-header">
406-
<div class="stat-icon">💻</div>
424+
<!-- PC Hub YouTube -->
425+
<a href="https://www.youtube.com/channel/UCaTfVaE8Pb95CZvblqjNheA" target="_blank" class="stat-card">
426+
<div>
427+
<div class="stat-header">
428+
<div class="stat-icon">💻</div>
429+
<div>
430+
<div class="stat-name">PC Hub</div>
431+
<div class="stat-platform">@YouTube</div>
432+
</div>
433+
</div>
407434
<div>
408-
<div class="stat-name">PC Hub</div>
409-
<div class="stat-platform">@YouTube</div>
435+
<div class="stat-number">0</div>
436+
<div class="stat-label">Subskrypcji</div>
410437
</div>
411438
</div>
412-
<div>
413-
<div class="stat-number">0</div>
414-
<div class="stat-label">Subskrypcji</div>
439+
<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;">
440+
<span style="font-size: 0.8rem; color: var(--text-muted); font-family: 'JetBrains Mono', monospace;">// HARDWARE & TEARDOWNS</span>
441+
<span class="stat-external">Otwórz kanał ↗</span>
415442
</div>
416-
</div>
443+
</a>
417444

418-
<div class="stat-card">
419-
<div class="stat-header">
420-
<div class="stat-icon">/</div>
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>
421455
<div>
422-
<div class="stat-name">DevLab Network</div>
423-
<div class="stat-platform">@App_Status</div>
456+
<div class="stat-number">v1.0</div>
457+
<div class="stat-label">Wersja Build</div>
424458
</div>
425459
</div>
426-
<div>
427-
<div class="stat-number">v1.0</div>
428-
<div class="stat-label">Wersja Build</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>
429463
</div>
430464
</div>
431465
</div>

0 commit comments

Comments
 (0)