Skip to content

Commit be34a18

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

1 file changed

Lines changed: 44 additions & 26 deletions

File tree

‎_layouts/default.html‎

Lines changed: 44 additions & 26 deletions
Original file line numberDiff line numberDiff line change
@@ -36,23 +36,23 @@
3636

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

39-
/* HEADER & NAWIGACJA */
39+
/* NAVBAR - UKŁAD GRID (LOGO | LINKI | COMMUNITY) */
4040
.navbar {
4141
background: var(--bg-nav);
4242
border-bottom: 1px solid var(--border);
43-
padding: 22px 60px;
44-
display: flex;
45-
justify-content: space-between;
43+
padding: 22px 50px;
44+
display: grid;
45+
grid-template-columns: auto 1fr auto;
4646
align-items: center;
47+
gap: 30px;
4748
position: sticky;
4849
top: 0;
4950
z-index: 1000;
50-
max-width: 1500px;
5151
width: 100%;
52-
margin: 0 auto;
5352
box-sizing: border-box;
5453
}
5554

55+
.nav-left { display: flex; align-items: center; }
5656
.nav-brand {
5757
font-size: 1.3rem;
5858
font-weight: 900;
@@ -66,8 +66,21 @@
6666
}
6767
.nav-brand svg { width: 22px; height: 22px; stroke: var(--accent-contrast); }
6868

69-
.nav-center { display: flex; align-items: center; gap: 30px; }
70-
.nav-center a { text-decoration: none; color: var(--text-muted); font-weight: 600; font-size: 0.9rem; transition: 0.3s; position: relative; }
69+
/* MENU ŚRODKOWE PRZESUNIĘTE W PRAWO */
70+
.nav-center {
71+
display: flex;
72+
justify-content: flex-end;
73+
align-items: center;
74+
gap: 30px;
75+
}
76+
.nav-center a {
77+
text-decoration: none;
78+
color: var(--text-muted);
79+
font-weight: 600;
80+
font-size: 0.9rem;
81+
transition: 0.3s;
82+
position: relative;
83+
}
7184
.nav-center a:hover, .nav-center a.active { color: var(--accent-blue); }
7285

7386
.nav-center a.active::after {
@@ -81,31 +94,33 @@
8194
border-radius: 2px;
8295
}
8396

84-
/* DROPDOWN COMMUNITY (PO PRAWEJ) */
97+
.nav-right { display: flex; justify-content: flex-end; }
98+
99+
/* DROPDOWN COMMUNITY */
85100
.dropdown { position: relative; display: inline-block; }
86101
.dropbtn {
87102
background: rgba(0, 210, 255, 0.05);
88103
color: var(--accent-blue);
89-
padding: 10px 20px;
104+
padding: 9px 18px;
90105
border-radius: 6px;
91106
border: 1px solid rgba(0, 210, 255, 0.3);
92107
cursor: pointer;
93108
font-family: 'JetBrains Mono', monospace;
94109
font-weight: 700;
95-
font-size: 0.85rem;
110+
font-size: 0.8rem;
96111
text-transform: uppercase;
97112
transition: 0.2s;
98113
}
99114
.dropbtn:hover { background: rgba(0, 210, 255, 0.1); border-color: var(--accent-blue); }
100115

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); }
116+
.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; }
117+
.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); }
103118
.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); }
104119
.dropdown-content a:hover { color: var(--accent-blue); background: rgba(0, 210, 255, 0.05); }
105120
.dropdown:hover .dropdown-content { opacity: 1; visibility: visible; }
106121

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; }
122+
/* GŁÓWNY KONTENER TREŚCI */
123+
.dashboard { width: 100%; max-width: 1400px; padding: 50px; margin: 0 auto; box-sizing: border-box; flex: 1; }
109124

110125
.section-tag {
111126
font-family: 'JetBrains Mono', monospace;
@@ -126,7 +141,7 @@
126141
max-width: 1400px;
127142
width: 100%;
128143
margin: 80px auto 40px auto;
129-
padding: 40px 60px;
144+
padding: 40px 50px;
130145
border-top: 1px solid var(--border);
131146
display: flex;
132147
justify-content: space-between;
@@ -141,24 +156,27 @@
141156
.footer-links a:hover { color: var(--accent-blue); }
142157

143158
@media (max-width: 1024px) {
144-
.navbar { flex-direction: column; padding: 20px; gap: 20px; }
145-
.nav-center { flex-wrap: wrap; gap: 15px; justify-content: center; }
159+
.navbar { grid-template-columns: 1fr; gap: 15px; padding: 20px; text-align: center; }
160+
.nav-center { justify-content: center; flex-wrap: wrap; gap: 15px; }
161+
.nav-right { justify-content: center; }
146162
.dashboard { padding: 30px 20px; }
147-
footer { flex-direction: column; gap: 20px; text-align: center; }
163+
footer { flex-direction: column; gap: 20px; text-align: center; padding: 30px 20px; }
148164
.footer-links { justify-content: center; }
149165
}
150166
</style>
151167
</head>
152168
<body>
153169

154170
<nav class="navbar">
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>
171+
<div class="nav-left">
172+
<a href="/" class="nav-brand">
173+
<svg viewBox="0 0 24 24" fill="none" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
174+
<polyline points="4 17 10 11 4 5"></polyline>
175+
<line x1="12" y1="19" x2="20" y2="19"></line>
176+
</svg>
177+
DEVLABSTUDY
178+
</a>
179+
</div>
162180
<div class="nav-center">
163181
<a href="/" {% if page.url == "/" %}class="active"{% endif %}>Hub</a>
164182
<a href="/blog" {% if page.url contains "blog" %}class="active"{% endif %}>Blog</a>

0 commit comments

Comments
 (0)