Skip to content

Commit

Permalink
Update font-awesome version and fix social media icons
Browse files Browse the repository at this point in the history
  • Loading branch information
@harjasae2001
harjasae2001 committed Oct 27, 2024
1 parent a0dd5c8 commit 3dbd26c
Show file tree
Hide file tree
Showing 3 changed files with 6 additions and 49 deletions.
4 changes: 2 additions & 2 deletions blog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/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" />



Expand Down Expand Up @@ -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>
Expand Down
50 changes: 4 additions & 46 deletions gaming_chronicles.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@
<!-- <link href="https://cdn.jsdelivr.net/npm/[email protected]/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" />



Expand Down Expand Up @@ -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>
Expand Down Expand Up @@ -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>

Expand Down
1 change: 0 additions & 1 deletion style.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -397,7 +397,6 @@ html, body {


body.dark-mode footer a{
background-color: #333;
color: #f2dede;
}

Expand Down

0 comments on commit 3dbd26c

Please sign in to comment.