|
6 | 6 | <style> |
7 | 7 | @import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700;800&display=swap'); |
8 | 8 |
|
9 | | - /* Zmiana kontenera hero na flexbox, by umieścić przycisk z prawej */ |
10 | 9 | .hero-homelab { |
11 | | - display: flex; |
12 | | - justify-content: space-between; |
13 | | - align-items: center; |
14 | 10 | margin-bottom: 40px; |
15 | | - flex-wrap: wrap; |
16 | | - gap: 20px; |
17 | 11 | } |
18 | 12 | .hero-text { text-align: left; } |
19 | 13 | .hero-homelab h2 { font-size: 2.2rem; margin: 0 0 10px 0; background: linear-gradient(to right, #10b981, #3b82f6); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 900; letter-spacing: -1px; } |
20 | 14 | .hero-homelab p { color: var(--text-muted, #888); font-size: 0.95rem; font-family: 'JetBrains Mono', monospace; margin: 0; } |
21 | | - |
22 | | - /* Przycisk dopasowany do stylu akcentu niebieskiego z Inventory */ |
23 | | - .btn-kuma-live { |
24 | | - background: rgba(59, 130, 246, 0.1); |
25 | | - color: #3b82f6; |
26 | | - border: 1px solid rgba(59, 130, 246, 0.2); |
27 | | - padding: 10px 20px; |
28 | | - border-radius: 8px; |
29 | | - font-size: 0.85rem; |
30 | | - font-weight: bold; |
31 | | - text-decoration: none; |
32 | | - font-family: 'JetBrains Mono', monospace; |
33 | | - transition: all 0.3s ease; |
34 | | - } |
35 | | - .btn-kuma-live:hover { |
36 | | - background: #3b82f6; |
37 | | - color: #fff; |
38 | | - border-color: #3b82f6; |
39 | | - box-shadow: 0 5px 20px rgba(59,130,246,0.2); |
40 | | - } |
41 | 15 |
|
42 | 16 | .section-title { font-family: 'JetBrains Mono', monospace; color: #fff; border-left: 4px solid #3b82f6; padding-left: 15px; margin: 40px 0 20px 0; font-size: 1.5rem; text-transform: uppercase; } |
43 | 17 |
|
|
63 | 37 | <h2>Infrastructure & HomeLab</h2> |
64 | 38 | <p>>_ Current Network Backbone, Compute Nodes & Cloud</p> |
65 | 39 | </div> |
66 | | - <a href="https://uptime.devlabstudy.ovh" target="_blank" class="btn-kuma-live"> |
67 | | - LIVE MONITORING → |
68 | | - </a> |
69 | 40 | </section> |
70 | 41 |
|
71 | 42 | <h3 class="section-title">Network Layer (Connectivity)</h3> |
|
0 commit comments