Update Home-page.html

Author: michal92299

Home-page.html

@@ -113,17 +113,15 @@
             transform: translateY(-2px);
         }
         .hero {
-            height: auto; /* Zmiana z 100vh, aby pomieścić dodatkową treść */
+            height: 100vh;
             display: flex;
-            flex-direction: column;
-            justify-content: flex-start;
+            justify-content: center;
             align-items: center;
             text-align: center;
             background: linear-gradient(45deg, #1C2526, #2F3A44);
             position: relative;
-            overflow: visible; /* Zmiana z hidden, aby treść nie była obcinana */
-            padding-top: 150px; /* Zwiększony padding dla uniknięcia nakładania się z headerem */
-            padding-bottom: 100px; /* Większa przestrzeń na dole, aby lepiej się mieściło */
+            overflow: hidden;
+            padding-top: 100px; /* Adjusted for header with social bar */
         }
         .hero::before {
             content: '';
@@ -161,50 +159,6 @@
             transform: scale(1.05);
             box-shadow: 0 4px 10px rgba(255,255,255,0.2);
         }
-        .wallpapers-section {
-            margin-top: 300px; /* Jeszcze większa przerwa pod powitaniem */
-            max-width: 1200px;
-            width: 100%;
-            padding: 0 20px;
-        }
-        .wallpapers-section h2 {
-            font-size: 32px;
-            margin-bottom: 30px;
-            color: #FFFFFF;
-        }
-        .wallpapers-grid {
-            display: grid;
-            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-            gap: 20px;
-            margin-bottom: 30px;
-        }
-        .wallpaper-item {
-            display: flex;
-            flex-direction: column;
-            align-items: center;
-            background-color: rgba(255, 255, 255, 0.05);
-            padding: 15px;
-            border-radius: 10px;
-            transition: transform 0.3s, box-shadow 0.3s;
-        }
-        .wallpaper-item:hover {
-            transform: scale(1.05);
-            box-shadow: 0 4px 10px rgba(255,255,255,0.2);
-        }
-        .wallpaper-item img {
-            width: 100%;
-            height: auto;
-            max-height: 300px;
-            border-radius: 5px;
-            margin-bottom: 10px;
-        }
-        .wallpaper-item .btn {
-            margin-top: 10px;
-        }
-        .download-all {
-            display: block;
-            margin: 0 auto;
-        }
         footer {
             background-color: #121212;
             padding: 20px;
@@ -235,32 +189,7 @@
                 document.querySelector('.hero-content h1').textContent = 'Welcome to HackerOS';
                 document.querySelector('.hero-content p').textContent = 'A powerful, Debian-based operating system designed for enthusiasts and professionals.';
                 document.querySelector('footer p').textContent = '© 2025 HackerOS. All rights reserved.';
-                // Update wallpapers section to English if needed
-                document.querySelector('.wallpapers-section h2').textContent = 'Download Phone Wallpapers';
-                document.querySelectorAll('.wallpaper-item .btn').forEach(btn => btn.textContent = 'Download');
-                document.querySelector('.download-all').textContent = 'Download All';
             }
-            // Download all wallpapers
-            const downloadAllBtn = document.querySelector('.download-all');
-            downloadAllBtn.addEventListener('click', () => {
-                const wallpapers = [
-                    'phone-wallpapers/wallpaper.png',
-                    'phone-wallpapers/wallpaper1.png',
-                    'phone-wallpapers/wallpaper2.png',
-                    'phone-wallpapers/wallpaper3.png',
-                    'phone-wallpapers/wallpaper4.png',
-                    'phone-wallpapers/wallpaper5.png',
-                    'phone-wallpapers/default-wallpaper.png'
-                ];
-                wallpapers.forEach(url => {
-                    const a = document.createElement('a');
-                    a.href = url;
-                    a.download = url.split('/').pop();
-                    document.body.appendChild(a);
-                    a.click();
-                    document.body.removeChild(a);
-                });
-            });
         });
     </script>
 </head>
@@ -318,45 +247,12 @@ <h1>Witaj w HackerOS.</h1>
             <p>Potężny system operacyjny oparty na Debianie, zaprojektowany dla entuzjastów od cyberbezpiecznestwa, zwykłych użytkowników oraz graczy.</p>
             <a href="download.html" class="btn">Pobierz Teraz</a>
         </div>
-        <div class="wallpapers-section">
-            <h2>Pobierz tapety na telefon</h2>
-            <div class="wallpapers-grid">
-                <div class="wallpaper-item">
-                    <img src="phone-wallpapers/wallpaper.png" alt="Tapeta 1">
-                    <a href="phone-wallpapers/wallpaper.png" download class="btn">Pobierz</a>
-                </div>
-                <div class="wallpaper-item">
-                    <img src="phone-wallpapers/wallpaper1.png" alt="Tapeta 2">
-                    <a href="phone-wallpapers/wallpaper1.png" download class="btn">Pobierz</a>
-                </div>
-                <div class="wallpaper-item">
-                    <img src="phone-wallpapers/wallpaper2.png" alt="Tapeta 3">
-                    <a href="phone-wallpapers/wallpaper2.png" download class="btn">Pobierz</a>
-                </div>
-                <div class="wallpaper-item">
-                    <img src="phone-wallpapers/wallpaper3.png" alt="Tapeta 4">
-                    <a href="phone-wallpapers/wallpaper3.png" download class="btn">Pobierz</a>
-                </div>
-                <div class="wallpaper-item">
-                    <img src="phone-wallpapers/wallpaper4.png" alt="Tapeta 5">
-                    <a href="phone-wallpapers/wallpaper4.png" download class="btn">Pobierz</a>
-                </div>
-                <div class="wallpaper-item">
-                    <img src="phone-wallpapers/wallpaper5.png" alt="Tapeta 6">
-                    <a href="phone-wallpapers/wallpaper5.png" download class="btn">Pobierz</a>
-                </div>
-                <div class="wallpaper-item">
-                    <img src="phone-wallpapers/default-wallpaper.png" alt="Domyślna tapeta">
-                    <a href="phone-wallpapers/default-wallpaper.png" download class="btn">Pobierz</a>
-                </div>
-            </div>
-            <button class="btn download-all">Pobierz wszystkie</button>
-        </div>
     </section>
     <footer>
         <div class="footer-buttons">
             <a href="https://github.com/HackerOS-Linux-System/HackerOS-Website/discussions" class="btn">Forum Dyskusyjne</a>
             <a href="https://github.com/HackerOS-Linux-System/HackerOS-Website/issues" class="btn">Zgłoś błąd</a>
+            <a href="download-wallpapers.html" class="btn">Pobierz Tapety</a>
         </div>
         <p>&copy; 2025 HackerOS. Wszelkie prawa zastrzeżone.</p>
     </footer>