|
11 | 11 | box-sizing: border-box; |
12 | 12 | font-family: 'Arial', sans-serif; |
13 | 13 | } |
14 | | - |
15 | 14 | body { |
16 | 15 | background-color: #1C2526; |
17 | 16 | color: #FFFFFF; |
18 | 17 | line-height: 1.6; |
19 | 18 | } |
20 | | - |
21 | 19 | header { |
22 | 20 | background-color: #121212; |
23 | 21 | padding: 20px 0; |
24 | 22 | position: fixed; |
25 | 23 | width: 100%; |
26 | 24 | top: 0; |
27 | 25 | z-index: 1000; |
28 | | - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); |
| 26 | + box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7); |
| 27 | + transition: background-color 0.3s ease; |
| 28 | + } |
| 29 | + header:hover { |
| 30 | + background-color: #1A1A1A; |
29 | 31 | } |
30 | | - |
31 | 32 | nav { |
32 | 33 | max-width: 1200px; |
33 | 34 | margin: 0 auto; |
34 | 35 | display: flex; |
35 | 36 | justify-content: space-between; |
36 | 37 | align-items: center; |
37 | 38 | } |
38 | | - |
39 | | - nav .logo { |
40 | | - font-size: 24px; |
41 | | - font-weight: bold; |
42 | | - color: #FFFFFF; |
| 39 | + nav .logo img { |
| 40 | + height: 40px; |
| 41 | + width: auto; |
43 | 42 | } |
44 | | - |
45 | 43 | nav ul { |
46 | 44 | list-style: none; |
47 | 45 | display: flex; |
48 | | - gap: 20px; |
| 46 | + gap: 25px; |
49 | 47 | } |
50 | | - |
51 | 48 | nav ul li a { |
52 | 49 | color: #FFFFFF; |
53 | 50 | text-decoration: none; |
54 | 51 | font-size: 18px; |
55 | | - transition: color 0.3s; |
| 52 | + transition: color 0.3s, transform 0.3s; |
| 53 | + position: relative; |
| 54 | + } |
| 55 | + nav ul li a::after { |
| 56 | + content: ''; |
| 57 | + position: absolute; |
| 58 | + width: 0; |
| 59 | + height: 2px; |
| 60 | + bottom: -5px; |
| 61 | + left: 0; |
| 62 | + background-color: #B0B0B0; |
| 63 | + transition: width 0.3s; |
| 64 | + } |
| 65 | + nav ul li a:hover::after { |
| 66 | + width: 100%; |
56 | 67 | } |
57 | | - |
58 | 68 | nav ul li a:hover { |
59 | 69 | color: #B0B0B0; |
| 70 | + transform: translateY(-2px); |
60 | 71 | } |
61 | | - |
62 | 72 | .download-section { |
63 | 73 | max-width: 1200px; |
64 | 74 | margin: 120px auto 50px; |
65 | 75 | padding: 20px; |
66 | 76 | text-align: center; |
67 | 77 | } |
68 | | - |
69 | 78 | .download-section h1 { |
70 | 79 | font-size: 36px; |
71 | 80 | margin-bottom: 20px; |
| 81 | + text-shadow: 2px 2px 4px rgba(0,0,0,0.5); |
72 | 82 | } |
73 | | - |
74 | 83 | .download-option { |
75 | 84 | margin: 20px 0; |
76 | 85 | padding: 20px; |
77 | 86 | background-color: #2F3A44; |
78 | 87 | border-radius: 10px; |
| 88 | + box-shadow: 0 4px 10px rgba(0,0,0,0.3); |
| 89 | + transition: transform 0.3s, box-shadow 0.3s; |
| 90 | + } |
| 91 | + .download-option:hover { |
| 92 | + transform: translateY(-5px); |
| 93 | + box-shadow: 0 6px 15px rgba(0,0,0,0.4); |
79 | 94 | } |
80 | | - |
81 | 95 | .download-option h2 { |
82 | 96 | font-size: 24px; |
83 | 97 | margin-bottom: 15px; |
84 | 98 | } |
85 | | - |
86 | 99 | .btn { |
87 | 100 | display: inline-block; |
88 | 101 | padding: 12px 24px; |
|
92 | 105 | border-radius: 5px; |
93 | 106 | font-weight: bold; |
94 | 107 | margin: 10px; |
95 | | - transition: background-color 0.3s, transform 0.3s; |
| 108 | + transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s; |
96 | 109 | } |
97 | | - |
98 | 110 | .btn:hover { |
99 | 111 | background-color: #FFFFFF; |
100 | 112 | transform: scale(1.05); |
| 113 | + box-shadow: 0 4px 10px rgba(255,255,255,0.2); |
101 | 114 | } |
102 | | - |
103 | 115 | footer { |
104 | 116 | background-color: #121212; |
105 | 117 | padding: 20px; |
|
108 | 120 | position: relative; |
109 | 121 | bottom: 0; |
110 | 122 | width: 100%; |
| 123 | + box-shadow: 0 -2px 5px rgba(0,0,0,0.5); |
111 | 124 | } |
112 | 125 | </style> |
| 126 | + <script> |
| 127 | + document.addEventListener('DOMContentLoaded', () => { |
| 128 | + const userLang = navigator.language || navigator.userLanguage; |
| 129 | + if (userLang.startsWith('pl')) { |
| 130 | + document.documentElement.lang = 'pl'; |
| 131 | + } else { |
| 132 | + document.documentElement.lang = 'en'; |
| 133 | + document.querySelector('.download-section h1').textContent = 'Download HackerOS'; |
| 134 | + const h2s = document.querySelectorAll('.download-option h2'); |
| 135 | + h2s[0].textContent = 'HackerOS Official'; |
| 136 | + h2s[1].textContent = 'HackerOS Nvidia'; |
| 137 | + h2s[2].textContent = 'HackerOS Cybersecurity'; |
| 138 | + const btns = document.querySelectorAll('.btn'); |
| 139 | + for (let i = 0; i < btns.length; i++) { |
| 140 | + if (btns[i].href.includes('sourceforge')) { |
| 141 | + btns[i].textContent = 'Download from SourceForge'; |
| 142 | + } else if (btns[i].href.includes('mega')) { |
| 143 | + btns[i].textContent = 'Download from Mega.nz'; |
| 144 | + } else if (btns[i].href.includes('drive')) { |
| 145 | + btns[i].textContent = 'Download from Google Drive'; |
| 146 | + } else if (btns[i].href.includes('transfer')) { |
| 147 | + btns[i].textContent = 'Download from Transfer.it'; |
| 148 | + } |
| 149 | + } |
| 150 | + document.querySelector('footer p').textContent = '© 2025 HackerOS. All rights reserved.'; |
| 151 | + } |
| 152 | + }); |
| 153 | + </script> |
113 | 154 | </head> |
114 | 155 | <body> |
115 | 156 | <header> |
116 | 157 | <nav> |
117 | | - <div class="logo">HackerOS</div> |
| 158 | + <div class="logo"><img src="HackerOS.png" alt="HackerOS Logo"></div> |
118 | 159 | <ul> |
119 | 160 | <li><a href="Home-page.html">Home</a></li> |
120 | 161 | <li><a href="download.html">Download</a></li> |
121 | 162 | <li><a href="releases.html">Releases</a></li> |
122 | 163 | <li><a href="about-hackeros.html">About HackerOS</a></li> |
123 | 164 | <li><a href="hackeros-team.html">HackerOS Team</a></li> |
| 165 | + <li><a href="write-to-us.html">Write to Us</a></li> |
124 | 166 | </ul> |
125 | 167 | </nav> |
126 | 168 | </header> |
127 | | - |
128 | 169 | <section class="download-section"> |
129 | | - <h1>Download HackerOS</h1> |
130 | | - |
131 | | - <div class="download-option"> |
| 170 | + <h1>Pobierz HackerOS</h1> |
| 171 | + <div class="download-option"> |
132 | 172 | <h2>HackerOS Official</h2> |
133 | 173 | <a href="https://sourceforge.net/projects/hackeros/files/HackerOS-V2.9.iso/download" class="btn">Pobierz z SourceForge</a> |
134 | 174 | <a href="https://mega.nz/file/QD1UDZrB#JXGaSMQCI4iYxMX-6mDfPBjdAWaBGTM314JfBh5yo9M" class="btn">Pobierz z Mega.nz</a> |
135 | 175 | <a href="https://drive.google.com/file/d/130W7dblGO0_aZ_U2lj8JG236AVe0dH39/view?usp=drive_link" class="btn">Pobierz z Google Drive</a> |
136 | | - <a href="https://transfer.it/t/Inbx9X1zmJAI" class="btn">Pobierz z Transer.it</a> |
| 176 | + <a href="https://transfer.it/t/Inbx9X1zmJAI" class="btn">Pobierz z Transfer.it</a> |
137 | 177 | </div> |
138 | | - |
139 | 178 | <div class="download-option"> |
140 | 179 | <h2>HackerOS Nvidia</h2> |
141 | 180 | <a href="https://sourceforge.net/projects/hackeros/files/HackerOS-V2.9.iso/download" class="btn">Pobierz z SourceForge</a> |
142 | 181 | <a href="https://mega.nz/file/JKsHHYgD#8Sedb7njY7Qhl2xMJa6zv6e21vtwApx9b_TNaUN4F2w" class="btn">Pobierz z Mega.nz</a> |
143 | 182 | <a href="https://drive.google.com/file/d/130W7dblGO0_aZ_U2lj8JG236AVe0dH39/view?usp=drive_link" class="btn">Pobierz z Google Drive</a> |
144 | | - <a href="https://drive.google.com/file/d/130W7dblGO0_aZ_U2lj8JG236AVe0dH39/view?usp=drive_link" class="btn">Pobierz z Transer.it</a> |
| 183 | + <a href="https://drive.google.com/file/d/130W7dblGO0_aZ_U2lj8JG236AVe0dH39/view?usp=drive_link" class="btn">Pobierz z Transfer.it</a> |
145 | 184 | </div> |
146 | | - |
147 | | - <div class="download-option"> |
148 | | - <h2>HackerOS Cybersecuirty</h2> |
| 185 | + <div class="download-option"> |
| 186 | + <h2>HackerOS Cybersecurity</h2> |
149 | 187 | <a href="https://sourceforge.net/projects/hackeros/files/HackerOS-V2.9.iso/download" class="btn">Pobierz z SourceForge</a> |
150 | 188 | <a href="https://mega.nz/file/JKsHHYgD#8Sedb7njY7Qhl2xMJa6zv6e21vtwApx9b_TNaUN4F2w" class="btn">Pobierz z Mega.nz</a> |
151 | 189 | <a href="https://drive.google.com/file/d/130W7dblGO0_aZ_U2lj8JG236AVe0dH39/view?usp=drive_link" class="btn">Pobierz z Google Drive</a> |
152 | | - <a href="https://drive.google.com/file/d/130W7dblGO0_aZ_U2lj8JG236AVe0dH39/view?usp=drive_link" class="btn">Pobierz z Transer.it</a> |
| 190 | + <a href="https://drive.google.com/file/d/130W7dblGO0_aZ_U2lj8JG236AVe0dH39/view?usp=drive_link" class="btn">Pobierz z Transfer.it</a> |
153 | 191 | </div> |
154 | 192 | </section> |
155 | | - |
156 | 193 | <footer> |
157 | | - <p>© 2025 HackerOS. All rights reserved.</p> |
| 194 | + <p>© 2025 HackerOS. Wszelkie prawa zastrzeżone.</p> |
158 | 195 | </footer> |
159 | 196 | </body> |
160 | 197 | </html> |
0 commit comments