From 2d32a58baa13cce5e84e6557e826dde79394a497 Mon Sep 17 00:00:00 2001
From: Dhrubaraj Pati <patidhrubaraj@gmail.com>
Date: Thu, 5 Jun 2025 23:21:50 +0530
Subject: [PATCH 1/3] enhance: Learn more Button and smooth hover effect

---
 pages/events.html | 12 ++++++------
 styles/events.css | 48 ++++++++++++++++++++++++++++++++++++-----------
 2 files changed, 43 insertions(+), 17 deletions(-)

diff --git a/pages/events.html b/pages/events.html
index e9895316..dda6a1b1 100644
--- a/pages/events.html
+++ b/pages/events.html
@@ -76,14 +76,14 @@ <h1 class="main-heading">Events Timeline</h1>
               allowfullscreen></iframe>
           </div>
 
-          <h2 class="event-title">GitHub Profile Review Live Session</h2>
+          <h2 class="event-title">GitHub Profile Review Live Session : 1</h2>
           <p class="event-date">Date: 18 Jul 2024</p>
           <p class="event-description">Session Highlights:
             🔍 Live GitHub Profile Reviews: Get feedback on your GitHub profile.
             💡 Tips to Enhance Your GitHub: Learn valuable tips and tricks to make your profile stand out.
 
           </p>
-          <a href="#" class="event-link">Learn More</a>
+          <a href="https://youtube.com/@recodehive?si=ZcOHiLlFBaO_N6nH" class="event-link">Learn More</a>
         </div>
         <div class="line line--left scroll-animate " id="scroll1"></div>
 
@@ -95,12 +95,12 @@ <h2 class="event-title">GitHub Profile Review Live Session</h2>
             <iframe width="100%" height="315" src="https://www.youtube.com/embed/Rm2lT9j6VxQ?start=522" frameborder="0"
               allowfullscreen></iframe>
           </div>
-          <h2 class="event-title">GitHub Profile Review Live Session : #2</h2>
+          <h2 class="event-title">GitHub Profile Review Live Session : 2</h2>
           <p class="event-date">Date: 21 Jul 2024</p>
           <p class="event-description">Session Highlights:
             🔍 Live GitHub Profile Reviews: Get feedback on your GitHub profile.
             💡 Tips to Enhance Your GitHub: Learn valuable tips and tricks to make your profile stand out.</p>
-          <a href="#" class="event-link">Learn More</a>
+          <a href="https://youtube.com/@recodehive?si=ZcOHiLlFBaO_N6nH" class="event-link">Learn More</a>
         </div>
         <div class="line line--right scroll-animate" id="scroll2"></div>
 
@@ -113,12 +113,12 @@ <h2 class="event-title">GitHub Profile Review Live Session : #2</h2>
             <iframe width="100%" height="315" src="https://www.youtube.com/embed/rNF66FCLmYM?start=90" frameborder="0"
               allowfullscreen></iframe>
           </div>
-          <h2 class="event-title">GitHub Profile Review Live Session : #3</h2>
+          <h2 class="event-title">GitHub Profile Review Live Session : 3</h2>
           <p class="event-date">Date: 7 Aug 2024</p>
           <p class="event-description">Session Highlights:
             🔍 Live GitHub Profile Reviews: Get feedback on your GitHub profile.
             💡 Tips to Enhance Your GitHub: Learn valuable tips and tricks to make your profile stand out.</p>
-          <a href="#" class="event-link">Learn More</a>
+          <a href="https://youtube.com/@recodehive?si=ZcOHiLlFBaO_N6nH" class="event-link">Learn More</a>
         </div>
         <div class="line line--left scroll-animate" id="scroll3"></div>
 
diff --git a/styles/events.css b/styles/events.css
index 240aeef6..93ee278a 100644
--- a/styles/events.css
+++ b/styles/events.css
@@ -60,7 +60,7 @@
   padding: 20px 30px;
   background-color: #fff;
   position: relative;
-  border-radius: 6px;
+  border-radius: 10px;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }
 
@@ -105,17 +105,43 @@
 }
 
 .event-link {
-  display: inline-block;
-  background-color: #333;
-  color: #fff;
-  padding: 8px 15px;
-  border-radius: 4px;
+  background-color: #ffffff;
+  color: #1d1c1c;
+  padding: 12px 28px;
+  border: none;
+  border-radius: 100px;
+  font-size: 16px;
+  font-weight: 600;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
   text-decoration: none;
-  transition: background-color 0.3s;
+  display: inline-block;
+  position: relative;
+  overflow: hidden;
+  z-index: 1;
+}
+
+.event-link::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -100%;
+  width: 100%;
+  height: 100%;
+  background: linear-gradient(120deg, #ff416c, #ff4b2b);
+  transition: all 0.3s ease;
+  z-index: -1;
+  border: none;
+}
+
+.event-link:hover::before {
+  left: 0;
 }
 
 .event-link:hover {
-  background-color: #555;
+  color: #ffffff;
+  transform: scale(1.05);
 }
 
 /* Dark mode styles */
@@ -150,12 +176,12 @@ body.dark-mode .event-date {
 }
 
 body.dark-mode .event-link {
-  background-color: #f0f0f0;
-  color: #333;
+  background-color: #e7e9eb;
+  color: #201f1f;
 }
 
 body.dark-mode .event-link:hover {
-  background-color: #ccc;
+  background-color: #ffffff;
 }
 
 body.dark-mode .navbar-text {

From 40ff7d0315e5a884e133d1cf633bf043bafe427c Mon Sep 17 00:00:00 2001
From: Dhrubaraj Pati <patidhrubaraj@gmail.com>
Date: Sun, 8 Jun 2025 20:05:29 +0530
Subject: [PATCH 2/3] improve: hover effects on the social media icons in the
 footer section

issue: #1387
Co-Authored-By: Sanjay Viswanathan <sanjay@recodehive.com>
---
 pages/compare.html | 236 +++++++++++++++++++++++----------------------
 pages/events.html  | 103 ++++++++++----------
 pages/faq.html     | 128 ++++++++++--------------
 styles/faq.css     |  20 ++--
 4 files changed, 234 insertions(+), 253 deletions(-)

diff --git a/pages/compare.html b/pages/compare.html
index bde3a92b..fc971790 100644
--- a/pages/compare.html
+++ b/pages/compare.html
@@ -280,7 +280,7 @@
 
 .footer-description {
   flex: 1 1 300px;
-  max-width: 300px;
+  max-width: 450px;
   margin-right: 30px;
 }
 
@@ -567,125 +567,127 @@ <h2>Contributor Comparison</h2>
     </div>
 
     <footer id="Contact" class="footer-2">
-      <div class="footer-container">
-          <div class="footer-content">
-              <div class="footer-info">
-                  <a href="#">
-                    <img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo">
+    <div class="footer-container">
+        <div class="footer-content">
+            <div class="footer-info">
+                <a href="#"><img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo"></a>
+                
+                 <!-- Social Media Icons -->
+                 <div class="social-media-icons">
+                  <a href="https://github.com/sanjay-kv" target="_blank" aria-label="GitHub" data-social="github">
+                      <i class="fab fa-github"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://stream.recodehive.com/github" target="_blank" aria-label="YouTube" data-social="youtube">
+                      <i class="fab fa-youtube footer-youtube-icon"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://www.linkedin.com/in/sanjay-k-v/" target="_blank" aria-label="LinkedIn" data-social="linkedin">
+                      <i class="fab fa-linkedin-in footer-linkedin-icon"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://twitter.com/sanjay_kv_" target="_blank" aria-label="Twitter" data-social="twitter">
+                      <i class="fab fa-twitter footer-twitter-icon"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://www.facebook.com/sanjay.k.viswanathan/" target="_blank" aria-label="Facebook" data-social="facebook">
+                      <i class="fab fa-facebook-f footer-facebook-icon"></i>
+                      <div class="filled"></div>
                   </a>
-  
-                  <!-- Social Media Icons -->
-                  <div class="social-media-icons">
-                      <a href="https://github.com/sanjay-kv" target="_blank" aria-label="GitHub" data-social="github">
-                          <i class="fab fa-github"></i>
-                          <div class="filled"></div>
-                      </a>
-                      <a href="https://stream.recodehive.com/github" target="_blank" aria-label="YouTube" data-social="youtube">
-                          <i class="fab fa-youtube"></i>
-                          <div class="filled"></div>
-                      </a>
-                      <a href="https://www.linkedin.com/in/sanjay-k-v/" target="_blank" aria-label="LinkedIn" data-social="linkedin">
-                          <i class="fab fa-linkedin-in"></i>
-                          <div class="filled"></div>
-                      </a>
-                      <a href="https://twitter.com/sanjay_kv_" target="_blank" aria-label="Twitter" data-social="twitter">
-                          <i class="fab fa-twitter"></i>
-                          <div class="filled"></div>
-                      </a>
-                      <a href="https://www.facebook.com/sanjay.k.viswanathan/" target="_blank" aria-label="Facebook" data-social="facebook">
-                          <i class="fab fa-facebook-f"></i>
-                          <div class="filled"></div>
-                      </a>
-                  </div>
-                  <!-- End of Social Media Icons -->
-              </div>
-              
-              <div class="footer-links">
-                  <div class="footer-section">
-                      <h6 class="footer-heading">ABOUT RECODE-HIVE</h6>
-                      <a href="pages/help.html" class="footer-link">Contact Us</a>
-                      <a href="https://github.com/recodehive/awesome-github-profiles/blob/main/CODE_OF_CONDUCT.md" class="footer-link">Code of Conduct</a>
-                      <a href="pages/faq.html" class="footer-link">FAQ's</a>
-                  </div>
-                  <div class="footer-section">
-                      <h6 class="footer-heading">GET INVOLVED</h6>
-                      <a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&amp;projects=&amp;template=add_profile.md&amp;title=Add+Profile%3A+" class="footer-link">Add Your Profile</a>
-                      <a href="https://github.com/recodehive/Support/issues/new?assignees=&labels=invite+me+to+the+community&amp;projects=&template=invitation.yml&amp;title=Please+invite+me+to+the+Recode-Hive+GitHub+Community+Organization" class="footer-link">Join the Organization</a>
-                      <a href="./pages/events.html" class="footer-link">Events</a>
-                  </div>
-              </div>
-  
-              <div class="footer-description">
-                  <h5>We focus on quality content for the right people at the right time⏱. What we are trying to do is help you
-                      brand personal skills through GitHub readme.md, listing the best profiles, and giving you the opportunity to
-                      list your profile to the world 🌎.</h5>
-                  <a href="https://stream.recodehive.com/github" class="footer-button">Explore</a>
               </div>
-          </div>
-      </div>
-  
-      <div class="footer-bottom">
-          <div class="footer-container">
-              <p class="footer-copyright">
-                  © <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights reserved.
-              </p>
-          </div>
-      </div>
-  </footer>
-  
-  <style>
-      .footer-info {
-          display: flex;
-          flex-direction: column;
-          align-items: center;
-      }
-  
-      .social-media-icons {
-          display: flex;
-          justify-content: center;
-          margin-top: 10px;
-      }
-  
-      .social-media-icons a {
-          margin: 0 15px;
-          text-decoration: none;
-          color: #000;
-          position: relative;
-          transition: transform 0.3s, background-color 0.3s;
-      }
-  
-      .social-media-icons a i {
-          font-size: 24px;
-      }
-  
-      .social-media-icons a .filled {
-          position: absolute;
-          top: 0;
-          left: 0;
-          right: 0;
-          bottom: 0;
-          background-color: transparent;
-          transition: background-color 0.3s;
-          border-radius: 50%;
-      }
-  
-      .social-media-icons a:hover {
-          transform: rotate(20deg);
-      }
-  
-      .social-media-icons a:hover .filled {
-          background-color: rgba(0, 0, 0, 0.1);
-      }
-  
-      .footer-links {
-          text-align: left;
-          margin-top: 20px;
-      }
+              <!-- End of Social Media Icons -->
+            </div>
+            <div class="footer-links" style="text-align: left;">
+                <div class="footer-section">
+                    <h6 class="footer-heading">ABOUT RECODE-HIVE</h6>
+                    <div>
+                        <a href="pages/help.html" class="footer-link">Contact Us</a>
+                        <a href="https://github.com/recodehive/awesome-github-profiles/blob/main/CODE_OF_CONDUCT.md" class="footer-link">Code of Conduct</a>
+                        <a href="pages/faq.html" class="footer-link">FAQ's</a>
+                    </div>
+                </div>
+                <div class="footer-section">
+                    <h6 class="footer-heading">GET INVOLVED</h6>
+                    <div>
+                        <a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&amp;labels=%E2%9E%95+profile&amp;projects=&amp;template=add_profile.md&amp;title=Add+Profile%3A+" class="footer-link">Add Your Profile</a>
+                        <a href="https://github.com/recodehive/Support/issues/new?assignees=&amp;labels=invite+me+to+the+community&amp;projects=&amp;template=invitation.yml&amp;title=Please+invite+me+to+the+Recode-Hive+GitHub+Community+Organization" class="footer-link">Join the Organization</a>
+                        <a href="./pages/events.html" class="footer-link">Events</a>
+                    </div>
+                </div>
+            </div>
+            <div class="footer-description">
+                <h5>We focus on quality content for the right people at the right time. What we are trying to do is help you
+                    brand personal skills through GitHub readme.md, listing the best profiles, and giving you the opportunity to
+                    list your profile to the world.</h5>
+                <a href="https://stream.recodehive.com/github" class="footer-button">Explore</a>
+            </div>
+        </div>
+    </div>
+
+    <div class="footer-bottom">
+    <p>© <span id="dynamic-year">2025</span> Recode-Hive. Made with 🖤 by the 
+      <a href="https://github.com/recodehive/awesome-github-profiles" target="_blank" rel="noopener noreferrer" class="no-underline">community</a>. All rights reserved.
+    </p>
+  </div>
+</footer>
+
+<script>
+    document.getElementById("dynamic-year").textContent = new Date().getFullYear();
+  </script>
   
-      .footer-section {
-          margin-bottom: 15px;
-      }
-  </style>
+ <style>
+    .footer-info {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .social-media-icons {
+        display: flex;
+        justify-content: center;
+        margin-top: 10px;
+    }
+
+    .social-media-icons a {
+        margin: 0 15px;
+        text-decoration: none;
+        color: #000;
+        position: relative;
+        transition: transform 0.3s, background-color 0.3s;
+    }
+
+    .social-media-icons a i {
+        font-size: 24px;
+    }
+
+    .social-media-icons a .filled {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: transparent;
+        transition: background-color 0.3s;
+        border-radius: 50%;
+    }
+
+    .social-media-icons a:hover {
+        transform: rotate(20deg);
+    }
+
+    .social-media-icons a:hover .filled {
+        background-color: rgba(0, 0, 0, 0.1);
+    }
+
+    .footer-links {
+        text-align: left;
+        margin-top: 20px;
+    }
+
+    .footer-section {
+        margin-bottom: 15px;
+    }
+</style>
   
 
     <!-- Scroll to top -->
diff --git a/pages/events.html b/pages/events.html
index dda6a1b1..ac482615 100644
--- a/pages/events.html
+++ b/pages/events.html
@@ -135,13 +135,30 @@ <h2 class="event-title">GitHub Profile Review Live Session : 3</h2>
                 <a href="../index.html" style="text-decoration: none; color: #333;">
                     <img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo">
                 </a>
-                <div class="social-media-links">
-                    <a href="https://facebook.com/recodehive" target="_blank" class="social-icon"><i class="fab fa-facebook-f"></i></a>
-                    <a href="https://twitter.com/recodehive" target="_blank" class="social-icon"><i class="fab fa-twitter"></i></a>
-                    <a href="https://instagram.com/recodehive" target="_blank" class="social-icon"><i class="fab fa-instagram"></i></a>
-                    <a href="https://linkedin.com/company/recodehive" target="_blank" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
-                    <a href="https://github.com/recodehive" target="_blank" class="social-icon"><i class="fab fa-github"></i></a>
-                </div>
+                <!-- Social Media Icons -->
+                 <div class="social-media-icons">
+                  <a href="https://github.com/sanjay-kv" target="_blank" aria-label="GitHub" data-social="github">
+                      <i class="fab fa-github"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://stream.recodehive.com/github" target="_blank" aria-label="YouTube" data-social="youtube">
+                      <i class="fab fa-youtube footer-youtube-icon"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://www.linkedin.com/in/sanjay-k-v/" target="_blank" aria-label="LinkedIn" data-social="linkedin">
+                      <i class="fab fa-linkedin-in footer-linkedin-icon"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://twitter.com/sanjay_kv_" target="_blank" aria-label="Twitter" data-social="twitter">
+                      <i class="fab fa-twitter footer-twitter-icon"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://www.facebook.com/sanjay.k.viswanathan/" target="_blank" aria-label="Facebook" data-social="facebook">
+                      <i class="fab fa-facebook-f footer-facebook-icon"></i>
+                      <div class="filled"></div>
+                  </a>
+              </div>
+              <!-- End of Social Media Icons -->
             </div>
 
             <div class="footer-links">
@@ -165,7 +182,7 @@ <h6 class="footer-heading">GET INVOLVED</h6>
 
             <div class="footer-description">
                 <h5>
-                  We focus on quality content for the right people at the right time⏱. What we are trying to do is help you brand personal skills through GitHub readme.md, listing the best profiles, and giving you the opportunity to list your profile to the world 🌎.
+                  We focus on quality content for the right people at the right time. What we are trying to do is help you brand personal skills through GitHub readme.md, listing the best profiles, and giving you the opportunity to list your profile to the world.
                 </h5>
                 <a href="exploremore.html" class="footer-button">Explore</a>
             </div>
@@ -173,13 +190,10 @@ <h5>
     </div>
 
     <div class="footer-bottom">
-        <div class="footer-container">
-            <p class="footer-copyright">
-                © <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights
-                reserved.
-            </p>
-        </div>
-    </div>
+    <p>© <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the 
+      <a href="https://github.com/recodehive/awesome-github-profiles" target="_blank" rel="noopener noreferrer" class="no-underline">community</a>. All rights reserved.
+    </p>
+  </div>
 
     <script>
         document.getElementById("dynamic-year").textContent = new Date().getFullYear();
@@ -191,46 +205,22 @@ <h5>
 
 <!-- Custom CSS for social icons -->
 <style>
-    .social-media-links {
-        margin-top: 10px;
-        display: flex;
-        gap: 15px;
-    }
-
-    .social-icon {
-        font-size: 2rem; /* Increased icon size */
-        color: #333; /* Default color */
-        transition: transform 0.3s ease, color 0.3s ease; /* Smooth transition for transform and color */
-    }
-
-    .social-icon:hover {
-        color: #007bff; /* Change color on hover */
-        transform: rotate(20deg); /* Rotate 20 degrees on hover */}
-</style>
-
-<style>
-    .footer-info {
+  .social-media-icons {
         display: flex;
-        flex-direction: column;
-        align-items: center; /* Center the logo and social icons */
-    }
-
-    .social-media-icons {
-        display: flex;
-        justify-content: center; /* Center the icons horizontally */
-        margin-top: 10px; /* Space between the logo and icons */
+        justify-content: center;
+        margin-top: 10px;
     }
 
     .social-media-icons a {
-        margin: 0 15px; /* Space between icons */
-        text-decoration: none; /* Remove underline */
-        color: #000; /* Default color */
-        position: relative; /* For positioning the filled effect */
-        transition: transform 0.3s, background-color 0.3s; /* Smooth transition for effects */
+        margin: 0 15px;
+        text-decoration: none;
+        color: #000;
+        position: relative;
+        transition: transform 0.3s, background-color 0.3s;
     }
 
     .social-media-icons a i {
-        font-size: 24px; /* Smaller icon size */
+        font-size: 24px;
     }
 
     .social-media-icons a .filled {
@@ -239,19 +229,26 @@ <h5>
         left: 0;
         right: 0;
         bottom: 0;
-        background-color: transparent; /* Initial background */
-        transition: background-color 0.3s; /* Smooth background color transition */
-        border-radius: 50%; /* Make it circular */
+        background-color: transparent;
+        transition: background-color 0.3s;
+        border-radius: 50%;
     }
 
     .social-media-icons a:hover {
-        transform: rotate(20deg); /* Hover rotation effect */
+        transform: rotate(20deg);
     }
 
     .social-media-icons a:hover .filled {
-        background-color: rgba(0, 0, 0, 0.1); /* Change background on hover */
+        background-color: rgba(0, 0, 0, 0.1);
     }
 
+     .footer-info {
+        display: flex;
+        flex-direction: column;
+        align-items: center; /* Center the logo and social icons */
+    }
+
+
     .footer-links {
         text-align: left; /* Align the links to the left */
         margin-top: 20px; /* Add spacing from above elements */
diff --git a/pages/faq.html b/pages/faq.html
index 53d20a58..d94146fd 100644
--- a/pages/faq.html
+++ b/pages/faq.html
@@ -327,28 +327,28 @@ <h2>Frequently Asked Questions</h2>
   <div class="footer-container">
       <div class="footer-content">
           <div class="footer-info">
-              <a href="#"><img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo"></a>
+              <img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo">
               
-              <!-- Social Media Icons below the logo -->
-              <div class="social-media-icons">
+              <!-- Social Media Icons -->
+                 <div class="social-media-icons">
                   <a href="https://github.com/sanjay-kv" target="_blank" aria-label="GitHub" data-social="github">
-                      <i class="fab fa-github" aria-hidden="true"></i>
+                      <i class="fab fa-github"></i>
                       <div class="filled"></div>
                   </a>
                   <a href="https://stream.recodehive.com/github" target="_blank" aria-label="YouTube" data-social="youtube">
-                      <i class="fab fa-youtube" aria-hidden="true"></i>
+                      <i class="fab fa-youtube footer-youtube-icon"></i>
                       <div class="filled"></div>
                   </a>
                   <a href="https://www.linkedin.com/in/sanjay-k-v/" target="_blank" aria-label="LinkedIn" data-social="linkedin">
-                      <i class="fab fa-linkedin-in" aria-hidden="true"></i>
+                      <i class="fab fa-linkedin-in footer-linkedin-icon"></i>
                       <div class="filled"></div>
                   </a>
                   <a href="https://twitter.com/sanjay_kv_" target="_blank" aria-label="Twitter" data-social="twitter">
-                      <i class="fab fa-twitter" aria-hidden="true"></i>
+                      <i class="fab fa-twitter footer-twitter-icon"></i>
                       <div class="filled"></div>
                   </a>
                   <a href="https://www.facebook.com/sanjay.k.viswanathan/" target="_blank" aria-label="Facebook" data-social="facebook">
-                      <i class="fab fa-facebook-f" aria-hidden="true"></i>
+                      <i class="fab fa-facebook-f footer-facebook-icon"></i>
                       <div class="filled"></div>
                   </a>
               </div>
@@ -375,45 +375,23 @@ <h6 class="footer-heading">GET INVOLVED</h6>
               </div>
           </div>
           <div class="footer-description">
-              <h5>We focus on quality content for the right people at the right time⏱. What we are trying to do is help you
+              <h5>We focus on quality content for the right people at the right time. What we are trying to do is help you
                   brand personal skills through GitHub readme.md, listing the best profiles, and giving you the opportunity to
-                  list your profile to the world 🌎.</h5>
+                  list your profile to the world.</h5>
               <a href="https://stream.recodehive.com/github" class="footer-button">Explore</a>
           </div>
       </div>
   </div>
 
-  <div class="footer-bottom">
-      <div class="footer-container">
-          <p class="footer-copyright">
-              © <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights reserved.
-          </p>
-          <!-- Social Media Icons in the footer-bottom -->
-          <div class="social-media-icons">
-              <a href="https://github.com/sanjay-kv" target="_blank" aria-label="GitHub" data-social="github">
-                  <i class="fab fa-github" aria-hidden="true"></i>
-                  <div class="filled"></div>
-              </a>
-              <a href="https://stream.recodehive.com/github" target="_blank" aria-label="YouTube" data-social="youtube">
-                  <i class="fab fa-youtube" aria-hidden="true"></i>
-                  <div class="filled"></div>
-              </a>
-              <a href="https://www.linkedin.com/in/sanjay-k-v/" target="_blank" aria-label="LinkedIn" data-social="linkedin">
-                  <i class="fab fa-linkedin-in" aria-hidden="true"></i>
-                  <div class="filled"></div>
-              </a>
-              <a href="https://twitter.com/sanjay_kv_" target="_blank" aria-label="Twitter" data-social="twitter">
-                  <i class="fab fa-twitter" aria-hidden="true"></i>
-                  <div class="filled"></div>
-              </a>
-              <a href="https://www.facebook.com/sanjay.k.viswanathan/" target="_blank" aria-label="Facebook" data-social="facebook">
-                  <i class="fab fa-facebook-f" aria-hidden="true"></i>
-                  <div class="filled"></div>
-              </a>
-          </div>
-          <!-- End of Social Media Icons -->
-      </div>
+    <div class="footer-bottom">
+    <p>© <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the 
+      <a href="https://github.com/recodehive/awesome-github-profiles" target="_blank" rel="noopener noreferrer" class="no-underline">community</a>. All rights reserved.
+    </p>
   </div>
+
+    <script>
+        document.getElementById("dynamic-year").textContent = new Date().getFullYear();
+    </script>
 </footer>
 
 <style>
@@ -424,41 +402,41 @@ <h5>We focus on quality content for the right people at the right time⏱. What
   }
 
   .social-media-icons {
-      display: flex;
-      justify-content: center; /* Center the icons horizontally */
-      margin-top: 10px; /* Space between the logo and icons */
-  }
-
-  .social-media-icons a {
-      margin: 0 15px; /* Space between icons */
-      text-decoration: none; /* Remove underline */
-      color: #000; /* Default color */
-      position: relative; /* For positioning the filled effect */
-      transition: transform 0.3s, background-color 0.3s; /* Smooth transition for effects */
-  }
-
-  .social-media-icons a i {
-      font-size: 24px; /* Smaller icon size */
-  }
-
-  .social-media-icons a .filled {
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background-color: transparent; /* Initial background */
-      transition: background-color 0.3s; /* Smooth background color transition */
-      border-radius: 50%; /* Make it circular */
-  }
-
-  .social-media-icons a:hover {
-      transform: rotate(20deg); /* Hover rotation effect */
-  }
-
-  .social-media-icons a:hover .filled {
-      background-color: rgba(0, 0, 0, 0.1); /* Change background on hover */
-  }
+        display: flex;
+        justify-content: center;
+        margin-top: 10px;
+    }
+
+    .social-media-icons a {
+        margin: 0 15px;
+        text-decoration: none;
+        color: #000;
+        position: relative;
+        transition: transform 0.3s, background-color 0.3s;
+    }
+
+    .social-media-icons a i {
+        font-size: 24px;
+    }
+
+    .social-media-icons a .filled {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: transparent;
+        transition: background-color 0.3s;
+        border-radius: 50%;
+    }
+
+    .social-media-icons a:hover {
+        transform: rotate(20deg);
+    }
+
+    .social-media-icons a:hover .filled {
+        background-color: rgba(0, 0, 0, 0.1);
+    }
 
   .footer-links {
       text-align: left; /* Align the links to the left */
diff --git a/styles/faq.css b/styles/faq.css
index f6b02bf2..23545330 100644
--- a/styles/faq.css
+++ b/styles/faq.css
@@ -24,7 +24,6 @@
 
 body.dark-mode .content-block{
   background-color: #333;
-
 }
 
 .main-heading {
@@ -113,7 +112,6 @@ body.dark-mode .step-box{
   background-color: #555;
   color: #fff;
 }
-
   .steps-clone {
     position: relative;
     display: flex;
@@ -121,11 +119,11 @@ body.dark-mode .step-box{
     flex-direction: column;
     justify-content: center;
   }
-  
   .steps-clone:tiny {
     position: static;
     display: block;
-  }.steps-clone {
+  }
+  .steps-clone {
     position: relative;
     display: flex;
     margin-top: 0px;
@@ -137,9 +135,6 @@ body.dark-mode .step-box{
     display: flex;
     justify-content: center;
     align-items: center;
-
-   
-
   }
   .text-block{
     padding: 50px;
@@ -151,7 +146,8 @@ body.dark-mode .step-box{
   .steps-clone:tiny {
     position: static;
     display: block;
-  }.dot {
+  }
+  .dot {
     z-index: 3;
     position: absolute;
     width: 12px;
@@ -184,6 +180,14 @@ body.dark-mode .step-box{
     align-items: center;
     align-content: center;
   }
+
+  .footer-logo {
+    width: auto;
+    height: 95px;
+    cursor: pointer;
+    padding-left: 20px;
+    padding-top: 40px;
+}
   
   @media only screen and (max-width:700px){
     .content-block {

From 5f8dda4d88acb630e70108dd4c1760c54dafc01a Mon Sep 17 00:00:00 2001
From: Dhrubaraj Pati <patidhrubaraj@gmail.com>
Date: Sun, 8 Jun 2025 20:14:15 +0530
Subject: [PATCH 3/3] update event styles

Co-Authored-By: Sanjay Viswanathan <sanjay@recodehive.com>
---
 styles/events.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/styles/events.css b/styles/events.css
index 93ee278a..4ce584f5 100644
--- a/styles/events.css
+++ b/styles/events.css
@@ -105,9 +105,9 @@
 }
 
 .event-link {
-  background-color: #ffffff;
-  color: #1d1c1c;
-  padding: 12px 28px;
+  background-color: #222121;
+  color: #fcfcfc;
+  padding: 10px 20px;
   border: none;
   border-radius: 100px;
   font-size: 16px;