Merge pull request #79 from YakeDev/main

UI update
Ctoic · Oct 14, 2024 · 2f6d534 · 2f6d534
2 parents 9391492 + d00ab29
commit 2f6d534
Show file tree

Hide file tree

Showing 14 changed files with 961 additions and 252 deletions.
diff --git a/Images/lisbook-logo-1.png b/Images/lisbook-logo-1.png
diff --git a/about.html b/about.html
@@ -15,30 +15,41 @@
       integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH"
       crossorigin="anonymous"
     />
+
     <title>My Favorite Books Music App</title>
   </head>
-
-  <body class="dark-theme bg-gray-900 text-gray-300">
-    <!-- Navbar -->
+  <body
+    class="bg-gray-900 text-gray-300 dark-theme d-flex flex-column min-vh-100"
+  >
     <!-- <div id="header-placeholder" class="sticky top-0 z-20"></div> -->
-    <header class="sticky top-0 z-20 bg-gray-800 p-4">
+    <header class="sticky top-0 z-20 bg-gray-800 p-4 shadow-sm">
       <nav class="">
         <div class="container mx-auto flex justify-between items-center">
           <!-- Logo -->
           <a
-            class="text-green-500 h3 font-bold d-flex"
+            class="logo-text h3 font-bold d-inline-flex"
             href="./index.html"
             class="navbar-brand"
           >
             <img
-              src="./Images/lisbook-logo.png"
+              src="./Images/lisbook-logo-1.png"
               alt="Logo"
-              width="35"
+              width="40"
               height="auto"
               class="align-text-center me-2"
             />
             Lisbook
           </a>
+>>>>>>> c3e3653 (Redesign Footer for Enhanced Visual Appeal)
+
+  <body class="dark-theme bg-gray-900 text-gray-300">
+    <!-- Navbar -->
+    <nav class="sticky top-0 z-20 bg-gray-800 p-4">
+      <div class="container mx-auto flex justify-between items-center">
+        <!-- Logo -->
+        <a class="text-green-500 text-2xl font-bold" href="./index.html"
+          >Lisbook</a
+        >
 
           <!-- Menu Links and Theme Toggle -->
           <div
@@ -70,6 +81,12 @@
             <a href="./about.html" class="text-gray-300 hover:text-green-500"
               >About</a
             >
+            <a href="./contact.html" class="text-gray-300 hover:text-green-500"
+              >Contact</a
+            >
+            <a href="./faq.html" class="text-gray-300 hover:text-green-500"
+              >About</a
+            >
 
             <!-- <a href="./index.html" class="text-gray-300 hover:text-green-500"
             >Previous</a
@@ -579,7 +596,14 @@ <h2 class="h1 fw-semibold">Join our open-source project!</h2>
       </section>
     </main>
     <!-- Footer -->
-    <div id="footer-placeholder"></div>
-    <script src="script.js"></script>
+    <div id="footer-placeholder" class="mt-auto"></div>
+
+    <!-- JavaScript -->
+    <script src="./script.js"></script>
+    <script
+      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
+      integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
+      crossorigin="anonymous"
+    ></script>
   </body>
 </html>