Skip to content

Commit d46e71b

Browse files
DevLabStudyDevLabStudy
authored
Update default.html
1 parent b5d1165 commit d46e71b

1 file changed

Lines changed: 88 additions & 16 deletions

File tree

‎_layouts/default.html‎

Lines changed: 88 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -113,11 +113,43 @@
113113

114114
.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; }
115115
.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); }
116-
.dropdown-content a { 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); }
116+
.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); }
117117
.dropdown-content a:hover { color: var(--accent-blue); background: rgba(0, 210, 255, 0.05); }
118118
.dropdown:hover .dropdown-content { opacity: 1; visibility: visible; }
119119
.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; }
120120

121+
/* NIEKLIKALNY ELEMENT GARMIN Z HOVEREM [ IN BETA TESTS ] */
122+
.disabled-link {
123+
color: var(--text-muted);
124+
cursor: default;
125+
position: relative;
126+
background: transparent;
127+
transition: 0.25s;
128+
}
129+
.disabled-link .link-text {
130+
display: inline-block;
131+
transition: opacity 0.2s ease;
132+
}
133+
.disabled-link .beta-hover-text {
134+
position: absolute;
135+
left: 18px;
136+
opacity: 0;
137+
color: var(--accent-contrast);
138+
font-family: 'JetBrains Mono', monospace;
139+
font-size: 0.75rem;
140+
letter-spacing: 0.5px;
141+
transition: opacity 0.2s ease;
142+
}
143+
.disabled-link:hover {
144+
background: rgba(255, 94, 0, 0.04);
145+
}
146+
.disabled-link:hover .link-text {
147+
opacity: 0;
148+
}
149+
.disabled-link:hover .beta-hover-text {
150+
opacity: 1;
151+
}
152+
121153
/* DASHBOARD */
122154
.dashboard { width: 100%; max-width: 1400px; padding: 50px; margin: 0 auto; box-sizing: border-box; flex: 1; }
123155

@@ -135,29 +167,59 @@
135167
}
136168
.section-tag::before { content: '///'; color: var(--accent-blue); }
137169

138-
/* STOPKA W STYLU NASA (POPRAWIONA SZEROKOŚĆ I IKONY) */
170+
/* STOPKA ROZCIĄGNIĘTA DO KRAWĘDZI */
139171
footer {
140172
background: #010204;
141173
border-top: 1px solid var(--border);
142-
padding: 70px 50px 40px 50px;
174+
padding: 60px 40px 30px 40px;
143175
margin-top: 80px;
144176
box-sizing: border-box;
145177
font-family: 'JetBrains Mono', monospace;
178+
width: 100%;
146179
}
147180
.footer-grid {
148-
max-width: 1400px;
149-
margin: 0 auto 50px auto;
181+
width: 100%;
182+
max-width: none;
183+
margin: 0 auto 40px auto;
150184
display: grid;
151-
grid-template-columns: 1.8fr 1fr 1fr 1.8fr;
185+
grid-template-columns: 2fr 1fr 1.2fr 2fr;
152186
gap: 40px;
187+
padding: 0 20px;
188+
box-sizing: border-box;
153189
}
154190
.footer-col h4 { color: #fff; font-size: 0.85rem; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1.5px; }
155191
.footer-col p { color: var(--text-muted); font-size: 0.8rem; line-height: 1.7; margin: 0; font-family: 'Inter', sans-serif; }
156192
.footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
157-
.footer-col ul a { color: var(--text-muted); font-size: 0.8rem; transition: 0.2s; font-family: 'Inter', sans-serif; }
193+
.footer-col ul a, .footer-col ul .disabled-footer-link { color: var(--text-muted); font-size: 0.8rem; transition: 0.2s; font-family: 'Inter', sans-serif; text-decoration: none; }
158194
.footer-col ul a:hover { color: var(--accent-blue); }
159195

160-
/* ZGRABNE IKONKI 5 W RZĘDZIE */
196+
/* STOPKA - GARMIN HOVER */
197+
.disabled-footer-link {
198+
cursor: default;
199+
position: relative;
200+
display: inline-block;
201+
}
202+
.disabled-footer-link .footer-link-text {
203+
transition: opacity 0.2s ease;
204+
}
205+
.disabled-footer-link .footer-beta-text {
206+
position: absolute;
207+
left: 0;
208+
top: 0;
209+
opacity: 0;
210+
color: var(--accent-contrast);
211+
font-family: 'JetBrains Mono', monospace;
212+
font-size: 0.75rem;
213+
transition: opacity 0.2s ease;
214+
}
215+
.disabled-footer-link:hover .footer-link-text {
216+
opacity: 0;
217+
}
218+
.disabled-footer-link:hover .footer-beta-text {
219+
opacity: 1;
220+
}
221+
222+
/* IKONKI SPOŁECZNOŚCIOWE */
161223
.social-icons-grid {
162224
display: grid;
163225
grid-template-columns: repeat(5, 1fr);
@@ -191,14 +253,15 @@
191253
}
192254

193255
.footer-divider {
194-
max-width: 1400px;
195-
margin: 0 auto 30px auto;
256+
width: 100%;
257+
margin: 0 0 25px 0;
196258
border-top: 1px solid rgba(255, 255, 255, 0.08);
197259
}
198260

199261
.footer-bottom {
200-
max-width: 1400px;
201-
margin: 0 auto;
262+
width: 100%;
263+
padding: 0 20px;
264+
box-sizing: border-box;
202265
display: flex;
203266
justify-content: space-between;
204267
align-items: center;
@@ -213,8 +276,8 @@
213276
.navbar { grid-template-columns: 1fr; gap: 15px; padding: 20px; text-align: center; }
214277
.nav-center { justify-content: center; flex-wrap: wrap; gap: 15px; }
215278
.dashboard { padding: 30px 20px; }
216-
.footer-grid { grid-template-columns: 1fr; gap: 30px; }
217-
.footer-bottom { flex-direction: column; gap: 20px; text-align: center; }
279+
.footer-grid { grid-template-columns: 1fr; gap: 30px; padding: 0 10px; }
280+
.footer-bottom { flex-direction: column; gap: 20px; text-align: center; padding: 0 10px; }
218281
.footer-bottom-links { justify-content: center; }
219282
.social-icons-grid { max-width: 100%; justify-content: center; }
220283
}
@@ -243,7 +306,11 @@
243306
<div class="dropdown-content">
244307
<div class="dropdown-links-wrapper">
245308
<a href="/orbit">Orbit <span>↗</span></a>
246-
<a href="/garmin">Garmin <span class="badge-work">In Work</span></a>
309+
<div class="disabled-link">
310+
<span class="link-text">Garmin</span>
311+
<span class="beta-hover-text">[ In Beta Tests ]</span>
312+
<span class="badge-work">In Work</span>
313+
</div>
247314
<a href="/phone">Mobile App <span>↗</span></a>
248315
</div>
249316
</div>
@@ -276,7 +343,12 @@ <h4>Nawigacja</h4>
276343
<h4>Projekty (Apps)</h4>
277344
<ul>
278345
<li><a href="/orbit">Orbit Dashboard</a></li>
279-
<li><a href="/garmin">Garmin Connect Apps</a></li>
346+
<li>
347+
<div class="disabled-footer-link">
348+
<span class="footer-link-text">Garmin Connect Apps</span>
349+
<span class="footer-beta-text">[ In Beta Tests ]</span>
350+
</div>
351+
</li>
280352
<li><a href="/phone">Mobile Toolkits</a></li>
281353
</ul>
282354
</div>

0 commit comments

Comments
 (0)