|
121 | 121 | height: 3px; |
122 | 122 | background: var(--accent-blue); |
123 | 123 | border-radius: 3px; |
124 | | - /* Płynna, naturalna animacja */ |
125 | 124 | transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1), left 0.3s cubic-bezier(0.4, 0, 0.2, 1); |
126 | 125 | z-index: 1; |
127 | 126 | box-shadow: 0 0 10px rgba(0, 210, 255, 0.5); |
|
130 | 129 | /* DROPDOWN APPS */ |
131 | 130 | .dropdown { position: relative; display: inline-block; } |
132 | 131 |
|
133 | | - .dropdown-content { position: absolute; right: 0; top: 100%; padding-top: 12px; min-width: 220px; opacity: 0; visibility: hidden; transition: 0.25s ease; z-index: 1001; } |
| 132 | + .dropdown-content { position: absolute; right: 0; top: 100%; padding-top: 12px; min-width: 230px; opacity: 0; visibility: hidden; transition: 0.25s ease; z-index: 1001; } |
134 | 133 | .dropdown-links-wrapper { background: rgba(10, 15, 25, 0.98); border: 1px solid var(--border); border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.8); overflow: hidden; backdrop-filter: blur(10px); } |
135 | 134 | .dropdown-content a, .dropdown-content .disabled-link { display: flex; justify-content: space-between; align-items: center; color: var(--text-main); padding: 12px 18px; text-decoration: none; font-size: 0.85rem; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.03); } |
136 | 135 | .dropdown-content a:hover { color: var(--accent-blue); background: rgba(0, 210, 255, 0.05); } |
137 | | - .dropdown:hover .dropdown-content { opacity: 1; visibility: visible; } |
138 | 136 | .badge-work { font-size: 0.65rem; background: rgba(255, 94, 0, 0.15); color: var(--accent-contrast); padding: 2px 6px; border-radius: 4px; border: 1px solid rgba(255, 94, 0, 0.3); font-family: 'JetBrains Mono', monospace; text-transform: uppercase; } |
| 137 | + .badge-new { font-size: 0.65rem; background: rgba(0, 210, 255, 0.15); color: var(--accent-blue); padding: 2px 6px; border-radius: 4px; border: 1px solid rgba(0, 210, 255, 0.3); font-family: 'JetBrains Mono', monospace; text-transform: uppercase; } |
139 | 138 |
|
140 | 139 | /* NIEKLIKALNY ELEMENT GARMIN Z HOVEREM */ |
141 | 140 | .disabled-link { |
|
181 | 180 | .section-tag::before { content: '///'; color: var(--accent-blue); } |
182 | 181 |
|
183 | 182 | /* STOPKA W STYLU NASA */ |
184 | | - footer { |
| 183 | + <footer> |
185 | 184 | background: #010204; |
186 | 185 | border-top: 1px solid var(--border); |
187 | 186 | padding: 70px 60px 40px 60px; |
|
331 | 330 | <div class="dropdown-content"> |
332 | 331 | <div class="dropdown-links-wrapper"> |
333 | 332 | <a href="/orbit">Orbit <span>↗</span></a> |
| 333 | + <a href="/homelab-cc">Homelab CC <span class="badge-new">New</span></a> |
334 | 334 | <div class="disabled-link"> |
335 | 335 | <span class="link-text">Garmin</span> |
336 | 336 | <span class="beta-hover-text">[ In Beta Tests ]</span> |
@@ -371,6 +371,7 @@ <h4>Nawigacja</h4> |
371 | 371 | <h4>Projekty (Apps)</h4> |
372 | 372 | <ul> |
373 | 373 | <li><a href="/orbit">Orbit Dashboard</a></li> |
| 374 | + <li><a href="/homelab-cc">Homelab Control Center</a></li> |
374 | 375 | <li> |
375 | 376 | <div class="disabled-footer-link"> |
376 | 377 | <span class="footer-link-text">Garmin Connect Apps</span> |
@@ -432,7 +433,7 @@ <h4>Follow DevLabStudy</h4> |
432 | 433 | </div> |
433 | 434 |
|
434 | 435 | <div class="footer-meta-bar"> |
435 | | - <div>Page Last Updated: <span>October 08, 2026</span></div> |
| 436 | + <div>Page Last Updated: <span>October 09, 2026</span></div> |
436 | 437 | <div>Page Editor: <span>Tobiasz Kajzer</span></div> |
437 | 438 | <div>Responsible System Official: <span>DevLabStudy Administrator</span></div> |
438 | 439 | </div> |
|
0 commit comments