Skip to content

Commit d195d10

Browse files
DevLabStudyDevLabStudy
authored
Update default.html
1 parent c76e938 commit d195d10

1 file changed

Lines changed: 103 additions & 83 deletions

File tree

‎_layouts/default.html‎

Lines changed: 103 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<meta name="description" content="DevLabStudy - Homelab documentation, Proxmox clusters, and Project Orbit.">
77
<title>DevLabStudy | {{ page.title }}</title>
88

9-
<!-- Bezpośredni Favicon w SVG -->
9+
<!-- Favicon w SVG -->
1010
<link rel="icon" type="image/svg+xml" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5e00' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='4 17 10 11 4 5'></polyline><line x1='12' y1='19' x2='20' y2='19'></line></svg>">
1111

1212
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&family=Inter:wght@400;600;700;900&display=swap" rel="stylesheet">
@@ -16,9 +16,10 @@
1616
--bg-nav: #030305;
1717
--text-main: #f1f5f9;
1818
--text-muted: #8b9bb4;
19-
--border-color: rgba(0, 210, 255, 0.15);
19+
--border: rgba(0, 210, 255, 0.15);
2020
--accent-blue: #00d2ff;
2121
--accent-contrast: #ff5e00;
22+
--card-bg: rgba(10, 15, 25, 0.6);
2223
}
2324

2425
body {
@@ -35,12 +36,37 @@
3536

3637
a { color: inherit; text-decoration: none; }
3738

38-
.navbar { background: var(--bg-nav); border-bottom: 1px solid var(--border-color); padding: 22px 40px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; position: sticky; top: 0; z-index: 1000; }
39-
.nav-left { display: flex; align-items: center; }
40-
.nav-brand { font-size: 1.3rem; font-weight: 900; text-decoration: none; color: #fff; letter-spacing: 1px; text-transform: uppercase; display: flex; align-items: center; gap: 10px; }
39+
/* HEADER & NAWIGACJA */
40+
.navbar {
41+
background: var(--bg-nav);
42+
border-bottom: 1px solid var(--border);
43+
padding: 22px 60px;
44+
display: flex;
45+
justify-content: space-between;
46+
align-items: center;
47+
position: sticky;
48+
top: 0;
49+
z-index: 1000;
50+
max-width: 1500px;
51+
width: 100%;
52+
margin: 0 auto;
53+
box-sizing: border-box;
54+
}
55+
56+
.nav-brand {
57+
font-size: 1.3rem;
58+
font-weight: 900;
59+
text-decoration: none;
60+
color: #fff;
61+
letter-spacing: 1px;
62+
text-transform: uppercase;
63+
display: flex;
64+
align-items: center;
65+
gap: 10px;
66+
}
4167
.nav-brand svg { width: 22px; height: 22px; stroke: var(--accent-contrast); }
4268

43-
.nav-center { display: flex; justify-content: center; align-items: center; gap: 25px; }
69+
.nav-center { display: flex; align-items: center; gap: 30px; }
4470
.nav-center a { text-decoration: none; color: var(--text-muted); font-weight: 600; font-size: 0.9rem; transition: 0.3s; position: relative; }
4571
.nav-center a:hover, .nav-center a.active { color: var(--accent-blue); }
4672

@@ -55,53 +81,84 @@
5581
border-radius: 2px;
5682
}
5783

58-
.nav-right { display: flex; justify-content: flex-end; }
59-
84+
/* DROPDOWN COMMUNITY (PO PRAWEJ) */
6085
.dropdown { position: relative; display: inline-block; }
61-
.dropbtn { background: rgba(0, 210, 255, 0.05); color: var(--accent-blue); padding: 8px 16px; border-radius: 6px; border: 1px solid rgba(0, 210, 255, 0.3); cursor: pointer; font-family: 'JetBrains Mono', monospace; font-weight: 700; font-size: 0.85rem; text-transform: uppercase; }
62-
.dropbtn:hover { background: rgba(0, 210, 255, 0.1); }
86+
.dropbtn {
87+
background: rgba(0, 210, 255, 0.05);
88+
color: var(--accent-blue);
89+
padding: 10px 20px;
90+
border-radius: 6px;
91+
border: 1px solid rgba(0, 210, 255, 0.3);
92+
cursor: pointer;
93+
font-family: 'JetBrains Mono', monospace;
94+
font-weight: 700;
95+
font-size: 0.85rem;
96+
text-transform: uppercase;
97+
transition: 0.2s;
98+
}
99+
.dropbtn:hover { background: rgba(0, 210, 255, 0.1); border-color: var(--accent-blue); }
63100

64-
.dropdown-content { position: absolute; right: 0; top: 100%; padding-top: 15px; min-width: 200px; opacity: 0; visibility: hidden; transition: 0.25s ease; z-index: 1001; }
65-
.dropdown-links-wrapper { background: rgba(10, 15, 25, 0.95); border: 1px solid var(--border-color); border-radius: 8px; box-shadow: 0 10px 30px rgba(0,0,0,0.8); overflow: hidden; backdrop-filter: blur(10px); }
66-
.dropdown-content a { display: flex; justify-content: space-between; align-items: center; color: var(--text-main); padding: 12px 16px; text-decoration: none; font-size: 0.85rem; font-weight: 600; border-bottom: 1px solid rgba(255, 255, 255, 0.03); }
101+
.dropdown-content { position: absolute; right: 0; top: 100%; padding-top: 15px; min-width: 220px; opacity: 0; visibility: hidden; transition: 0.25s ease; z-index: 1001; }
102+
.dropdown-links-wrapper { background: rgba(10, 15, 25, 0.95); 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); }
103+
.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); }
67104
.dropdown-content a:hover { color: var(--accent-blue); background: rgba(0, 210, 255, 0.05); }
68105
.dropdown:hover .dropdown-content { opacity: 1; visibility: visible; }
69106

70-
.dashboard { width: 100%; max-width: 1400px; padding: 40px; margin: 0 auto; box-sizing: border-box; flex: 1; }
71-
.grid-container { display: grid; grid-template-columns: 260px 1fr; gap: 50px; align-items: start; }
72-
73-
.left-sidebar { display: flex; flex-direction: column; gap: 20px; position: sticky; top: 100px; }
107+
/* GŁÓWNY KONTENER NA CAŁĄ SZEROKOŚĆ */
108+
.dashboard { width: 100%; max-width: 1400px; padding: 50px 60px; margin: 0 auto; box-sizing: border-box; flex: 1; }
74109

75-
.card { background: rgba(10, 15, 25, 0.6); border: 1px solid var(--border-color); padding: 20px; border-radius: 12px; backdrop-filter: blur(10px); }
76-
.vinted-card { border-color: #00bfb2 !important; }
77-
.support-btn { display: block; text-decoration: none; padding: 12px; border-radius: 8px; font-weight: 800; font-size: 0.8rem; text-align: center; margin-top: 10px; transition: 0.3s; font-family: 'JetBrains Mono', monospace; text-transform: uppercase; }
78-
.do-badge { display: block; margin-top: 10px; }
79-
.do-badge img { width: 100%; border-radius: 8px; }
110+
.section-tag {
111+
font-family: 'JetBrains Mono', monospace;
112+
color: var(--accent-contrast);
113+
font-size: 0.75rem;
114+
font-weight: 800;
115+
text-transform: uppercase;
116+
letter-spacing: 2px;
117+
margin-bottom: 25px;
118+
display: flex;
119+
align-items: center;
120+
gap: 10px;
121+
}
122+
.section-tag::before { content: '///'; color: var(--accent-blue); }
80123

81-
.main-content { min-width: 0; }
124+
/* STOPKA */
125+
footer {
126+
max-width: 1400px;
127+
width: 100%;
128+
margin: 80px auto 40px auto;
129+
padding: 40px 60px;
130+
border-top: 1px solid var(--border);
131+
display: flex;
132+
justify-content: space-between;
133+
align-items: center;
134+
font-size: 0.8rem;
135+
color: var(--text-muted);
136+
font-family: 'JetBrains Mono', monospace;
137+
box-sizing: border-box;
138+
}
139+
.footer-links { display: flex; gap: 20px; }
140+
.footer-links a { color: var(--text-muted); transition: 0.2s; }
141+
.footer-links a:hover { color: var(--accent-blue); }
82142

83-
/* RWD */
84143
@media (max-width: 1024px) {
85-
.grid-container { display: flex; flex-direction: column; }
86-
.left-sidebar { position: relative; top: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); }
87-
.navbar { display: flex; flex-direction: column; padding: 15px 20px; gap: 15px; }
88-
.nav-center { flex-wrap: wrap; gap: 12px; justify-content: center; }
89-
.dashboard { padding: 20px; }
144+
.navbar { flex-direction: column; padding: 20px; gap: 20px; }
145+
.nav-center { flex-wrap: wrap; gap: 15px; justify-content: center; }
146+
.dashboard { padding: 30px 20px; }
147+
footer { flex-direction: column; gap: 20px; text-align: center; }
148+
.footer-links { justify-content: center; }
90149
}
91150
</style>
92151
</head>
93152
<body>
94153

95154
<nav class="navbar">
96-
<div class="nav-left">
97-
<a href="/" class="nav-brand">
98-
<svg viewBox="0 0 24 24" fill="none" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
99-
<polyline points="4 17 10 11 4 5"></polyline>
100-
<line x1="12" y1="19" x2="20" y2="19"></line>
101-
</svg>
102-
DEVLABSTUDY
103-
</a>
104-
</div>
155+
<a href="/" class="nav-brand">
156+
<svg viewBox="0 0 24 24" fill="none" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
157+
<polyline points="4 17 10 11 4 5"></polyline>
158+
<line x1="12" y1="19" x2="20" y2="19"></line>
159+
</svg>
160+
DEVLABSTUDY
161+
</a>
105162
<div class="nav-center">
106163
<a href="/" {% if page.url == "/" %}class="active"{% endif %}>Hub</a>
107164
<a href="/blog" {% if page.url contains "blog" %}class="active"{% endif %}>Blog</a>
@@ -133,54 +190,17 @@
133190
</nav>
134191

135192
<main class="dashboard">
136-
<div class="grid-container">
137-
<aside class="left-sidebar">
138-
<div class="card vinted-card">
139-
<h3 style="font-size: 0.8rem; color: #00bfb2; margin: 0 0 10px 0; text-transform: uppercase; font-family: 'JetBrains Mono', monospace;">Marketplace:</h3>
140-
<a href="https://www.vinted.pl/member/306118036" target="_blank" class="support-btn" style="background: #00bfb2; color: #fff;">VINTED</a>
141-
<a href="#" target="_blank" class="support-btn" style="background: #002f34; border: 1px solid #23e5db; color: #fff;">OLX</a>
142-
<a href="https://allegrolokalnie.pl/uzytkownik/Client:137881965" target="_blank" class="support-btn" style="background: #ff5a00; color: #fff;">ALLEGRO LOKALNIE</a>
143-
</div>
144-
145-
<div class="card" style="border-color: var(--accent-blue); background: rgba(59, 130, 246, 0.05);">
146-
<h3 style="font-size: 0.8rem; color: var(--accent-blue); margin: 0 0 10px 0; text-transform: uppercase; font-family: 'JetBrains Mono', monospace;">Support:</h3>
147-
<a href="https://patreon.com/DevLabStudy" target="_blank" class="support-btn" style="background: #e11d48; color: #fff;">PATREON</a>
148-
<a href="https://www.digitalocean.com/?refcode=6fd6e2226432" class="do-badge" target="_blank"><img src="https://web-platforms.sfo2.cdn.digitaloceanspaces.com/WWW/Badge%201.svg" /></a>
149-
<a href="https://www.buymeacoffee.com/DevLabStudy" target="_blank" class="support-btn" style="background: #FFDD00; color: #000;">BUY ME A COFFEE</a>
150-
</div>
151-
</aside>
152-
153-
<section class="main-content">
154-
{{ content }}
155-
</section>
156-
</div>
193+
{{ content }}
157194
</main>
158195

159-
<footer style="max-width: 1300px; margin: 60px auto 40px auto; padding: 0 40px; width: 100%; box-sizing: border-box;">
160-
<div class="card" style="border-style: dashed; text-align: center; padding: 30px; background: rgba(10, 15, 25, 0.4);">
161-
<h3 style="font-size: 0.8rem; color: var(--text-muted); margin-bottom: 20px; text-transform: uppercase; font-family: 'JetBrains Mono', monospace;">[ Communication_Channels ]</h3>
162-
<div style="display: flex; flex-wrap: wrap; justify-content: center; gap: 40px;">
163-
<div style="text-align: center;">
164-
<div style="font-size: 0.7rem; color: var(--text-muted); margin-bottom: 5px; font-family: 'JetBrains Mono', monospace;">BUSINESS / COLLABORATION</div>
165-
<a href="mailto:contact@devlabstudy.ovh" style="color: #fff; font-weight: 700; text-decoration: none; border-bottom: 2px solid var(--accent-blue); font-family: 'JetBrains Mono', monospace; font-size: 0.85rem;">contact@devlabstudy.ovh</a>
166-
</div>
167-
<div style="text-align: center;">
168-
<div style="font-size: 0.7rem; color: var(--text-muted); margin-bottom: 5px; font-family: 'JetBrains Mono', monospace;">COMMUNITY / SUPPORT</div>
169-
<a href="mailto:widzowie@devlabstudy.ovh" style="color: #fff; font-weight: 700; text-decoration: none; border-bottom: 2px solid #64748b; font-family: 'JetBrains Mono', monospace; font-size: 0.85rem;">widzowie@devlabstudy.ovh</a>
170-
</div>
171-
<div style="text-align: center;">
172-
<div style="font-size: 0.7rem; color: var(--text-muted); margin-bottom: 5px; font-family: 'JetBrains Mono', monospace;">BUG REPORTING / APPS</div>
173-
<a href="mailto:bledy@devlabstudy.ovh" style="color: #fff; font-weight: 700; text-decoration: none; border-bottom: 2px solid #ef4444; font-family: 'JetBrains Mono', monospace; font-size: 0.85rem;">bledy@devlabstudy.ovh</a>
174-
</div>
175-
</div>
176-
<div style="margin-top: 30px; padding-top: 20px; border-top: 1px solid var(--border-color); display: flex; justify-content: center; gap: 20px; font-size: 0.8rem; color: var(--text-muted); font-family: 'JetBrains Mono', monospace;">
177-
<a href="/polityka-prywatnosci">Polityka Prywatności</a>
178-
<span>•</span>
179-
<a href="/regulamin">Regulamin</a>
180-
<span>•</span>
181-
<a href="/kontakt">Kontakt</a>
182-
</div>
196+
<footer>
197+
<div>// SYSTEM_ARCHIVE_2026 — Tobiasz Kajzer</div>
198+
<div class="footer-links">
199+
<a href="/polityka-prywatnosci">Polityka Prywatności</a>
200+
<a href="/regulamin">Regulamin</a>
201+
<a href="/kontakt">Kontakt</a>
183202
</div>
184203
</footer>
204+
185205
</body>
186206
</html>

0 commit comments

Comments
 (0)