Skip to content

Commit ce99720

Browse files
DevLabStudyDevLabStudy
authored
Update index.html
1 parent 41135f0 commit ce99720

1 file changed

Lines changed: 25 additions & 32 deletions

File tree

‎index.html‎

Lines changed: 25 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -8,13 +8,13 @@
88
<meta name="viewport" content="width=device-width, initial-scale=1.0">
99
<title>DevLabStudy | Command Center</title>
1010
<link rel="icon" type="image/jpeg" href="/profileIcon_g3ffyg7edeeg1.jpeg">
11-
<link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&family=Inter:wght@400;700;900&display=swap" rel="stylesheet">
11+
<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">
1212
<style>
1313
:root {
1414
--bg-body: #050505;
1515
--bg-nav: #050505;
1616
--text-main: #f0f0f0;
17-
--text-muted: #64748b;
17+
--text-muted: #8b9bb4;
1818
--border-color: rgba(255, 255, 255, 0.08);
1919
--accent-blue: #3b82f6;
2020
}
@@ -30,7 +30,7 @@
3030
}
3131

3232
/* ------------------------------------ */
33-
/* NAVBAR - IDEALNY UKŁAD Z OBRAZKA */
33+
/* NAVBAR - WERSJA Z INTER (JAK NA FOTO)*/
3434
/* ------------------------------------ */
3535
.navbar {
3636
background: var(--bg-nav);
@@ -54,28 +54,24 @@
5454
font-weight: 900;
5555
text-decoration: none;
5656
color: #fff;
57-
letter-spacing: 1px;
58-
font-family: 'JetBrains Mono', monospace; /* Techniczny font logotypu */
57+
letter-spacing: -0.5px;
5958
}
6059

61-
/* ŚRODEK (Menu z kreskami) */
60+
/* ŚRODEK (Menu) */
6261
.nav-center {
6362
display: flex;
6463
justify-content: center;
6564
align-items: center;
66-
gap: 15px;
67-
font-family: 'JetBrains Mono', monospace;
65+
gap: 25px; /* Odstępy między linkami */
6866
}
6967
.nav-center a {
7068
text-decoration: none;
71-
color: var(--text-main);
72-
font-weight: 400;
69+
color: var(--text-muted);
70+
font-weight: 600;
7371
font-size: 0.95rem;
7472
transition: 0.3s;
75-
text-transform: uppercase;
7673
}
7774
.nav-center a:hover, .nav-center a.active { color: var(--accent-blue); }
78-
.nav-separator { color: var(--text-muted); font-weight: 300; }
7975

8076
/* PRAWA STRONA (Community) */
8177
.nav-right {
@@ -84,37 +80,37 @@
8480
}
8581
.dropdown { position: relative; display: inline-block; }
8682
.dropbtn {
87-
background: transparent;
83+
background: #111;
8884
color: #fff;
89-
padding: 6px 12px;
85+
padding: 8px 14px;
9086
border-radius: 6px;
91-
border: 1px solid rgba(255, 255, 255, 0.2);
87+
border: 1px solid rgba(255, 255, 255, 0.1);
9288
cursor: pointer;
93-
font-family: 'JetBrains Mono', monospace;
94-
font-weight: 400;
89+
font-family: 'Inter', sans-serif;
90+
font-weight: 600;
9591
font-size: 0.9rem;
9692
}
9793

9894
.dropdown-content {
9995
display: none;
10096
position: absolute;
101-
right: 0; /* Rozwija się do lewej, żeby nie uciekło za ekran */
97+
right: 0;
10298
top: 120%;
10399
background: #0a0a0a;
104100
min-width: 180px;
105-
border: 1px solid rgba(255, 255, 255, 0.2);
101+
border: 1px solid rgba(255, 255, 255, 0.1);
106102
border-radius: 6px;
107103
box-shadow: 0 10px 30px rgba(0,0,0,0.8);
108-
font-family: 'JetBrains Mono', monospace;
109104
}
110105
.dropdown-content a {
111106
display: flex;
112107
justify-content: space-between;
113108
align-items: center;
114109
color: #fff;
115-
padding: 10px 15px;
110+
padding: 12px 16px;
116111
text-decoration: none;
117112
font-size: 0.85rem;
113+
font-weight: 600;
118114
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
119115
}
120116
.dropdown-content a:last-child { border-bottom: none; }
@@ -173,27 +169,24 @@
173169

174170
<nav class="navbar">
175171
<div class="nav-left">
176-
<a href="/" class="nav-brand">DEVLABSTUDY</a>
172+
<a href="/" class="nav-brand">DevLabStudy</a>
177173
</div>
178174

179175
<div class="nav-center">
180-
<a href="/" class="active">HUB</a>
181-
<span class="nav-separator">|</span>
182-
<a href="/blog">BLOG</a>
183-
<span class="nav-separator">|</span>
184-
<a href="/homelab">HOMELAB</a>
185-
<span class="nav-separator">|</span>
186-
<a href="/orbit">ORBIT</a>
176+
<a href="/" class="active">Hub</a>
177+
<a href="/blog">Blog</a>
178+
<a href="/homelab">HomeLab</a>
179+
<a href="/orbit">Orbit™</a>
187180
</div>
188181

189182
<div class="nav-right">
190183
<div class="dropdown">
191184
<button class="dropbtn">Community ▾</button>
192185
<div class="dropdown-content">
193-
<a href="https://www.tiktok.com/@devlabstudy" target="_blank"><span>Tik Tok</span> <span>&#x2197;</span></a>
194-
<a href="https://www.youtube.com/@devlabstudy" target="_blank"><span>You Tube</span> <span>&#x2197;</span></a>
195186
<a href="https://github.com/DevLabStudy" target="_blank"><span>GitHub</span> <span>&#x2197;</span></a>
196-
<a href="https://patreon.com/DevLabStudy" target="_blank"><span>Patreon</span> <span>&#x2197;</span></a>
187+
<a href="https://www.youtube.com/@devlabstudy" target="_blank"><span>YouTube</span> <span>&#x2197;</span></a>
188+
<a href="https://x.com/DevLabStudy" target="_blank"><span>X / Twitter</span> <span>&#x2197;</span></a>
189+
<a href="https://www.tiktok.com/@devlabstudy" target="_blank"><span>TikTok</span> <span>&#x2197;</span></a>
197190
<a href="https://www.reddit.com/user/devlabstudy" target="_blank"><span>Reddit</span> <span>&#x2197;</span></a>
198191
</div>
199192
</div>

0 commit comments

Comments
 (0)