Skip to content

Commit 57911ee

Browse files
DevLabStudyDevLabStudy
authored
Update default.html
1 parent 2e629b8 commit 57911ee

1 file changed

Lines changed: 98 additions & 51 deletions

File tree

‎_layouts/default.html‎

Lines changed: 98 additions & 51 deletions
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@
4242
border-bottom: 1px solid var(--border);
4343
padding: 22px 50px;
4444
display: grid;
45-
grid-template-columns: auto 1fr auto;
45+
grid-template-columns: auto 1fr;
4646
align-items: center;
4747
gap: 30px;
4848
position: sticky;
@@ -66,7 +66,7 @@
6666
}
6767
.nav-brand svg { width: 22px; height: 22px; stroke: var(--accent-contrast); }
6868

69-
/* MENU ŚRODKOWE PRZESUNIĘTE W PRAWO */
69+
/* MENU ŚRODKOWE / PRAWE */
7070
.nav-center {
7171
display: flex;
7272
justify-content: flex-end;
@@ -94,30 +94,30 @@
9494
border-radius: 2px;
9595
}
9696

97-
.nav-right { display: flex; justify-content: flex-end; }
98-
99-
/* DROPDOWN COMMUNITY */
97+
/* DROPDOWN APPS W NAVBARZE */
10098
.dropdown { position: relative; display: inline-block; }
10199
.dropbtn {
102-
background: rgba(0, 210, 255, 0.05);
103-
color: var(--accent-blue);
104-
padding: 9px 18px;
105-
border-radius: 6px;
106-
border: 1px solid rgba(0, 210, 255, 0.3);
100+
background: none;
101+
border: none;
102+
color: var(--text-muted);
103+
font-family: 'Inter', sans-serif;
104+
font-weight: 600;
105+
font-size: 0.9rem;
107106
cursor: pointer;
108-
font-family: 'JetBrains Mono', monospace;
109-
font-weight: 700;
110-
font-size: 0.8rem;
111-
text-transform: uppercase;
112-
transition: 0.2s;
107+
padding: 0;
108+
transition: 0.3s;
109+
display: flex;
110+
align-items: center;
111+
gap: 5px;
113112
}
114-
.dropbtn:hover { background: rgba(0, 210, 255, 0.1); border-color: var(--accent-blue); }
113+
.dropbtn:hover, .dropdown:hover .dropbtn { color: var(--accent-blue); }
115114

116-
.dropdown-content { position: absolute; right: 0; top: 100%; padding-top: 12px; min-width: 200px; opacity: 0; visibility: hidden; transition: 0.25s ease; z-index: 1001; }
115+
.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; }
117116
.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); }
118117
.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); }
119118
.dropdown-content a:hover { color: var(--accent-blue); background: rgba(0, 210, 255, 0.05); }
120119
.dropdown:hover .dropdown-content { opacity: 1; visibility: visible; }
120+
.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; }
121121

122122
/* DASHBOARD */
123123
.dashboard { width: 100%; max-width: 1400px; padding: 50px; margin: 0 auto; box-sizing: border-box; flex: 1; }
@@ -136,32 +136,50 @@
136136
}
137137
.section-tag::before { content: '///'; color: var(--accent-blue); }
138138

139-
/* STOPKA */
139+
/* STOPKA W STYLU NASA */
140140
footer {
141-
max-width: 1400px;
142-
width: 100%;
143-
margin: 80px auto 40px auto;
144-
padding: 40px 50px;
141+
background: rgba(3, 3, 5, 0.95);
145142
border-top: 1px solid var(--border);
143+
padding: 60px 50px 40px 50px;
144+
margin-top: 80px;
145+
box-sizing: border-box;
146+
font-family: 'JetBrains Mono', monospace;
147+
}
148+
.footer-grid {
149+
max-width: 1400px;
150+
margin: 0 auto 40px auto;
151+
display: grid;
152+
grid-template-columns: 2fr 1fr 1fr 1fr;
153+
gap: 40px;
154+
}
155+
.footer-col h4 { color: #fff; font-size: 0.9rem; text-transform: uppercase; margin-bottom: 15px; letter-spacing: 1px; }
156+
.footer-col p { color: var(--text-muted); font-size: 0.8rem; line-height: 1.6; margin: 0; font-family: 'Inter', sans-serif; }
157+
.footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
158+
.footer-col ul a { color: var(--text-muted); font-size: 0.8rem; transition: 0.2s; }
159+
.footer-col ul a:hover { color: var(--accent-blue); }
160+
161+
.footer-bottom {
162+
max-width: 1400px;
163+
margin: 0 auto;
164+
padding-top: 25px;
165+
border-top: 1px dashed rgba(255, 255, 255, 0.08);
146166
display: flex;
147167
justify-content: space-between;
148168
align-items: center;
149-
font-size: 0.8rem;
150-
color: var(--text-muted);
151-
font-family: 'JetBrains Mono', monospace;
152-
box-sizing: border-box;
169+
font-size: 0.75rem;
170+
color: var(--text-muted);
153171
}
154-
.footer-links { display: flex; gap: 20px; }
155-
.footer-links a { color: var(--text-muted); transition: 0.2s; }
156-
.footer-links a:hover { color: var(--accent-blue); }
172+
.footer-bottom-links { display: flex; gap: 20px; }
173+
.footer-bottom-links a { color: var(--text-muted); transition: 0.2s; }
174+
.footer-bottom-links a:hover { color: var(--accent-blue); }
157175

158176
@media (max-width: 1024px) {
159177
.navbar { grid-template-columns: 1fr; gap: 15px; padding: 20px; text-align: center; }
160178
.nav-center { justify-content: center; flex-wrap: wrap; gap: 15px; }
161-
.nav-right { justify-content: center; }
162179
.dashboard { padding: 30px 20px; }
163-
footer { flex-direction: column; gap: 20px; text-align: center; padding: 30px 20px; }
164-
.footer-links { justify-content: center; }
180+
.footer-grid { grid-template-columns: 1fr; gap: 30px; }
181+
.footer-bottom { flex-direction: column; gap: 15px; text-align: center; }
182+
.footer-bottom-links { justify-content: center; }
165183
}
166184
</style>
167185
</head>
@@ -182,39 +200,68 @@
182200
<a href="/blog" {% if page.url contains "blog" %}class="active"{% endif %}>Blog</a>
183201
<a href="/homelab" {% if page.url contains "homelab" %}class="active"{% endif %}>HomeLab</a>
184202
<a href="/sponsors" {% if page.url contains "sponsors" %}class="active"{% endif %}>Sponsors</a>
185-
<a href="/apps" {% if page.url contains "apps" %}class="active"{% endif %}>Apps</a>
186-
<a href="/kontakt" {% if page.url contains "kontakt" %}class="active"{% endif %}>Kontakt</a>
187-
</div>
188-
<div class="nav-right">
203+
204+
<!-- ROZWIJANE MENU APPS -->
189205
<div class="dropdown">
190-
<button class="dropbtn">Community ▾</button>
206+
<button class="dropbtn">Apps ▾</button>
191207
<div class="dropdown-content">
192208
<div class="dropdown-links-wrapper">
193-
<a href="https://github.com/DevLabStudy" target="_blank">GitHub <span>↗</span></a>
194-
<a href="https://discord.gg/uwUTgEQcwj" target="_blank">Discord <span>↗</span></a>
195-
<a href="https://www.tiktok.com/@devlabstudy_official" target="_blank">TikTok <span>↗</span></a>
196-
<a href="https://www.reddit.com/user/TobiMessi201/" target="_blank">Reddit <span>↗</span></a>
197-
<a href="https://x.com/DevLabStudy" target="_blank">X/Twitter <span>↗</span></a>
198-
<a href="https://www.instagram.com/devlabstudy" target="_blank">Instagram <span>↗</span></a>
199-
<a href="https://pl.pinterest.com/DevLabStudy_Official/" target="_blank">Pinterest <span>↗</span></a>
200-
<a href="https://www.facebook.com/devlabstudy" target="_blank">Fanpage <span>↗</span></a>
201-
<a href="https://www.linkedin.com/in/tobiaszkajzer" target="_blank">LinkedIn <span>↗</span></a>
209+
<a href="/orbit">Orbit <span>↗</span></a>
210+
<a href="/garmin">Garmin <span class="badge-work">In Work</span></a>
211+
<a href="/phone">Mobile App <span>↗</span></a>
202212
</div>
203213
</div>
204214
</div>
215+
216+
<a href="/kontakt" {% if page.url contains "kontakt" %}class="active"{% endif %}>Kontakt</a>
205217
</div>
206218
</nav>
207219

208220
<main class="dashboard">
209221
{{ content }}
210222
</main>
211223

224+
<!-- ROZBUDOWANA STOPKA W STYLU NASA -->
212225
<footer>
213-
<div>// SYSTEM_ARCHIVE_2026 — Tobiasz Kajzer</div>
214-
<div class="footer-links">
215-
<a href="/polityka-prywatnosci">Polityka Prywatności</a>
216-
<a href="/regulamin">Regulamin</a>
217-
<a href="/kontakt">Kontakt</a>
226+
<div class="footer-grid">
227+
<div class="footer-col">
228+
<h4 style="color: var(--accent-contrast);">DevLabStudy_</h4>
229+
<p>Dokumentacja infrastruktury homelab, konfiguracji sieci fizycznych i wirtualnych oraz autorskie projekty narzędziowe.</p>
230+
</div>
231+
<div class="footer-col">
232+
<h4>Nawigacja</h4>
233+
<ul>
234+
<li><a href="/">Strona Główna (Hub)</a></li>
235+
<li><a href="/blog">Dziennik / Blog</a></li>
236+
<li><a href="/homelab">Infrastruktura HomeLab</a></li>
237+
<li><a href="/sponsors">Partnerzy</a></li>
238+
</ul>
239+
</div>
240+
<div class="footer-col">
241+
<h4>Projekty (Apps)</h4>
242+
<ul>
243+
<li><a href="/orbit">Orbit Dashboard</a></li>
244+
<li><a href="/garmin">Garmin Connect Apps</a></li>
245+
<li><a href="/phone">Mobile Toolkits</a></li>
246+
</ul>
247+
</div>
248+
<div class="footer-col">
249+
<h4>Follow Community</h4>
250+
<ul>
251+
<li><a href="https://www.youtube.com/channel/UCisFPSU_Y8hznpqrcewcJAg" target="_blank">YouTube (DevLabStudy) ↗</a></li>
252+
<li><a href="https://github.com/DevLabStudy" target="_blank">GitHub Repository ↗</a></li>
253+
<li><a href="https://discord.gg/uwUTgEQcwj" target="_blank">Discord Server ↗</a></li>
254+
<li><a href="https://www.instagram.com/devlabstudy" target="_blank">Instagram ↗</a></li>
255+
</ul>
256+
</div>
257+
</div>
258+
<div class="footer-bottom">
259+
<div>// SYSTEM_ARCHIVE_2026 — Tobiasz Kajzer</div>
260+
<div class="footer-bottom-links">
261+
<a href="/polityka-prywatnosci">Polityka Prywatności</a>
262+
<a href="/regulamin">Regulamin</a>
263+
<a href="/kontakt">Kontakt</a>
264+
</div>
218265
</div>
219266
</footer>
220267

0 commit comments

Comments
 (0)