|
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"> |
| 7 | + |
| 8 | + <!-- Bezpośredni Favicon SVG zakodowany w Base64 - zadziała od razu bez plików na serwerze --> |
| 9 | + <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>"> |
9 | 10 |
|
10 | 11 | <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"> |
11 | 12 | <style> |
|
30 | 31 | padding: 0; |
31 | 32 | line-height: 1.6; |
32 | 33 | min-height: 100vh; |
| 34 | + display: flex; |
| 35 | + flex-direction: column; |
33 | 36 | } |
34 | 37 |
|
35 | 38 | a { color: inherit; text-decoration: none; } |
|
41 | 44 | align-items: center; |
42 | 45 | padding: 30px 60px; |
43 | 46 | max-width: 1400px; |
| 47 | + width: 100%; |
44 | 48 | margin: 0 auto; |
45 | 49 | border-bottom: 1px solid rgba(255, 255, 255, 0.03); |
| 50 | + box-sizing: border-box; |
46 | 51 | } |
47 | 52 |
|
48 | 53 | .logo { |
|
91 | 96 | /* GŁÓWNY KONTENER */ |
92 | 97 | .container { |
93 | 98 | max-width: 1300px; |
| 99 | + width: 100%; |
94 | 100 | margin: 0 auto; |
95 | 101 | padding: 50px 60px; |
| 102 | + flex: 1; |
| 103 | + box-sizing: border-box; |
96 | 104 | } |
97 | 105 |
|
98 | 106 | /* WSPÓLNE ELEMENTY */ |
|
114 | 122 | color: var(--accent-blue); |
115 | 123 | } |
116 | 124 |
|
117 | | - /* STOPKA */ |
| 125 | + /* STOPKA Z POLITYKĄ PRYWATNOŚCI */ |
118 | 126 | footer { |
119 | 127 | max-width: 1300px; |
| 128 | + width: 100%; |
120 | 129 | margin: 80px auto 40px auto; |
121 | 130 | padding: 40px 60px; |
122 | 131 | border-top: 1px solid var(--border); |
123 | 132 | display: flex; |
124 | 133 | justify-content: space-between; |
| 134 | + align-items: center; |
125 | 135 | font-size: 0.8rem; |
126 | 136 | color: var(--text-muted); |
127 | 137 | font-family: 'JetBrains Mono', monospace; |
| 138 | + box-sizing: border-box; |
| 139 | + } |
| 140 | + |
| 141 | + .footer-links { |
| 142 | + display: flex; |
| 143 | + gap: 20px; |
| 144 | + } |
| 145 | + |
| 146 | + .footer-links a { |
| 147 | + color: var(--text-muted); |
| 148 | + transition: 0.2s; |
| 149 | + } |
| 150 | + |
| 151 | + .footer-links a:hover { |
| 152 | + color: var(--accent-blue); |
128 | 153 | } |
129 | 154 |
|
130 | 155 | @media (max-width: 768px) { |
131 | 156 | .navbar { flex-direction: column; gap: 20px; padding: 20px; } |
132 | 157 | .container { padding: 20px; } |
133 | 158 | footer { flex-direction: column; gap: 20px; text-align: center; } |
| 159 | + .footer-links { justify-content: center; } |
134 | 160 | } |
135 | 161 | </style> |
136 | 162 | </head> |
137 | 163 | <body> |
138 | 164 |
|
139 | 165 | <nav class="navbar"> |
140 | 166 | <a href="/" class="logo"> |
141 | | - <!-- Ikona terminala (wbudowany SVG) --> |
142 | 167 | <svg viewBox="0 0 24 24" fill="none" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"> |
143 | 168 | <polyline points="4 17 10 11 4 5"></polyline> |
144 | 169 | <line x1="12" y1="19" x2="20" y2="19"></line> |
|
159 | 184 | </main> |
160 | 185 |
|
161 | 186 | <footer> |
162 | | - <div>// SYSTEM_ARCHIVE_2026</div> |
163 | | - <div>© Tobiasz Kajzer</div> |
| 187 | + <div>// SYSTEM_ARCHIVE_2026 — Tobiasz Kajzer</div> |
| 188 | + <div class="footer-links"> |
| 189 | + <a href="/polityka-prywatnosci">Polityka Prywatności</a> |
| 190 | + <a href="/regulamin">Regulamin</a> |
| 191 | + <a href="mailto:contact@devlabstudy.ovh">Kontakt</a> |
| 192 | + </div> |
164 | 193 | </footer> |
165 | 194 |
|
166 | 195 | </body> |
|
0 commit comments