|
27 | 27 | background-size: 32px 32px; |
28 | 28 | } |
29 | 29 |
|
30 | | - /* Navbar */ |
| 30 | + /* Navbar (Identyczny z HomeLab) */ |
31 | 31 | .nav { |
32 | 32 | display: flex; justify-content: space-between; align-items: center; |
33 | 33 | padding: 20px 40px; border-bottom: 1px solid var(--border); |
34 | 34 | backdrop-filter: blur(10px); position: sticky; top: 0; z-index: 100; |
35 | 35 | } |
| 36 | + .nav-links { display: flex; align-items: center; } |
36 | 37 | .nav-links a { color: #64748b; text-decoration: none; margin-left: 20px; font-weight: 600; font-size: 0.9rem; transition: 0.3s; } |
37 | 38 | .nav-links a:hover { color: var(--accent); } |
38 | 39 |
|
|
88 | 89 |
|
89 | 90 | <nav class="nav"> |
90 | 91 | <a href="/" style="font-weight: 900; color: #fff; text-decoration: none; font-size: 1.2rem;">DEVLAB STUDY</a> |
91 | | - <div style="display: flex; align-items: center;"> |
92 | | - <div class="nav-links" style="margin-right: 20px;"> |
93 | | - <a href="/blog">Blog</a> |
94 | | - <a href="/homelab">HomeLab</a> |
95 | | - <a href="/orbit">Orbit™</a> |
96 | | - </div> |
97 | | - <div class="dropdown"> |
| 92 | + <div class="nav-links"> |
| 93 | + <a href="/">Hub</a> |
| 94 | + <a href="/blog">Blog</a> |
| 95 | + <a href="/homelab">HomeLab</a> |
| 96 | + <a href="/orbit">Orbit™</a> |
| 97 | + <div class="dropdown" style="margin-left: 20px;"> |
98 | 98 | <button class="dropbtn">Community ▾</button> |
99 | 99 | <div class="dropdown-content"> |
100 | 100 | <a href="https://github.com/DevLabStudy">GitHub</a> |
101 | 101 | <a href="https://youtube.com/@devlabstudy">YouTube</a> |
102 | | - <a href="https://tiktok.com/@devlabstudy">TikTok</a> |
103 | 102 | <a href="https://x.com/DevLabStudy">X / Twitter</a> |
104 | 103 | <a href="https://www.reddit.com/user/devlabstudy">Reddit</a> |
105 | 104 | </div> |
|
0 commit comments