Merge pull request #2233 from mansi066/apply-patch-1

Improve the visibility of social media icon in dark mode
iamrahulmahato · Nov 8, 2024 · d1c0d12 · d1c0d12
2 parents c95e0a0 + d969172
commit d1c0d12
Show file tree

Hide file tree

Showing 3 changed files with 29 additions and 21 deletions.
diff --git a/footer.css b/footer.css
@@ -305,14 +305,18 @@ footer {
 }
 
 .gridbox {
-  list-style: none; /* Remove bullet points */
-  padding: 0; /* Remove default padding */
-  display: grid; /* Use grid for layout */
-  grid-template-columns: repeat(
-    auto-fit,
-    minmax(150px, 1fr)
-  ); /* Responsive columns */
-  gap: 15px; /* Space between items */
+  list-style: none;
+    padding: 0;
+    display: flex;
+    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+    gap: 10px;
+    /* margin-left: 96px; */
+    /* margin-top: 30px; */
+    flex-wrap: wrap;
+    flex-direction: row;
+    align-content: flex-end;
+    justify-content: center;
+    align-items: flex-start;
 }
 
 .gridbox li {
@@ -340,9 +344,14 @@ footer {
 
 .social-media a {
     margin: 0 10px; /* Adjusts horizontal spacing between icons */
-    color: white; /* Change color as needed */
+    color: #030202;/* Change color as needed */
     text-decoration: none; /* Removes underline from links */
 }
+[data-theme="dark"] .social-media a {
+  margin: 0 10px; /* Adjusts horizontal spacing between icons */
+  color: #fff;/* Change color as needed */
+  text-decoration: none; /* Removes underline from links */
+}
 
 .social-media a:hover {
     color: #007bff; /* Change color on hover */

diff --git a/index.html b/index.html
@@ -5506,7 +5506,7 @@ <h3 class="faq-question">Where can I find the source code?</h3>
 
 
     <!-- Bottom Links Section -->
-    <!-- <ul class="gridbox">
+    <ul class="gridbox">
         <li><a href="#">Help Centre</a></li>
         <li><a href="./welcometestimonials.html">Testimonials</a></li>
         <li><a href="#">Account</a></li>
@@ -5516,24 +5516,23 @@ <h3 class="faq-question">Where can I find the source code?</h3>
         <li><a href="#">Cookie Preferences</a></li>
         <li><a href="./contact.html">Contact Us</a></li>
 
-    </ul> -->
+    </ul> 
 
     <!-- Social Media Icons -->
-    <!-- <div class="social-media">
+    <div class="social-media">
         <a class="spaced-item" href="https://www.facebook.com" target="_blank"><i class="fab fa-facebook-f"></i></a>
         <a class="spaced-item" href="https://www.twitter.com" target="_blank"><i class="fab fa-twitter"></i></a>
         <a class="spaced-item" href="https://www.instagram.com" target="_blank"><i class="fab fa-instagram"></i></a>
         <a class="spaced-item" href="https://www.linkedin.com" target="_blank"><i class="fab fa-linkedin-in"></i></a>
         <a class="spaced-item" href="https://www.pinterest.com" target="_blank"><i class="fab fa-pinterest"></i></a>
         <a class="spaced-item" href="https://www.snapchat.com" target="_blank"><i class="fab fa-snapchat-ghost"></i></a>
         <a class="spaced-item" href="https://www.github.com" target="_blank"><i class="fab fa-github"></i></a>
-    </div> -->
-
+    </div>
 
     <!-- Footer Bottom -->
-    <!-- <div class="footer-bottom">
+    <div class="footer-bottom">
         <p>© 2024 Open Projects. All Rights Reserved.</p>
-    </div> -->
+    </div> 
 
 </footer>
 

diff --git a/projects/BookVerse/index.html b/projects/BookVerse/index.html
@@ -48,19 +48,19 @@ <h6>Genre:</h6>
         <h3>Popular books of 2024</h3>
         <div class="row">
             <div class="col">
-                <img src="images/book1.png" alt="">
+              <a href="https://en.wikipedia.org/wiki/Funny_Story_(novel)">  <img src="images/book1.png" alt=""></a>
             </div>
             <div class="col">
-                <img src="images/book2.png" alt="">
+                <a href="https://en.wikipedia.org/wiki/Reckless"></a> <img src="images/book2.png" alt=""></a>
             </div>
             <div class="col">
-                <img src="images/book3.png" alt="">
+                <a href="https://www.goodreads.com/book/show/199698485-the-god-of-the-woods">  <img src="images/book3.png" alt=""></a>
             </div>
             <div class="col">
-                <img src="images/book4.png" alt="">
+                <a href="https://en.wikipedia.org/wiki/None_of_This_Is_True">  <img src="images/book4.png" alt=""></a>
             </div>
             <div class="col">
-                <img src="images/book5.png" alt="">
+                <a href="https://www.goodreads.com/book/show/127279000-listen-for-the-lie">  <img src="images/book5.png" alt=""></a>
             </div>
         </div>
     </div>