Skip to content

Commit 90ffe5d

Browse files
michal92299michal92299
authored
Update download-wallpapers.html
1 parent be345bc commit 90ffe5d

File tree

1 file changed

+345
-1
lines changed

1 file changed

+345
-1
lines changed

‎download-wallpapers.html‎

Lines changed: 345 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,345 @@
1-
1+
<!DOCTYPE html>
2+
<html lang="pl">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>HackerOS - Pobierz Tapety</title>
7+
<link rel="icon" type="image/png" href="HackerOS.png">
8+
<style>
9+
* {
10+
margin: 0;
11+
padding: 0;
12+
box-sizing: border-box;
13+
font-family: 'Arial', sans-serif;
14+
}
15+
body {
16+
background-color: #1C2526;
17+
color: #FFFFFF;
18+
line-height: 1.6;
19+
}
20+
header {
21+
background-color: #121212;
22+
position: fixed;
23+
width: 100%;
24+
top: 0;
25+
z-index: 1000;
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;
31+
}
32+
.social-links {
33+
background-color: rgba(255, 255, 255, 0.05);
34+
padding: 10px 0;
35+
display: flex;
36+
justify-content: center;
37+
gap: 12px;
38+
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
39+
}
40+
.social-links a {
41+
display: flex;
42+
justify-content: center;
43+
align-items: center;
44+
width: 38px;
45+
height: 38px;
46+
background-color: #2F3A44;
47+
border-radius: 50%;
48+
transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
49+
}
50+
.social-links a:hover {
51+
background-color: #B0B0B0;
52+
transform: scale(1.15);
53+
box-shadow: 0 3px 8px rgba(255, 255, 255, 0.3);
54+
}
55+
.social-links svg {
56+
width: 22px;
57+
height: 22px;
58+
fill: #FFFFFF;
59+
transition: fill 0.3s;
60+
}
61+
.social-links a:hover svg {
62+
fill: #121212;
63+
}
64+
.social-links img {
65+
width: 24px;
66+
height: 24px;
67+
object-fit: contain;
68+
transition: filter 0.3s;
69+
}
70+
.social-links a:hover img {
71+
filter: brightness(0.8);
72+
}
73+
nav {
74+
max-width: 1200px;
75+
margin: 0 auto;
76+
display: flex;
77+
justify-content: space-between;
78+
align-items: center;
79+
padding: 15px 20px;
80+
}
81+
nav .logo img {
82+
height: 40px;
83+
width: auto;
84+
}
85+
nav ul {
86+
list-style: none;
87+
display: flex;
88+
gap: 25px;
89+
align-items: center;
90+
}
91+
nav ul li a {
92+
color: #FFFFFF;
93+
text-decoration: none;
94+
font-size: 18px;
95+
transition: color 0.3s, transform 0.3s;
96+
position: relative;
97+
}
98+
nav ul li a::after {
99+
content: '';
100+
position: absolute;
101+
width: 0;
102+
height: 2px;
103+
bottom: -5px;
104+
left: 0;
105+
background-color: #B0B0B0;
106+
transition: width 0.3s;
107+
}
108+
nav ul li a:hover::after {
109+
width: 100%;
110+
}
111+
nav ul li a:hover {
112+
color: #B0B0B0;
113+
transform: translateY(-2px);
114+
}
115+
.hero {
116+
height: auto;
117+
display: flex;
118+
flex-direction: column;
119+
justify-content: flex-start;
120+
align-items: center;
121+
text-align: center;
122+
background: linear-gradient(45deg, #1C2526, #2F3A44);
123+
position: relative;
124+
overflow: visible;
125+
padding-top: 150px;
126+
padding-bottom: 100px;
127+
}
128+
.hero::before {
129+
content: '';
130+
position: absolute;
131+
top: 0;
132+
left: 0;
133+
width: 100%;
134+
height: 100%;
135+
background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, rgba(0,0,0,0.5) 100%);
136+
z-index: -1;
137+
}
138+
.btn {
139+
display: inline-block;
140+
padding: 12px 24px;
141+
background-color: #B0B0B0;
142+
color: #121212;
143+
text-decoration: none;
144+
border-radius: 5px;
145+
font-weight: bold;
146+
transition: background-color 0.3s, transform 0.3s, box-shadow 0.3s;
147+
}
148+
.btn:hover {
149+
background-color: #FFFFFF;
150+
transform: scale(1.05);
151+
box-shadow: 0 4px 10px rgba(255,255,255,0.2);
152+
}
153+
.wallpapers-section {
154+
margin-top: 50px;
155+
max-width: 1200px;
156+
width: 100%;
157+
padding: 0 20px;
158+
}
159+
.wallpapers-section h2 {
160+
font-size: 32px;
161+
margin-bottom: 30px;
162+
color: #FFFFFF;
163+
}
164+
.wallpapers-grid {
165+
display: grid;
166+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
167+
gap: 20px;
168+
margin-bottom: 30px;
169+
}
170+
.wallpaper-item {
171+
display: flex;
172+
flex-direction: column;
173+
align-items: center;
174+
background-color: rgba(255, 255, 255, 0.05);
175+
padding: 15px;
176+
border-radius: 10px;
177+
transition: transform 0.3s, box-shadow 0.3s;
178+
}
179+
.wallpaper-item:hover {
180+
transform: scale(1.05);
181+
box-shadow: 0 4px 10px rgba(255,255,255,0.2);
182+
}
183+
.wallpaper-item img {
184+
width: 100%;
185+
height: auto;
186+
max-height: 300px;
187+
border-radius: 5px;
188+
margin-bottom: 10px;
189+
}
190+
.wallpaper-item .btn {
191+
margin-top: 10px;
192+
}
193+
.download-all {
194+
display: block;
195+
margin: 0 auto;
196+
}
197+
footer {
198+
background-color: #121212;
199+
padding: 20px;
200+
text-align: center;
201+
color: #B0B0B0;
202+
position: relative;
203+
bottom: 0;
204+
width: 100%;
205+
box-shadow: 0 -2px 5px rgba(0,0,0,0.5);
206+
}
207+
.footer-buttons {
208+
display: flex;
209+
justify-content: center;
210+
gap: 20px;
211+
margin-bottom: 10px;
212+
}
213+
</style>
214+
<script>
215+
// Language detection
216+
document.addEventListener('DOMContentLoaded', () => {
217+
const userLang = navigator.language || navigator.userLanguage;
218+
if (userLang.startsWith('pl')) {
219+
document.documentElement.lang = 'pl';
220+
document.title = 'HackerOS - Pobierz Tapety';
221+
} else {
222+
document.documentElement.lang = 'en';
223+
document.title = 'HackerOS - Download Wallpapers';
224+
document.querySelector('footer p').textContent = '© 2025 HackerOS. All rights reserved.';
225+
document.querySelector('.wallpapers-section h2').textContent = 'Download Phone Wallpapers';
226+
document.querySelectorAll('.wallpaper-item .btn').forEach(btn => btn.textContent = 'Download');
227+
document.querySelector('.download-all').textContent = 'Download All';
228+
}
229+
// Download all wallpapers
230+
const downloadAllBtn = document.querySelector('.download-all');
231+
downloadAllBtn.addEventListener('click', () => {
232+
const wallpapers = [
233+
'phone-wallpapers/wallpaper.png',
234+
'phone-wallpapers/wallpaper1.png',
235+
'phone-wallpapers/wallpaper2.png',
236+
'phone-wallpapers/wallpaper3.png',
237+
'phone-wallpapers/wallpaper4.png',
238+
'phone-wallpapers/wallpaper5.png',
239+
'phone-wallpapers/default-wallpaper.png'
240+
];
241+
wallpapers.forEach(url => {
242+
const a = document.createElement('a');
243+
a.href = url;
244+
a.download = url.split('/').pop();
245+
document.body.appendChild(a);
246+
a.click();
247+
document.body.removeChild(a);
248+
});
249+
});
250+
});
251+
</script>
252+
</head>
253+
<body>
254+
<header>
255+
<div class="social-links">
256+
<a href="https://discord.com/invite/8yHNcBaEKy" target="_blank" rel="noopener noreferrer" title="Discord">
257+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
258+
<path d="M13.545 2.907a13.2 13.2 0 0 0-3.257-1.011.05.05 0 0 0-.052.025c-.141.25-.297.577-.406.833a12.2 12.2 0 0 0-3.658 0 8 8 0 0 0-.412-.833.05.05 0 0 0-.052-.025c-1.125.194-2.22.534-3.257 1.011a.04.04 0 0 0-.021.018C.356 6.024-.213 9.047.066 12.032q.003.022.021.037a13.3 13.3 0 0 0 3.995 2.02.05.05 0 0 0 .056-.019q.463-.63.818-1.329a.05.05 0 0 0-.01-.059l-.018-.011a9 9 0 0 1-1.248-.595.05.05 0 0 1-.02-.066l.015-.019q.127-.095.248-.195a.05.05 0 0 1 .051-.007c2.619 1.196 5.454 1.196 8.041 0a.05.05 0 0 1 .053.007q.121.1.248.195a.05.05 0 0 1-.004.085 8 8 0 0 1-1.249.594.05.05 0 0 0-.03.03.05.05 0 0 0 .003.041c.24.465.515.909.817 1.329a.05.05 0 0 0 .056.019 13.2 13.2 0 0 0 4.001-2.02.05.05 0 0 0 .021-.037c.334-3.451-.559-6.449-2.366-9.106a.03.03 0 0 0-.02-.019m-8.198 7.307c-.789 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.45.73 1.438 1.613 0 .888-.637 1.612-1.438 1.612m5.316 0c-.788 0-1.438-.724-1.438-1.612s.637-1.613 1.438-1.613c.807 0 1.451.73 1.438 1.613 0 .888-.631 1.612-1.438 1.612"/>
259+
</svg>
260+
</a>
261+
<a href="https://x.com/hackeros_linux" target="_blank" rel="noopener noreferrer" title="X (Twitter)">
262+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
263+
<path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865z"/>
264+
</svg>
265+
</a>
266+
<a href="https://linuxiarze.pl/distro-hackeros/" target="_blank" rel="noopener noreferrer" title="Linuxiarze">
267+
<img src="https://linuxiarze.pl/obrazy/images/logo-linuxiarze1.webp" alt="Linuxiarze" onerror="this.src='https://via.placeholder.com/24';">
268+
</a>
269+
<a href="https://distrowatch.com/table.php?distribution=hackeros" target="_blank" rel="noopener noreferrer" title="DistroWatch">
270+
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a9/Distrowatch-logo.png/24px-Distrowatch-logo.png" alt="DistroWatch" onerror="this.src='https://via.placeholder.com/24';">
271+
</a>
272+
<a href="https://www.reddit.com/r/HackerOS_/" target="_blank" rel="noopener noreferrer" title="Reddit">
273+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
274+
<path d="M24 11.779c0-1.459-1.192-2.645-2.657-2.645-.715 0-1.363.286-1.84.746-1.81-1.191-4.259-1.949-6.971-2.046l1.483-4.669 4.016.941-.006.058c0 .828.671 1.5 1.5 1.5s1.5-.672 1.5-1.5c0-.828-.671-1.5-1.5-1.5-.689 0-1.259.541-1.466 1.236l-4.013-.908-1.656 5.207c-2.765.093-5.236.842-7.058 2.046a2.658 2.658 0 0 0-1.844-.746C1.192 9.134 0 10.32 0 11.779c0 .996.547 1.862 1.36 2.317-.04.256-.06.516-.06.784 0 3.514 4.412 6.364 9.868 6.364 5.455 0 9.868-2.85 9.868-6.364 0-.268-.021-.528-.06-.784.814-.455 1.36-1.321 1.36-2.317zm-14.355 2.93c0-.862.695-1.559 1.555-1.559.859 0 1.554.697 1.554 1.559 0 .861-.695 1.558-1.554 1.558-.86 0-1.555-.696-1.555-1.558zm7.945 4.978c-1.678 1.143-3.901 1.805-6.344 1.805-2.442 0-4.665-.662-6.344-1.805-.396-.269-.496-.766-.227-1.161.27-.396.766-.496 1.161-.227 1.374.934 3.184 1.48 5.41 1.48 2.226 0 4.036-.546 5.41-1.48.395-.269.891-.169 1.161.227.269.395.169.891-.227 1.161zm-.227-3.419c-.859 0-1.554-.697-1.554-1.558 0-.862.695-1.559 1.554-1.559.86 0 1.555.697 1.555 1.559 0 .861-.695 1.558-1.555 1.558z"/>
275+
</svg>
276+
</a>
277+
<a href="https://github.com/HackerOS-Linux-System" target="_blank" rel="noopener noreferrer" title="GitHub">
278+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16">
279+
<path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"/>
280+
</svg>
281+
</a>
282+
<a href="https://www.youtube.com/channel/UCB_b48f2diMH2JByN2OmgGw" target="_blank" rel="noopener noreferrer" title="YouTube">
283+
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
284+
<path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"/>
285+
</svg>
286+
</a>
287+
</div>
288+
<nav>
289+
<div class="logo"><img src="HackerOS.png" alt="HackerOS Logo"></div>
290+
<ul>
291+
<li><a href="Home-page.html">Home</a></li>
292+
<li><a href="download.html">Download</a></li>
293+
<li><a href="releases.html">Releases</a></li>
294+
<li><a href="about-hackeros.html">About HackerOS</a></li>
295+
<li><a href="hackeros-team.html">HackerOS Team</a></li>
296+
<li><a href="privacy-policy-hackeros.html">Privacy Policy</a></li>
297+
<li><a href="hackeros-documentation.html">Documentation</a></li>
298+
</ul>
299+
</nav>
300+
</header>
301+
<section class="hero">
302+
<div class="wallpapers-section">
303+
<h2>Pobierz tapety na telefon</h2>
304+
<div class="wallpapers-grid">
305+
<div class="wallpaper-item">
306+
<img src="phone-wallpapers/wallpaper.png" alt="Tapeta 1">
307+
<a href="phone-wallpapers/wallpaper.png" download class="btn">Pobierz</a>
308+
</div>
309+
<div class="wallpaper-item">
310+
<img src="phone-wallpapers/wallpaper1.png" alt="Tapeta 2">
311+
<a href="phone-wallpapers/wallpaper1.png" download class="btn">Pobierz</a>
312+
</div>
313+
<div class="wallpaper-item">
314+
<img src="phone-wallpapers/wallpaper2.png" alt="Tapeta 3">
315+
<a href="phone-wallpapers/wallpaper2.png" download class="btn">Pobierz</a>
316+
</div>
317+
<div class="wallpaper-item">
318+
<img src="phone-wallpapers/wallpaper3.png" alt="Tapeta 4">
319+
<a href="phone-wallpapers/wallpaper3.png" download class="btn">Pobierz</a>
320+
</div>
321+
<div class="wallpaper-item">
322+
<img src="phone-wallpapers/wallpaper4.png" alt="Tapeta 5">
323+
<a href="phone-wallpapers/wallpaper4.png" download class="btn">Pobierz</a>
324+
</div>
325+
<div class="wallpaper-item">
326+
<img src="phone-wallpapers/wallpaper5.png" alt="Tapeta 6">
327+
<a href="phone-wallpapers/wallpaper5.png" download class="btn">Pobierz</a>
328+
</div>
329+
<div class="wallpaper-item">
330+
<img src="phone-wallpapers/default-wallpaper.png" alt="Domyślna tapeta">
331+
<a href="phone-wallpapers/default-wallpaper.png" download class="btn">Pobierz</a>
332+
</div>
333+
</div>
334+
<button class="btn download-all">Pobierz wszystkie</button>
335+
</div>
336+
</section>
337+
<footer>
338+
<div class="footer-buttons">
339+
<a href="https://github.com/HackerOS-Linux-System/HackerOS-Website/discussions" class="btn">Forum Dyskusyjne</a>
340+
<a href="https://github.com/HackerOS-Linux-System/HackerOS-Website/issues" class="btn">Zgłoś błąd</a>
341+
</div>
342+
<p>&copy; 2025 HackerOS. Wszelkie prawa zastrzeżone.</p>
343+
</footer>
344+
</body>
345+
</html>

0 commit comments

Comments
 (0)