Improve the UI of the website

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

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>

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>

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 */