From 2cca1b04b7ba04e0420684a5975e17d3a8b4c75a Mon Sep 17 00:00:00 2001
From: xgui4 <134389196+xgui4@users.noreply.github.com>
Date: Fri, 4 Jul 2025 12:10:33 -0400
Subject: [PATCH] Improve the UI of the website

---
 website/.gitignore            | 42 +++++++++++++++++++++++++++++++++++
 website/_includes/footer.html | 27 +++++++++++-----------
 website/_includes/header.html |  4 ++--
 website/assets/css/styles.css |  8 ++++++-
 4 files changed, 64 insertions(+), 17 deletions(-)

diff --git a/website/.gitignore b/website/.gitignore
index 918de83ed..1b4025540 100644
--- a/website/.gitignore
+++ b/website/.gitignore
@@ -4,3 +4,45 @@ _site
 .jekyll-metadata
 vendor
 Gemfile.lock
+
+
+# Ignore bundler install path
+/vendor/
+
+# Ignore site output
+/_site/
+
+# Ignore optional cache/log/temp
+.sass-cache/
+.jekyll-cache/
+.jekyll-metadata
+.log/
+*.log
+tmp/
+
+# Ignore Ruby stuff
+*.gem
+*.rbc
+.bundle/
+config.yml
+.yardoc
+_yardoc/
+.yardwarns
+coverage/
+InstalledFiles
+pkg/
+
+# Ignore OS + editor junk
+.DS_Store
+*.swp
+*.swo
+*.bak
+*.tmp
+*.~*
+*.kate-swp
+.idea/
+.vscode/
+*.code-workspace
+
+# Ignore custom local files
+.env
diff --git a/website/_includes/footer.html b/website/_includes/footer.html
index 2b11e3194..b5c19c2c9 100644
--- a/website/_includes/footer.html
+++ b/website/_includes/footer.html
@@ -1,17 +1,16 @@
-<div id="content-sep"></div>
-<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 id="content-sep"></div> -->
+<footer class="container-fluid p-4 bg-black  border-top border-white">
+  <div class="d-flex flex-column justify-content-center align-items-md-center align-items-start">
+
+    <h5 class="text-md-center">Contact:</h5>
+    <div class="d-flex flex-md-row flex-column  gap-md-3 gap-0 mx-3 align-items-md-center align-items-start">
+      <a href="https://www.freelists.org/list/xlibre">Mailing list</a>
+      <a href="https://t.me/x11dev">Telegram Channel</a>
+      <a href="https://matrix.to/#/%23xlibre:matrix.org">Matrix room (mirror of tg group)</a>
+    </div>
+    <div class="mt-3 text-md-center">
+      <p class="m-0">Contribute us on <a href="https://github.com/X11Libre/xserver">Github</a> </p>
+      <p class="m-1">Maintained by <strong>XLibre</strong> Community</p>
     </div>
   </div>
 </footer>
diff --git a/website/_includes/header.html b/website/_includes/header.html
index 69f8216ac..e6312f493 100644
--- a/website/_includes/header.html
+++ b/website/_includes/header.html
@@ -1,7 +1,7 @@
 <header>
   <nav class="navbar navbar-expand-lg bg-body-tertiary">
     <div class="container-fluid">
-      <img src="assets/img/XLibre-Logo.svg" width="90" height="90">
+      <img src="assets/img/XLibre-Logo.svg" width="50">
       <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">
@@ -20,4 +20,4 @@
       </div>
     </div>
   </nav>
-</header>
+</header>
\ No newline at end of file
diff --git a/website/assets/css/styles.css b/website/assets/css/styles.css
index 394ae5ef2..65dbf875e 100644
--- a/website/assets/css/styles.css
+++ b/website/assets/css/styles.css
@@ -1,6 +1,12 @@
+:root, 
+body {
+   scroll-behavior: smooth;
+}
+
 img {
-   width: 5%;
+   /* width: 5%; */
    height: auto;
+   margin-right: 0.5rem;
 }
 
 /* link */