|
4 | 4 | <meta charset="UTF-8"> |
5 | 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
6 | 6 | <title>DEVLABSTUDY_</title> |
| 7 | + <!-- Nowy Favicon w formacie SVG --> |
| 8 | + <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg"> |
| 9 | + |
7 | 10 | <link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700;800&family=Inter:wght@400;500;700;900&display=swap" rel="stylesheet"> |
8 | 11 | <style> |
9 | 12 | :root { |
10 | | - /* Nowa paleta kolorów */ |
11 | 13 | --bg-dark: #030305; |
12 | | - --bg-blue-glow: #0b192c; /* Ciemny błękit do przejść */ |
| 14 | + --bg-blue-glow: #0b192c; |
13 | 15 | --text-main: #f1f5f9; |
14 | 16 | --text-muted: #8b9bb4; |
15 | | - |
16 | | - /* Główne akcenty */ |
17 | | - --accent-blue: #00d2ff; /* Jasny błękit */ |
18 | | - --accent-contrast: #ff5e00; /* Kontrujący pomarańczowy na detale */ |
19 | | - |
| 17 | + --accent-blue: #00d2ff; |
| 18 | + --accent-contrast: #ff5e00; |
20 | 19 | --border: rgba(0, 210, 255, 0.15); |
21 | 20 | --card-bg: rgba(10, 15, 25, 0.6); |
22 | 21 | } |
23 | 22 |
|
24 | 23 | body { |
25 | 24 | font-family: 'Inter', sans-serif; |
26 | | - /* Czerń przechodząca w ciemny błękit */ |
27 | 25 | background: radial-gradient(circle at top right, var(--bg-blue-glow), var(--bg-dark) 60%); |
28 | 26 | background-color: var(--bg-dark); |
29 | 27 | background-attachment: fixed; |
|
54 | 52 | text-transform: uppercase; |
55 | 53 | display: flex; |
56 | 54 | align-items: center; |
57 | | - gap: 8px; |
| 55 | + gap: 12px; |
| 56 | + color: var(--text-main); |
58 | 57 | } |
59 | 58 |
|
60 | | - .logo::before { |
61 | | - content: ''; |
62 | | - display: inline-block; |
63 | | - width: 12px; |
64 | | - height: 12px; |
65 | | - background: var(--accent-contrast); |
66 | | - border-radius: 50%; |
67 | | - box-shadow: 0 0 10px var(--accent-contrast); |
| 59 | + .logo svg { |
| 60 | + width: 24px; |
| 61 | + height: 24px; |
| 62 | + stroke: var(--accent-contrast); |
68 | 63 | } |
69 | 64 |
|
70 | 65 | .nav-links { |
|
82 | 77 | color: var(--accent-blue); |
83 | 78 | } |
84 | 79 |
|
85 | | - /* Delikatna linia pod aktywnym linkiem */ |
86 | 80 | .nav-links a.active::after { |
87 | 81 | content: ''; |
88 | 82 | position: absolute; |
|
110 | 104 | text-transform: uppercase; |
111 | 105 | letter-spacing: 2px; |
112 | 106 | margin-bottom: 25px; |
113 | | - display: block; |
114 | 107 | display: flex; |
115 | 108 | align-items: center; |
116 | 109 | gap: 10px; |
|
144 | 137 | <body> |
145 | 138 |
|
146 | 139 | <nav class="navbar"> |
147 | | - <a href="/" class="logo">DEVLABSTUDY</a> |
| 140 | + <a href="/" class="logo"> |
| 141 | + <!-- Ikona terminala (wbudowany SVG) --> |
| 142 | + <svg viewBox="0 0 24 24" fill="none" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> |
| 143 | + <polyline points="4 17 10 11 4 5"></polyline> |
| 144 | + <line x1="12" y1="19" x2="20" y2="19"></line> |
| 145 | + </svg> |
| 146 | + DEVLABSTUDY |
| 147 | + </a> |
148 | 148 | <div class="nav-links"> |
149 | 149 | <a href="/" {% if page.url == "/" %}class="active"{% endif %}>Hub</a> |
150 | 150 | <a href="/blog" {% if page.url contains "blog" %}class="active"{% endif %}>Blog</a> |
|
0 commit comments