From 3dbd26cb34504b60bf8e8f04df0800e7c9227006 Mon Sep 17 00:00:00 2001
From: Harjas Singh <83627055+harjasae2001@users.noreply.github.com>
Date: Sun, 27 Oct 2024 20:07:04 +0530
Subject: [PATCH] Update font-awesome version and fix social media icons

---
 blog.html              |  4 ++--
 gaming_chronicles.html | 50 ++++--------------------------------------
 style.css              |  1 -
 3 files changed, 6 insertions(+), 49 deletions(-)

diff --git a/blog.html b/blog.html
index 8fa06d41..53b3d69e 100644
--- a/blog.html
+++ b/blog.html
@@ -20,7 +20,7 @@
   <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"> -->
   <link rel="stylesheet" href="style.css">
   <link rel="stylesheet" href="Scroll_and_progressbar.css">
-
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
 
 
@@ -473,7 +473,7 @@ <h3 class="text-dark">Amy Tan</h3>
             <div class="post-tags d-flex flex-wrap justify-content-center">
               <a href="#" id="facebook" class="nav-link btn bg-light"><i class="fa-brands fa-facebook"></i></a>
               <a href="#" id="instagram" class="nav-link btn bg-light"><i class="fa-brands fa-instagram"></i></a>
-              <a href="#" id="twitter" class="nav-link btn bg-light"><i class="fa-brands fa-twitter"></i></a>
+              <a href="#" id="twitter" class="nav-link btn bg-light"><i class="fa-brands fa-x-twitter"></i></a>
               <a href="#" id="dribbble" class="nav-link btn bg-light"><i class="fa-brands 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>
diff --git a/gaming_chronicles.html b/gaming_chronicles.html
index 70841205..3a76d188 100644
--- a/gaming_chronicles.html
+++ b/gaming_chronicles.html
@@ -19,7 +19,7 @@
   <!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/css/bootstrap.min.css" rel="stylesheet"> -->
   <link rel="stylesheet" href="style.css">
   <link rel="stylesheet" href="Scroll_and_progressbar.css">
-  
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  
 
 
@@ -483,7 +483,7 @@ <h3 class="text-dark">Krish Patel</h3>
             <div class="post-tags d-flex flex-wrap justify-content-center">
               <a href="#" id="facebook" class="nav-link btn bg-light"><i class="fa-brands fa-facebook"></i></a>
               <a href="#" id="instagram" class="nav-link btn bg-light"><i class="fa-brands fa-instagram"></i></a>
-              <a href="#" id="twitter" class="nav-link btn bg-light"><i class="fa-brands fa-twitter"></i></a>
+              <a href="#" id="twitter" class="nav-link btn bg-light"><i class="fa-brands fa-x-twitter"></i></a>
               <a href="#" id="dribbble" class="nav-link btn bg-light"><i class="fa-brands 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>
@@ -1330,55 +1330,13 @@ <h2 class="footer-title secondary-title mt-2">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 social-link"><i class="fab fa-facebook-f"></i></a>
-              <a href="https://www.x.com/" id="twitter" class="nav-link btn bg-light social-link"><i class="fa-brands fa-twitter
+              <a href="https://www.x.com/" id="twitter" class="nav-link btn bg-light social-link"><i class="fa-brands fa-x-twitter
                 "></i></a>
               <a href="https://www.instagram.com/"  id="instagram" class="nav-link btn bg-light social-link"><i class="fab fa-instagram"></i></a>
               <a href="https://dribbble.com/" id="dribbble" class="nav-link btn bg-light social-link"><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 social-link"
               ><i class="fa-brands fa-github"></i></a>
-              <style>
-                
-                .social-link{
-                    transition: 0.5s ease-in !important;
-                }
-                #facebook {
-                    background-color: #f0f0f0; /* Default light background */
-                    color: #3b5998; /* Default Facebook blue for the icon */
-                    transition: background-color 0.3s ease, color 0.3s ease;
-                }
-                #facebook:hover {
-                    background-color: #3b5998; /* Facebook blue on hover */
-                    color: #ffffff; /* White icon on hover */
-                }
-               
-                #twitter {  
-                    color: #010a10; /* Default X blue for the icon */
-                    transition: background-color 0.3s ease, color 0.3s ease;
-                }
-                #instagram {
-                    background-color: #f0f0f0; /* Default light background */
-                    color: #e1306c; /* Default Instagram pink for the icon */
-                    transition: background-color 0.3s ease, color 0.3s ease;
-                }
-
-                #instagram:hover {
-                    background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); /* Instagram gradient */
-                    color: #ffffff; /* White icon on hover */
-                }
-                
-                
-                #dribbble{
-                    background-color: #f0f0f0; /* Default light background */
-                    color: #ea4c89; /* Default Dribbble pink for the icon */
-                    transition: background-color 0.3s ease, color 0.3s ease;
-                }
-
-                #dribbble:hover {
-                    background-color: #ea4c89; /* Dribbble pink on hover */
-                    color: #ffffff; /* White icon on hover */
-                }
-
-              </style>
+              
             </div>
           </div>
 
diff --git a/style.css b/style.css
index 4b5b45c5..428d260e 100644
--- a/style.css
+++ b/style.css
@@ -397,7 +397,6 @@ html, body {
 
 
 body.dark-mode footer a{
- background-color: #333;
   color: #f2dede;
 }