In cookie policy page twitter logo update

PriyaGhosal · Oct 28, 2024 · f8cb536 · f8cb536
1 parent 2f23c52
commit f8cb536
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 3 deletions.
diff --git a/cookie_policy.html b/cookie_policy.html
@@ -342,8 +342,10 @@ <h3>Follow Us</h3>
                   ><i class="fab fa-discord"></i
                 ></a>
                 <a href="https://twitter.com/PriyaGhosa39968" target="_blank"
-                  ><i class="fab fa-twitter"></i
-                ></a>
+                class="x-logo-link" >
+                  <!-- <i class="fab fa-twitter"></i > -->
+                    <img src="img/x-logo.png" alt="X Logo" width="40px" height="40px" class="x-logo-image">
+                  </a>
                 <a
                   href="https://github.com/PriyaGhosal/BuddyTrail"
                   target="_blank"

diff --git a/terms.css b/terms.css
@@ -201,14 +201,24 @@ footer {
 }
 
 /* for twitter */
-.social-icons .fa-x-twitter {
+/* .social-icons .fa-x-twitter {
   transition: color 0.3s ease, transform 0.3s ease;
 }
 .social-icons .fa-x-twitter:hover {
   color: black;
   transform: scale(1.1);
   transform: scale(1.2) translateY(-5px);
+} */
+.x-logo-link .x-logo-image {
+  transition: transform 0.3s ease, filter 0.3s ease;
 }
+
+.x-logo-link:hover .x-logo-image {
+  color: aqua;
+  transform: scale(1.2) translateY(-5px); /* Scale and move up */
+  filter: brightness(0.8); /* Darken slightly on hover (optional) */
+}
+
 /* for instagram */
 .social-icons .fa-github {
   transition: color 0.3s ease, transform 0.3s ease;