From 143b37e95f97b285d2c10cff84d61adbfcc98068 Mon Sep 17 00:00:00 2001
From: xgui4 <134389196+xgui4@users.noreply.github.com>
Date: Sun, 29 Jun 2025 17:36:34 -0400
Subject: [PATCH] Add download and FAQ pages, enhance navigation and styling
 across the website

---
 website/README.md      |   8 ++-
 website/about.html     |   9 +++-
 website/css/styles.css |  25 +++++++---
 website/download.html  | 110 +++++++++++++++++++++++++++++++++++++++++
 website/drivers.html   |   7 +++
 website/faq.html       | 108 ++++++++++++++++++++++++++++++++++++++++
 website/index.html     |   8 ++-
 website/wiki.html      |  17 ++++---
 8 files changed, 275 insertions(+), 17 deletions(-)
 create mode 100644 website/download.html
 create mode 100644 website/faq.html
diff --git a/website/README.md b/website/README.md
index 395ad63dc..3818ece54 100644
--- a/website/README.md
+++ b/website/README.md
@@ -30,4 +30,10 @@ This project is licensed under the MIT License.
 
 For questions or contributions, please open an issue or contact [@metux](https://github.com/metux).
 
-### Made by [@xgui4](https://github.com/xgui4) and [@ChocodeerZyNX](https://github.com/ChocodeerZyNX) and [@yusi1](https://github.com/yuzi1)
\ No newline at end of file
+### Made by [@xgui4](https://github.com/xgui4) and [@ChocodeerZyNX](https://github.com/ChocodeerZyNX) and [@yusi1](https://github.com/yuzi1)
+
+```text
+before doing commit the dev of the site is done here : https://www.github.com/xgui4/X11Libre-website
+
+you can try the website at : https://xgui4.github.io/xserver/website
+```
diff --git a/website/about.html b/website/about.html
index c1847eee1..b7ce3d858 100644
--- a/website/about.html
+++ b/website/about.html
@@ -4,7 +4,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <link rel="icon" href="img/temp-XLibre-Logo.svg"> 
+    <link rel="icon" href="img/XLibre-Logo.svg">
     <link rel="stylesheet" href="css/styles.css">
     <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"
         integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q"
@@ -36,6 +36,12 @@
                         <li class="nav-item">
                             <a class="nav-link active" href="about.html">About</a>
                         </li>
+                        <li class="nav-item"> 
+                            <a class="nav-link" href="download.html">Download</a>
+                       </li>
+                        <li class="nav-item">
+                            <a class="nav-link" href="faq.html">FAQ & Privacy</a>
+                        </li>
                         <li class="nav-item">
                             <a class="nav-link" href="wiki.html">Wiki</a>
                         </li>
@@ -59,6 +65,7 @@
         </p>
     </main>
 </body>
+<div id="content-sep"></div>
 <footer>
         <div id="content-right">
          <div id="nav-sidebar" class="nav-border">
diff --git a/website/css/styles.css b/website/css/styles.css
index f4ad29b47..cb1cb0a72 100644
--- a/website/css/styles.css
+++ b/website/css/styles.css
@@ -92,6 +92,10 @@ main {
     text-align: left;
 }
 
+.install ul {
+    margin-left: 195px;
+}
+
 #content-left-wrapper {
     float: left;
     width: 100%; /* req to keep content above sidebar in source code */
@@ -101,6 +105,10 @@ main {
     margin: 0 340px 0 0;
 }
 
+#content-sep {
+    padding-top: 360px;
+}
+
 #content-right {
     float: left;
     width: 100%;
@@ -122,7 +130,7 @@ div.nav-border {
 }
 
 /* highlight Wiki link in navbar */
-.navbar-nav > li:nth-child(4) {
+.navbar-nav > li:nth-child(6) {
     text-decoration: underline;
     text-decoration-color: #78b2c3;
 }
@@ -141,19 +149,22 @@ code {
   padding: 0 3px;
 }
 
-pre {
+main pre {
    font-family: monospace, monospace;
    margin: 1em;
+   border-bottom: 1px solid #31373d;
+   border-radius: 3px;
 }
 
-pre code {
-   padding:10px;
-   display: block;
-   overflow: auto;
+main pre code {
+    padding: 20px 20px 20px 30px;
+    display: block;
+    overflow: auto;
+    box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 0px, rgba(0, 0, 0, 0.8) 0px 1px 7px 0px inset;
 }
 
 div.quicklink {
-   height: 200vh;
+   height: 150vh;
    position: sticky;
    z-index: 1;
    top: 0;
diff --git a/website/download.html b/website/download.html
new file mode 100644
index 000000000..104f8b0a2
--- /dev/null
+++ b/website/download.html
@@ -0,0 +1,110 @@
+<!DOCTYPE html>
+<html lang="en" data-bs-theme="dark">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="css/styles.css">
+  <link rel="icon" href="img/XLibre-Logo.svg"> 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"
+    integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q"
+    crossorigin="anonymous"></script>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
+  <title>Xlibre - FAQ & Privacy </title>
+</head>
+<body>
+<header>
+        <nav class="navbar navbar-expand-lg bg-body-tertiary">
+      <div class="container-fluid">
+        <img src="img/XLibre-Logo.svg" alt="Bootstrap" width="90" height="90">
+        <a class="navbar-brand" href="index.html">X11Libre X Server</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <li class="nav-item">
+              <a class="nav-link" href="index.html">Home</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="drivers.html">Drivers</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="about.html">About</a>
+            </li>
+            <li class="nav-item"> 
+                <a class="nav-link active" aria-current="page" href="download.html">Download</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="faq.html">FAQ & Privacy</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="wiki.html">Wiki</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+</header>
+  <main>
+
+    <section id="download">
+      <hr>
+      <h2>Download</h2>
+      <p><strong>The Xlibre</strong> project is hosted on GitHub. You can find
+      the source code and follow development
+      <a href="https://github.com/X11Libre/xserver" target="_blank">there.</a></p>
+
+      <p><strong>If</strong> you want to download the latest source snapshot as
+      a compressed archive, a direct
+      <a href="https://github.com/X11Libre/xserver/archive/refs/heads/master.zip" target="_blank">zip</a>
+      file is also available.</p>
+
+      <p><strong>Precompiled</strong> binaries for Xlibre are <strong> already
+      available</strong> for some distributions. The project is still in its
+      early packaging phase and only some distributions offer it.</p>
+
+      <p><strong>However</strong>, there are plans and ongoing efforts to
+      integrate Xlibre into major Linux distributions. Here's the current
+      status:</p>
+  
+      <ul>
+      <li><strong>Ubuntu/Debian</strong>: No official packages or PPA
+          available</li>
+      <li><strong>Arch</strong>: Xlibre is available as an AUR 
+	  <a href="https://aur.archlinux.org/packages/xlibre-server-common" target="_blank">package</a>
+	  for Arch Linux users</li>
+      <li><strong>Artix</strong>: You can install a ready-to-use 
+          <a href="https://packages.artixlinux.org/packages/?sort=&q=xlibre" target="_blank">package</a>
+          from their galaxy-gremlins repository</li>
+      <li><strong>Gentoo</strong>: An 
+	  <a href="https://github.com/X11Libre/ports-gentoo" target="_blank">overlay</a>
+	  is available at Github</li>
+      <li><strong>OpenMandriva</strong>: You can find the 
+	  <a href="https://abf.openmandriva.org/openmandriva/xlibre/build_lists#?page=1&per_page=25&ownership=everything" target="_blank">package</a>
+          in the Cooker (development) repository</li>
+      <li><strong>Youtube</strong>: DIY self compiling 
+	  <a href="https://www.youtube.com/watch?v=xRzfHzZ6WDU" target="_blank">video</a>
+	  is available at Youtube</li>
+      </ul>
+    </section>
+  </main>
+  <footer>
+        <div id="content-right">
+         <div id="nav-sidebar" class="nav-border">
+            <h3>Contact</h3>
+            <ul>
+               <li><a href="https://www.freelists.org/list/xlibre">Mailing list</a></li>
+               <li><a href="https://t.me/x11dev">Telegram channel</a></li>
+               <li><a href="https://matrix.to/#/%23xlibre:matrix.org">Matrix room (mirror of tg group)</a></li>
+            </ul>
+               <h3>Contribute</h3>
+               <ul>
+               <li><a href="https://github.com/X11Libre/xserver">Github</a></li>
+               </ul>
+         </div>
+      </div>
+</footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/website/drivers.html b/website/drivers.html
index 188b1057e..5559a1172 100644
--- a/website/drivers.html
+++ b/website/drivers.html
@@ -31,6 +31,12 @@
             <li class="nav-item">
                 <a class="nav-link" href="about.html">About</a>
             </li>
+            <li class="nav-item"> 
+                <a class="nav-link" href="download.html">Download</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="faq.html">FAQ & Privacy</a>
+            </li>
             <li class="nav-item">
               <a class="nav-link" href="wiki.html">Wiki</a>
             </li>
@@ -103,6 +109,7 @@
          </table>
       </div>
    </body>
+   <div id="content-sep"></div>
    <footer>
         <div id="content-right">
          <div id="nav-sidebar" class="nav-border">
diff --git a/website/faq.html b/website/faq.html
new file mode 100644
index 000000000..c527b94ce
--- /dev/null
+++ b/website/faq.html
@@ -0,0 +1,108 @@
+<!DOCTYPE html>
+<html lang="en" data-bs-theme="dark">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" href="css/styles.css">
+  <link rel="icon" href="img/XLibre-Logo.svg"> 
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/js/bootstrap.bundle.min.js"
+    integrity="sha384-ndDqU0Gzau9qJ1lfW4pNLlhNTkCfHzAVBReH9diLvGRem5+R9g2FzA8ZGN954O5Q"
+    crossorigin="anonymous"></script>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.7/dist/css/bootstrap.min.css" rel="stylesheet"
+    integrity="sha384-LN+7fdVzj6u52u30Kp6M/trliBMCMKTyK833zpbD+pXdCLuTusPj697FH4R/5mcr" crossorigin="anonymous">
+  <title>Xlibre - FAQ & Privacy </title>
+</head>
+<body>
+<header>
+        <nav class="navbar navbar-expand-lg bg-body-tertiary">
+      <div class="container-fluid">
+        <img src="img/XLibre-Logo.svg" alt="Bootstrap" width="90" height="90">
+        <a class="navbar-brand" href="index.html">X11Libre X Server</a>
+        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
+          aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+          <span class="navbar-toggler-icon"></span>
+        </button>
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+          <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+            <li class="nav-item">
+              <a class="nav-link" href="index.html">Home</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="drivers.html">Drivers</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="about.html">About</a>
+            </li>
+            <li class="nav-item"> 
+                <a class="nav-link" href="download.html">Download</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link active" aria-current="page" href="faq.html">FAQ & Privacy</a>
+            </li>
+            <li class="nav-item">
+              <a class="nav-link" href="wiki.html">Wiki</a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </nav>
+</header>
+  <main>
+    <section id="FAQ">
+      <hr>
+      <h2>FAQ</h2>
+      <p><strong>Q:</strong> What is Xlibre?</p>
+      <p><strong>A:</strong> Xlibre is a freshly created fork of the Xorg X11
+      server, initiated by Enrico Weigelt, aiming to provide a more actively
+      maintained and modernized alternative to the aging X11 system.</p>
+
+      <p><strong>Q:</strong> Why was it forked?</p>
+      <p><strong>A:</strong> Xorg has been stifled by “toxic elements” and
+      “BigTech moles” blocking significant contributions. A classic “embrace,
+      extend, extinguish” pattern. Xlibre is presented as a pushback to
+      revitalize the codebase.</p>
+
+      <p><strong>Q:</strong> Who’s behind Xlibre?</p>
+      <p><strong>A:</strong> The fork is led by Enrico Weigelt (<a href="https://github.com/metux">@metux</a>), previously a
+      prolific contributor to Xorg.</p> 
+
+      <p><strong>Q:</strong> What features or enhancements does Xlibre
+      bring?</p>
+      <p><strong>A:</strong> Code cleanups and modernization aimed at improved
+      maintainability and performance. Support for Xnamespace (greater
+      isolation) and updating nested Xnest to use libxcb.</p>
+
+      <p><strong>Q:</strong> What about Nvidia compatibility?</p>
+      <p><strong>A:</strong> We keep binary compatibility to proprietary Nvidia
+      driver (Ver. 570 and newer).</p>
+    </section>
+
+    <section id="privacy">
+      <hr>
+      <h2>Privacy</h2>
+      <p><strong>You</strong> can check your cookies - if you want. You will
+      not find any set by this page.</p>
+      
+      <p><strong>This</strong> page does not collect any data and neither does
+      the underlying webserver. This page is only about Xlibre, not your
+      data.</p>
+    </section>
+  </main>
+  <footer>
+        <div id="content-right">
+         <div id="nav-sidebar" class="nav-border">
+            <h3>Contact</h3>
+            <ul>
+               <li><a href="https://www.freelists.org/list/xlibre">Mailing list</a></li>
+               <li><a href="https://t.me/x11dev">Telegram channel</a></li>
+               <li><a href="https://matrix.to/#/%23xlibre:matrix.org">Matrix room (mirror of tg group)</a></li>
+            </ul>
+               <h3>Contribute</h3>
+               <ul>
+               <li><a href="https://github.com/X11Libre/xserver">Github</a></li>
+               </ul>
+         </div>
+      </div>
+</footer>
+</body>
+</html>
\ No newline at end of file
diff --git a/website/index.html b/website/index.html
index 910d18e4b..a51cceb82 100644
--- a/website/index.html
+++ b/website/index.html
@@ -1,6 +1,5 @@
 <!DOCTYPE html>
 <html lang="en" data-bs-theme="dark">
-
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
@@ -35,6 +34,12 @@
             <li class="nav-item">
                 <a class="nav-link" href="about.html">About</a>
             </li>
+            <li class="nav-item"> 
+                <a class="nav-link" href="download.html">Download</a>
+            </li>
+            <li class="nav-item">
+                <a class="nav-link" href="faq.html">FAQ & Privacy</a>
+            </li>
             <li class="nav-item">
               <a class="nav-link" href="wiki.html">Wiki</a>
             </li>
@@ -107,6 +112,7 @@
     </ul>
   </main>
 </body>
+<div id="content-sep"></div>
 <footer>
         <div id="content-right">
          <div id="nav-sidebar" class="nav-border">
diff --git a/website/wiki.html b/website/wiki.html
index d71577a7e..9d606a625 100644
--- a/website/wiki.html
+++ b/website/wiki.html
@@ -32,6 +32,12 @@
             <li class="nav-item">
                 <a class="nav-link" href="about.html">About</a>
             </li>
+            <li class="nav-item"> 
+               <a class="nav-link" href="download.html">Download</a>
+            </li>
+            <li class="nav=item">
+                <a class="nav-link" href="faq.html">FAQ & Privacy</a>
+            </li>
             <li class="nav-item">
                 <a class="nav-link active" href="wiki.html">Wiki</a>
             </li>
@@ -59,13 +65,10 @@
             <ul>
                <li id="Arch">Arch Linux (AUR)
                   <a href="https://aur.archlinux.org/packages/xlibre-server-git#comment-1028466">Note: See this comment</a>
-                     <pre>
-                     <code>
-   yay -S xlibre-server-bootstrap-git
-   yay -S xlibre-input-libinput
-   yay -S xlibre-server-git
-                     </code>
-                     </pre>
+<pre><code>yay -S xlibre-server-bootstrap-git
+yay -S xlibre-input-libinput
+yay -S xlibre-server-git
+</code></pre>
                </li>
                <li id="Artix">Artix Linux:
                   <a href="https://wiki.artixlinux.org/Site/XlibreOnArtix">See this guide for XLibre on Artix</a>
