Skip to content

Commit d9f7030

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

1 file changed

Lines changed: 74 additions & 57 deletions

File tree

‎_layouts/default.html‎

Lines changed: 74 additions & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -36,11 +36,11 @@
3636

3737
a { color: inherit; text-decoration: none; }
3838

39-
/* NAVBAR - GRID */
39+
/* NAVBAR - SZEROKI I PROFESJONALNY */
4040
.navbar {
4141
background: var(--bg-nav);
4242
border-bottom: 1px solid var(--border);
43-
padding: 22px 50px;
43+
padding: 22px 60px;
4444
display: grid;
4545
grid-template-columns: auto 1fr;
4646
align-items: center;
@@ -70,7 +70,7 @@
7070
display: flex;
7171
justify-content: flex-end;
7272
align-items: center;
73-
gap: 30px;
73+
gap: 35px;
7474
}
7575
.nav-center a {
7676
text-decoration: none;
@@ -118,7 +118,7 @@
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 ] */
121+
/* NIEKLIKALNY ELEMENT GARMIN Z HOVEREM */
122122
.disabled-link {
123123
color: var(--text-muted);
124124
cursor: default;
@@ -140,18 +140,12 @@
140140
letter-spacing: 0.5px;
141141
transition: opacity 0.2s ease;
142142
}
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-
}
143+
.disabled-link:hover { background: rgba(255, 94, 0, 0.04); }
144+
.disabled-link:hover .link-text { opacity: 0; }
145+
.disabled-link:hover .beta-hover-text { opacity: 1; }
152146

153-
/* DASHBOARD */
154-
.dashboard { width: 100%; max-width: 1400px; padding: 50px; margin: 0 auto; box-sizing: border-box; flex: 1; }
147+
/* DASHBOARD - ROZSZERZONY I PRZESTRONNY */
148+
.dashboard { width: 100%; max-width: 1550px; padding: 50px 60px; margin: 0 auto; box-sizing: border-box; flex: 1; }
155149

156150
.section-tag {
157151
font-family: 'JetBrains Mono', monospace;
@@ -167,30 +161,29 @@
167161
}
168162
.section-tag::before { content: '///'; color: var(--accent-blue); }
169163

170-
/* STOPKA ROZCIĄGNIĘTA DO KRAWĘDZI */
164+
/* STOPKA W STYLU NASA (PEŁNA SKALA I DETALE) */
171165
footer {
172166
background: #010204;
173167
border-top: 1px solid var(--border);
174-
padding: 60px 40px 30px 40px;
175-
margin-top: 80px;
168+
padding: 70px 60px 40px 60px;
169+
margin-top: 100px;
176170
box-sizing: border-box;
177171
font-family: 'JetBrains Mono', monospace;
178172
width: 100%;
179173
}
180174
.footer-grid {
181175
width: 100%;
182-
max-width: none;
183-
margin: 0 auto 40px auto;
176+
max-width: 1550px;
177+
margin: 0 auto 50px auto;
184178
display: grid;
185-
grid-template-columns: 2fr 1fr 1.2fr 2fr;
186-
gap: 40px;
187-
padding: 0 20px;
179+
grid-template-columns: 2.2fr 1fr 1fr 1.5fr;
180+
gap: 60px;
188181
box-sizing: border-box;
189182
}
190183
.footer-col h4 { color: #fff; font-size: 0.85rem; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 1.5px; }
191-
.footer-col p { color: var(--text-muted); font-size: 0.8rem; line-height: 1.7; margin: 0; font-family: 'Inter', sans-serif; }
184+
.footer-col p { color: var(--text-muted); font-size: 0.82rem; line-height: 1.7; margin: 0; font-family: 'Inter', sans-serif; }
192185
.footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
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; }
186+
.footer-col ul a, .footer-col ul .disabled-footer-link { color: var(--text-muted); font-size: 0.82rem; transition: 0.2s; font-family: 'Inter', sans-serif; text-decoration: none; }
194187
.footer-col ul a:hover { color: var(--accent-blue); }
195188

196189
/* STOPKA - GARMIN HOVER */
@@ -199,9 +192,7 @@
199192
position: relative;
200193
display: inline-block;
201194
}
202-
.disabled-footer-link .footer-link-text {
203-
transition: opacity 0.2s ease;
204-
}
195+
.disabled-footer-link .footer-link-text { transition: opacity 0.2s ease; }
205196
.disabled-footer-link .footer-beta-text {
206197
position: absolute;
207198
left: 0;
@@ -212,12 +203,8 @@
212203
font-size: 0.75rem;
213204
transition: opacity 0.2s ease;
214205
}
215-
.disabled-footer-link:hover .footer-link-text {
216-
opacity: 0;
217-
}
218-
.disabled-footer-link:hover .footer-beta-text {
219-
opacity: 1;
220-
}
206+
.disabled-footer-link:hover .footer-link-text { opacity: 0; }
207+
.disabled-footer-link:hover .footer-beta-text { opacity: 1; }
221208

222209
/* IKONKI SPOŁECZNOŚCIOWE */
223210
.social-icons-grid {
@@ -239,11 +226,7 @@
239226
text-decoration: none;
240227
transition: 0.25s;
241228
}
242-
.social-icon-btn svg {
243-
width: 15px;
244-
height: 15px;
245-
fill: currentColor;
246-
}
229+
.social-icon-btn svg { width: 15px; height: 15px; fill: currentColor; }
247230
.social-icon-btn:hover {
248231
background: var(--accent-blue);
249232
color: #030305;
@@ -254,31 +237,56 @@
254237

255238
.footer-divider {
256239
width: 100%;
257-
margin: 0 0 25px 0;
240+
max-width: 1550px;
241+
margin: 0 auto 30px auto;
258242
border-top: 1px solid rgba(255, 255, 255, 0.08);
259243
}
260244

261-
.footer-bottom {
245+
/* GŁÓWNY PAS Z PRZEKIEROWANIAMI W STYLU NASA (SZYTWNA SZEROKOŚĆ) */
246+
.footer-sublinks-bar {
262247
width: 100%;
263-
padding: 0 20px;
264-
box-sizing: border-box;
248+
max-width: 1550px;
249+
margin: 0 auto 25px auto;
265250
display: flex;
251+
flex-wrap: wrap;
252+
gap: 25px;
253+
font-size: 0.78rem;
254+
font-family: 'Inter', sans-serif;
255+
}
256+
.footer-sublinks-bar a {
257+
color: var(--text-muted);
258+
transition: color 0.2s;
259+
text-decoration: none;
260+
}
261+
.footer-sublinks-bar a:hover {
262+
color: var(--accent-blue);
263+
}
264+
265+
/* DOLNY PAS SYSTEMOWY Z METADANYMI (JAK W NASA) */
266+
.footer-meta-bar {
267+
width: 100%;
268+
max-width: 1550px;
269+
margin: 0 auto;
270+
display: flex;
271+
flex-wrap: wrap;
266272
justify-content: space-between;
267273
align-items: center;
268-
font-size: 0.75rem;
274+
font-size: 0.73rem;
269275
color: var(--text-muted);
276+
font-family: 'JetBrains Mono', monospace;
277+
gap: 15px;
278+
}
279+
.footer-meta-bar span {
280+
color: #fff;
281+
font-weight: 700;
270282
}
271-
.footer-bottom-links { display: flex; gap: 25px; }
272-
.footer-bottom-links a { color: var(--text-muted); transition: 0.2s; font-family: 'Inter', sans-serif; }
273-
.footer-bottom-links a:hover { color: var(--accent-blue); }
274283

275284
@media (max-width: 1024px) {
276285
.navbar { grid-template-columns: 1fr; gap: 15px; padding: 20px; text-align: center; }
277286
.nav-center { justify-content: center; flex-wrap: wrap; gap: 15px; }
278287
.dashboard { padding: 30px 20px; }
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; }
281-
.footer-bottom-links { justify-content: center; }
288+
.footer-grid { grid-template-columns: 1fr; gap: 30px; }
289+
.footer-meta-bar { flex-direction: column; text-align: center; gap: 10px; }
282290
.social-icons-grid { max-width: 100%; justify-content: center; }
283291
}
284292
</style>
@@ -397,13 +405,22 @@ <h4>Follow DevLabStudy</h4>
397405

398406
<div class="footer-divider"></div>
399407

400-
<div class="footer-bottom">
401-
<div>// SYSTEM_ARCHIVE_2026 — Tobiasz Kajzer</div>
402-
<div class="footer-bottom-links">
403-
<a href="/polityka-prywatnosci">Polityka Prywatności</a>
404-
<a href="/regulamin">Regulamin</a>
405-
<a href="/kontakt">Kontakt</a>
406-
</div>
408+
<!-- DODATKOWY PAS PRZEKIEROWAŃ W STYLU NASA -->
409+
<div class="footer-sublinks-bar">
410+
<a href="/">Sitemap</a>
411+
<a href="/blog">For Media & Press</a>
412+
<a href="/polityka-prywatnosci">Privacy Policy</a>
413+
<a href="/homelab">Infrastructure & Specs</a>
414+
<a href="/sponsors">Partners & Sponsors</a>
415+
<a href="/kontakt">Contact & Support</a>
416+
<a href="https://github.com/DevLabStudy" target="_blank">Source Code (GitHub)</a>
417+
</div>
418+
419+
<!-- DOLNY PAS METADANYCH (JAK W NASA) -->
420+
<div class="footer-meta-bar">
421+
<div>Page Last Updated: <span>October 06, 2026</span></div>
422+
<div>Page Editor: <span>Tobiasz Kajzer</span></div>
423+
<div>Responsible System Official: <span>DevLabStudy Administrator</span></div>
407424
</div>
408425
</footer>
409426

0 commit comments

Comments
 (0)