Add Bootstrap Icons and update content

Author: DevuboxLinux

index.html

@@ -36,6 +36,9 @@
     <!-- This link fetches the latest Bootstrap 5 styles -->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
 
+    <!-- Bootstrap Icons CDN -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+
     <!-- Custom CSS for minor style adjustments and dark mode -->
     <style>
         :root {
@@ -45,8 +48,8 @@
             --card-bg-dark: rgba(33, 37, 41, 0.8);
             --text-light: #212529;
             --text-dark: #f8f9fa;
-            --border-color-light: #dee2e6;
-            --border-color-dark: #495057;
+            --border-color-light: rgba(0, 0, 0, 0.175);
+            --border-color-dark: rgba(255, 255, 255, 0.175);
         }
 
         html { scroll-behavior: smooth; }
@@ -144,8 +147,9 @@
                     <li class="nav-item"><a class="nav-link" href="https://github.com/DevuboxLinux/Devubox-MX/">Source Code</a></li>
                     <li class="nav-item ms-lg-2">
                         <a class="nav-link theme-toggle" id="theme-toggle-btn" title="Toggle theme">
-                            <svg class="sun-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="5"></circle><line x1="12" y1="1" x2="12" y2="3"></line><line x1="12" y1="21" x2="12" y2="23"></line><line x1="4.22" y1="4.22" x2="5.64" y2="5.64"></line><line x1="18.36" y1="18.36" x2="19.78" y2="19.78"></line><line x1="1" y1="12" x2="3" y2="12"></line><line x1="21" y1="12" x2="23" y2="12"></line><line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line><line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line></svg>
-                            <svg class="moon-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"></path></svg>
+                            <!-- Replaced SVG with Bootstrap Icons -->
+                            <i class="bi bi-sun-fill sun-icon"></i>
+                            <i class="bi bi-moon-fill moon-icon"></i>
                         </a>
                     </li>
                 </ul>
@@ -161,17 +165,18 @@
                 <div class="container-fluid">
                    <div class="row align-items-center">
                        <div class="col-lg-6 order-lg-2 mb-4 mb-lg-0 hero-image-container">
-                           <img src="Screenshot.png" class="img-fluid rounded shadow hero-image-3d" alt="Devubox-MX Desktop">
+                           <img src="Screenshot.png" class="img-fluid rounded shadow hero-image-3d" alt="A screenshot of the Devubox-MX desktop, featuring a clean and modern interface with the Openbox window manager, a customized Tint2 panel, and various applications open.">
                        </div>
                        <div class="col-lg-6 order-lg-1">
                            <h1 class="display-6 fw-bold">Introducing Devubox-MX</h1>
                            <p class="fs-6 text-muted">A midweight, simple, and stable systemd-free desktop OS.</p>
-                           <p class="fs-5">Devubox-MX is an open-source MX Linux respin based on Devuan It uses both MX Linux and MX AHS repositories to provide access to the latest/backports of programs and drivers, similar to how PPAs function in Ubuntu. It features a customized Openbox window manager that provides a complete desktop environment inspired by CrunchBang++, BunsenLabs, Mabox, and Archcraft.</p>
+                           <p class="fs-5">Devubox-MX is an open-source MX Linux respin based on Devuan. It uses both MX Linux and MX AHS repositories to provide access to the latest/backports of programs and drivers, similar to how PPAs function in Ubuntu. It features a customized Openbox window manager that provides a complete desktop environment inspired by CrunchBang++, BunsenLabs, Mabox, and Archcraft.</p>
                            <p class="fs-5"><strong>Disclaimer:</strong> Since this distribution is in an early alpha phase, we do not recommend installing it on your main hardware. For stability, please test it in a virtual machine (VM) unless you are a tech-savvy user comfortable with pre-release software.</p>
                            <div class="mt-4">
                                <p class="fs-5 mb-2">Estimated alpha release: Nov 20, 2025. This date is subject to change.</p>
                                <div id="countdown-timer" class="fs-3 mb-3 fw-bold"></div>
-                               <a href="/download" id="download-button" class="btn btn-primary btn-lg" role="button">Download (Not available yet)</a>
+                               <a href="/download" id="download-button" class="btn btn-primary btn-lg" role="button">Download</a>
+                               <a href="#features-section" class="btn btn-secondary btn-lg" role="button">Learn More</a>
                            </div>
                        </div>
                    </div>
@@ -271,6 +276,8 @@ <h2>Devubox-MX is Built On:</h2>
     <footer class="footer py-3 bg-dark text-white">
         <div class="container">
             <p class="mb-0">&copy; 2025 Devubox-MX. All Rights Reserved. Licensed under MIT. Made with love in Indonesia 🇮🇩.</p>
+            <div class="mt-2">
+                <a href="https://github.com/DevuboxLinux" class="text-white me-3" aria-label="GitHub"><i class="bi bi-github" style="font-size: 1.5rem;"></i></a>
         </div>
     </footer>