From 8fdc9368aedcc816c435d0cddbbd968cccfad67f Mon Sep 17 00:00:00 2001
From: shivam8112005 <shivamshukla8112005@gmail.com>
Date: Wed, 13 Nov 2024 23:58:19 +0530
Subject: [PATCH 1/2] added uniform footer in my reading list page

---
 bookmarks.html | 266 ++++++++++++++++++++++++++-----------------------
 style.css      |   8 +-
 2 files changed, 144 insertions(+), 130 deletions(-)

diff --git a/bookmarks.html b/bookmarks.html
index d1e4299..8a47273 100644
--- a/bookmarks.html
+++ b/bookmarks.html
@@ -274,143 +274,151 @@ <h3 style="margin: 0; color: #007bff;">Your Bookmarks</h3>
     </p>
 </footer>
 
-
-    <footer id="footer">
-        <div class="footer-container">
-          <div class="row mb-3 col-3-main">
-            <div class="col-3">
+<footer id="footer">
+  <div class="footer-container">
+      <div class="row mb-3 col-3-main">
+          <div class="col-3">
               <div id="about-us">
-                <h2 class="footer-title secondary-title">About Us</h2>
-    
-                <div class="secondary-title text-secondary">
-                  <p class="mt-2 style="text-align: left;">
-                    We are a close-knit team of passionate storytellers dedicated to sharing captivating content with the
-                    world.
-                  </p>
-    
-                  <address>
-                    <i class="fas fa-map-marker-alt text-primary"></i>
-                    5 South Main Street Los Angeles, ZZ-9611 USA
-                  </address>
-    
-                  <div class="phone">
-                    <i class="fas fa-mobile text-primary"></i>
-                    125-896-485
-                  </div>
-    
-                  <div class="email">
-                    <a href="mailto: dailysupport@gmail.com" style="color: 3B3B58;"><i
-                        class="fas fa-envelope text-primary"></i>
-                      <span>dailysupport@gmail.com</span>
-                    </a>
-                  </div>
-                  <div> <a href="privacy.html" style="color: #520be1e7;">Privacy Policy</a> </div> 
-                  <div>
-                    <img
-                      src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5"
-                      alt="Web views" style="height: 20px;width: 150px;margin-top: 40px;">
+                  <h2 class="footer-title secondary-title">About Us</h2>
+                  <div class="secondary-title text-secondary">
+                      <p class="mt-2 text-lg" style="text-align: left;">
+                          We are a close-knit team of passionate storytellers dedicated to sharing captivating
+                          content with the world.
+                      </p>
+                      <address class="mt-2">
+                          <i class="fas fa-map-marker-alt text-primary"></i>
+                          5 South Main Street Los Angeles, ZZ-9611 USA
+                      </address>
+                      <div class="phone mt-2">
+                          <i class="fas fa-mobile text-primary"></i>
+                          125-896-485
+                      </div>
+                      <div class="email mt-2">
+                          <a href="mailto:dailysupport@gmail.com" style="color: #3B3B58;">
+                              <i class="fas fa-envelope text-primary"></i>
+                              <span>dailysupport@gmail.com</span>
+                          </a>
+                      </div>
+                      <div>
+                          <a href="privacy.html" style="color: #520be1e7;">Privacy Policy</a>
+                      </div>
+                      <div>
+                          <img
+                              src="https://hits.sh/anshika-26.github.io/WordWise.svg?label=Website%20Views&extraCount=1515&color=30322f&labelColor=F5B3B5"
+                              alt="Web views" style="height: 20px;width: 150px;margin-top: 10px;">
+                      </div>
                   </div>
-                </div>
-    
               </div>
-            </div>
-            <div class="col-3">
-              <h2 class="footer-title secondary-title">Feature Post</h2>
-    
+          </div>
+          <div class="col-3">
+              <h2 class="footer-title secondary-title">Featured Post</h2>
               <div class="feature-post">
-                <div class="flex-item">
-                  <article class="article">
-                    <div class="d-flex ">
-                      <a class="d-flex" href="#">
-                        <img src="./assets/img9.webp" class="object-fit" alt="">
-                        <div class="px-1" style="width: 300px;">
-                          <a href="#" class="text-title display-2 text-dark">
-                            Embrace the beauty of nature through our enchanting blog, where we celebrate the wonders of
-                            the natural world
-                          </a>
-                          <p class="secondary-title text-secondary display-3" style="margin-top:3px;">
-                            <span><i class="far fa-clock text-primary"></i> Wed 02, 2022 </span>
-                          </p>
-                        </div>
-                      </a>
-                    </div>
-                  </article>
-                </div>
-                <div class="flex-item">
-                  <article class="article">
-                    <div class="d-flex">
-                      <a class="d-flex" href="#">
-                        <img src="./assets/img1.webp" class="object-fit" alt="">
-                        <div class="px-1" style="width: 300px;">
-                          <a href="#" class="text-title display-2 text-dark">
-                            Embark on unforgettable journeys through our travel blog, where wanderlust meets inspiration
-                          </a>
-                          <p class="secondary-title text-secondary display-3" style="margin-top:3px;">
-                            <span><i class="far fa-clock text-primary"></i> Wed 05, 2020 </span>
-                          </p>
-                        </div>
-                      </a>
-                    </div>
-                  </article>
-                </div>
-                <div class="flex-item">
-                  <article class="article">
-                    <div class="d-flex">
-                      <a class="d-flex" href="#">
-                        <img src="./assets/img2.webp" class="object-fit" alt="">
-                        <div class="px-1" style="width: 300px;">
-                          <a href="#" class="text-title display-2 text-dark">
-                            Gaming Adventures Unleashed
-                          </a>
-                          <p class="secondary-title text-secondary display-3" style="margin-top:3px;">
-                            <span><i class="far fa-clock text-primary"></i> Wed 02, 2021 </span>
-                          </p>
-                        </div>
-                      </a>
-                    </div>
-                  </article>
-                </div>
+                  <div class="flex-item">
+                      <article class="article">
+                          <div class="d-flex" style="align-items: flex-start;">
+                              <a class="d-flex" href="#">
+                                  <img src="./assets/img9.webp" class="object-fit" alt="">
+                                  <div class="px-1" style="width: 300px;">
+                                      <a href="#" class="text-title display-2 text-dark">
+                                          Embrace the beauty of nature through our enchanting blog, where we
+                                          celebrate the wonders of the natural world
+                                      </a>
+                                      <p class="secondary-title text-secondary"
+                                         style="margin-top:3px;margin-left:0px; text-align: left;">
+                                          <span><i class="far fa-clock text-primary"></i> Wed 02, 2022 </span>
+                                      </p>
+                                  </div>
+                              </a>
+                          </div>
+                      </article>
+                  </div>
+                  <div class="flex-item">
+                      <article class="article">
+                          <div class="d-flex" style="align-items: flex-start;">
+                              <a class="d-flex" href="#">
+                                  <img src="./assets/img1.webp" class="object-fit" alt="">
+                                  <div class="px-1" style="width: 300px;">
+                                      <a href="#" class="text-title display-2 text-dark">
+                                          Embark on unforgettable journeys through our travel blog, where
+                                          wanderlust meets inspiration
+                                      </a>
+                                      <p class="secondary-title text-secondary display-3"
+                                         style="margin-top:3px;margin-left:0px; text-align: left;">
+                                          <span><i class="far fa-clock text-primary"></i> Wed 05, 2020 </span>
+                                      </p>
+                                  </div>
+                              </a>
+                          </div>
+                      </article>
+                  </div>
+                  <div class="flex-item">
+                      <article class="article">
+                          <div class="d-flex" style="align-items: flex-start;">
+                              <a class="d-flex" href="#">
+                                  <img src="./assets/img2.webp" class="object-fit" alt="">
+                                  <div class="px-1" style="width: 300px;">
+                                      <a href="#" class="text-title display-2 text-dark">
+                                          Gaming Adventures Unleashed
+                                      </a>
+                                      <p class="secondary-title text-secondary display-3"
+                                         style="margin-top:3px;margin-left:0px; text-align: left;">
+                                          <span><i class="far fa-clock text-primary"></i> Wed 02, 2021 </span>
+                                      </p>
+                                  </div>
+                              </a>
+                          </div>
+                      </article>
+                  </div>
               </div>
-            </div>
-            <div class="col-3">
+          </div>
+          <div class="col-3">
               <h2 class="footer-title secondary-title">Popular Tags</h2>
-    
               <div class="tags">
-                <div class="d-flex-gap flex-wrap">
-                  <a href="#" class="nav-link btn bg-light">Travel</a>
-                  <a href="#" class="nav-link btn bg-light">Food</a>
-                  <a href="#" class="nav-link btn bg-light">Lifestyle</a>
-                  <a href="#" class="nav-link btn bg-light">Techonogy</a>
-                  <a href="#" class="nav-link btn bg-light">Fashion</a>
-                </div>
+                <div class="d-flex-gap flex-wrap all-tags">
+                  <a href="./blog.html" class="nav-link btn category-btn">Travel</a>
+                  <a href="./blog.html" class="nav-link btn category-btn">Food</a>
+                  <a href="./blog.html" class="nav-link btn category-btn">Lifestyle</a>
+                  <a href="./blog.html" class="nav-link btn category-btn">Technology</a>
+                  <a href="./blog.html" class="nav-link btn category-btn">Fashion</a>
+                 
               </div>
-    
-              <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
-    
+              
+              </div>
+              <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
               <div class="tags social" id="contact">
-                <div class="d-flex-gap flex-wrap">
-                  <a href="https://www.facebook.com/" id="facebook" class="nav-link btn bg-light"><i class="fab fa-facebook-f"></i></a>
-                  <a href="https://www.x.com/" id="twitter" class="nav-link btn bg-light"><i class="fa-brands fa-twitter"></i></a>
-                  <a href="https://www.instagram.com/"  id="instagram" class="nav-link btn bg-light"><i class="fab fa-instagram"></i></a>
-                  <a href="https://dribbble.com/" id="dribbble" class="nav-link btn bg-light"><i class="fab fa-dribbble"></i></a>
-                  <a href="https://github.com/ANSHIKA-26?tab=overview&from=2022-12-01&to=2022-12-31" id="github" target="_blank" " class="nav-link btn bg-light"
-                  ><i class="fa-brands fa-github"></i></a>
-                </div>
+                  <div class="d-flex-gap flex-wrap">
+                      <a href="https://www.facebook.com/" id="facebook" class="nav-link btn bg-light">
+                          <i class="fab fa-facebook-f"></i>
+                         
+                      </a>
+                      <a href="https://x.com/" id="twitter1" class="nav-link1 btn bg-light">
+                        <i class="fa-brands fa-x-twitter" style="font-weight: 600; color: black;"></i>
+                      </a>
+                      <a href="https://www.instagram.com/" id="instagram" class="nav-link btn bg-light">
+                          <i class="fab fa-instagram"></i>
+                      </a>
+                      <a href="https://dribbble.com/" id="dribbble" class="nav-link btn bg-light">
+                          <i class="fab fa-dribbble"></i>
+                      </a>
+                      <a href="https://github.com/ANSHIKA-26?tab=overview&from=2022-12-01&to=2022-12-31" id="github" target="_blank"
+                         class="nav-link btn bg-light">
+                          <i class="fab fa-github"></i>
+                      </a>
+                  </div>
               </div>
-    
-            </div>
-          </div>
-    
-    
-        </div>
-        <!-- the authentication copyright -->
-        <div class="wordwise-footer">
-          <div class="wordwise-footer-content">
-            <p>&copy; <span id="current-year"></span> WordWise. All rights reserved.</p>
           </div>
-        </div>
-    
-      </footer>
+      </div>
+  </div>
+  <!-- the authentication copyright -->
+  <div class="wordwise-footer">
+      <div class="wordwise-footer-content">
+          <p>
+              &copy; <span id="current-year"></span> WordWise. All rights
+              reserved.
+          </p>
+      </div>
+  </div>
+</footer>
       
   </div>
   <div class="gtranslate_wrapper"></div>
@@ -419,6 +427,11 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
 <div id="back-to-top" class="back-to-top">
   <i class="fas fa-arrow-up"></i>
 </div>
+<style>
+  .all-tags .nav-link{
+    margin:10px;
+  }
+</style>
 
 <style>
     body{
@@ -466,6 +479,7 @@ <h2 class="footer-title secondary-title mt-2">Connect with us</h2>
     });
   });
 </script>
+
 <script src="script.js"></script>
 <script src="main.js"></script>
 </body>
diff --git a/style.css b/style.css
index 126791e..0acc5f0 100644
--- a/style.css
+++ b/style.css
@@ -2699,8 +2699,8 @@ h1 {
   background-color: #e1306c;
 }
 #twitter:hover{
-  color: white;
-  background-color: #14171A;
+  color: black;
+  background-color: white;
 }
 #github:hover{
   color: white;
@@ -3825,10 +3825,10 @@ h1 + p, p + p {
   font-size: 20px; /* Adjust icon size */
   padding: 0;
 }
-#twitter:hover{
+/* #twitter:hover{
   color: white;
   background-color: #14171A;
-}
+} */
 
 /* Responsive Design */
 @media (max-width: 768px) {

From 90c88733620bb8abda8174cdbe083187fef886ee Mon Sep 17 00:00:00 2001
From: shivam8112005 <shivamshukla8112005@gmail.com>
Date: Thu, 14 Nov 2024 00:03:16 +0530
Subject: [PATCH 2/2] added complete uniform footer to my reading list page

---
 bookmarks.html | 43 ++++++++++++++++++++++++-------------------
 style.css      |  4 ++--
 2 files changed, 26 insertions(+), 21 deletions(-)

diff --git a/bookmarks.html b/bookmarks.html
index 8a47273..ef848b0 100644
--- a/bookmarks.html
+++ b/bookmarks.html
@@ -10,6 +10,12 @@
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
     integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
     crossorigin="anonymous" referrerpolicy="no-referrer" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"
+    integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw=="
+    crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
+    integrity="sha384-k6RqeWeci5ZR/Lv4MR0sA0FfDOM23A9ne1mDRAjlGZ/mZTxC1en0R3B0e5nt/q4U" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
   <!--swiper slider css-->
   <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
 
@@ -386,25 +392,24 @@ <h2 class="footer-title secondary-title">Popular Tags</h2>
               </div>
               <h2 class="footer-title secondary-title mt-5">Connect with us</h2>
               <div class="tags social" id="contact">
-                  <div class="d-flex-gap flex-wrap">
-                      <a href="https://www.facebook.com/" id="facebook" class="nav-link btn bg-light">
-                          <i class="fab fa-facebook-f"></i>
-                         
-                      </a>
-                      <a href="https://x.com/" id="twitter1" class="nav-link1 btn bg-light">
-                        <i class="fa-brands fa-x-twitter" style="font-weight: 600; color: black;"></i>
-                      </a>
-                      <a href="https://www.instagram.com/" id="instagram" class="nav-link btn bg-light">
-                          <i class="fab fa-instagram"></i>
-                      </a>
-                      <a href="https://dribbble.com/" id="dribbble" class="nav-link btn bg-light">
-                          <i class="fab fa-dribbble"></i>
-                      </a>
-                      <a href="https://github.com/ANSHIKA-26?tab=overview&from=2022-12-01&to=2022-12-31" id="github" target="_blank"
-                         class="nav-link btn bg-light">
-                          <i class="fab fa-github"></i>
-                      </a>
-                  </div>
+                <div class="d-flex-gap flex-wrap">
+                  <a href="https://www.facebook.com/" id="facebook" class="nav-link btn bg-light">
+                      <i class="fab fa-facebook-f"></i>
+                  </a>
+                  <a href="https://x.com/" id="twitter" class="nav-link btn bg-light">
+                      <i class="fa-brands fa-x-twitter"></i>
+                  </a>
+                  <a href="https://www.instagram.com/" id="instagram" class="nav-link btn bg-light">
+                      <i class="fab fa-instagram"></i>
+                  </a>
+                  <a href="https://dribbble.com/" id="dribbble" class="nav-link btn bg-light">
+                      <i class="fab fa-dribbble"></i>
+                  </a>
+                  <a href="https://github.com/ANSHIKA-26?tab=overview&from=2022-12-01&to=2022-12-31" id="github" target="_blank"
+                     class="nav-link btn bg-light">
+                      <i class="fab fa-github"></i>
+                  </a>
+              </div>
               </div>
           </div>
       </div>
diff --git a/style.css b/style.css
index 0acc5f0..8052f42 100644
--- a/style.css
+++ b/style.css
@@ -2699,8 +2699,8 @@ h1 {
   background-color: #e1306c;
 }
 #twitter:hover{
-  color: black;
-  background-color: white;
+  color: white;
+  background-color: black;
 }
 #github:hover{
   color: white;