HDX-9242 update Twitter logo to X

OCHA-DAP · Oct 24, 2023 · 1e13e21 · 1e13e21
1 parent 710bf0c
commit 1e13e21
Show file tree

Hide file tree

Showing 5 changed files with 25 additions and 6 deletions.
diff --git a/src/footer.php b/src/footer.php
@@ -122,7 +122,11 @@
 		                <a href="<?php echo get_site_url() . '/category/blog/' ?>">Blogs</a>
 		                <a href="<?php echo get_site_url() . '/contact-us' ?>">Contact Us</a>
 		                <div class="social-actions">
-		                  <a href="http://www.twitter.com/humdata" title="Twitter"><i class="fa fa-twitter"></i></a>
+		                  <a href="http://www.x.com/humdata" title="X">
+                              <i class="x-icon">
+                                  <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1200 1227"><path fill="currentColor" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg>
+                              </i>
+                          </a>
 		                  <a href="https://github.com/OCHA-DAP" title="GitHub"><i class="fa fa-github"></i></a>
 		                </div>
 		              </div>

diff --git a/src/front-page.php b/src/front-page.php
@@ -82,7 +82,11 @@
 				<div class="col-lg-2"></div>
 				<div class="col-lg-7">
 					<div class="tweet">
-						<a href="http://www.twitter.com/humdata" target="_blank" class="twitter-logo"><div class="fa fa-twitter twhite" aria-hidden="true"></div></a>
+						<a href="http://www.x.com/humdata" target="_blank" class="twitter-logo">
+                            <span class="x-icon">
+                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 1200 1227"><path fill="currentColor" d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/></svg>
+                            </span>
+                        </a>
 						<div class="tweet-content">
 							<p class="tweet-text"><span></span></p>
 							<p class="author"></p>

diff --git a/src/functions.php b/src/functions.php
@@ -464,8 +464,8 @@ function get_latest_tweets() {
 
                 // suitable for the old TwitterFetcher lib
 	            $tweets[$i] = [
-		            'author' => '<span class="TweetAuthor-avatar"><img src="'.$tweetUser['profile_image_url_https'].'" class="Avatar"></span><a href="https://twitter.com/'.$tweetUser['screen_name'].'" target="_blank" rel="nofollow" class="TweetAuthor-link"><span class="TweetAuthor-name">'.$tweetUser['name'].'</span><span class="TweetAuthor-screenname">@'.$tweetData['user']['screen_name'].'</span></a>',
-		            'tweet' => '<a href="https://twitter.com'.$tweetData['permalink'].'" target="_blank" rel="nofollow">'.nl2br($tweetContent).'</a>'
+		            'author' => '<span class="TweetAuthor-avatar"><img src="'.$tweetUser['profile_image_url_https'].'" class="Avatar"></span><a href="https://x.com/'.$tweetUser['screen_name'].'" target="_blank" rel="nofollow" class="TweetAuthor-link"><span class="TweetAuthor-name">'.$tweetUser['name'].'</span><span class="TweetAuthor-screenname">@'.$tweetData['user']['screen_name'].'</span></a>',
+		            'tweet' => '<a href="https://x.com'.$tweetData['permalink'].'" target="_blank" rel="nofollow">'.nl2br($tweetContent).'</a>'
 	            ];
                 $i++;
             }

diff --git a/src/scss/_front.scss b/src/scss/_front.scss
@@ -177,10 +177,13 @@
 	.tweet {
 		position: relative;	
 		text-align: center;	
-		.fa-twitter {
+		.x-icon {
+			display: block;
 			color: $white;
-			font-size: 55px;
+			width: 55px;
 			margin-bottom: 30px;
+			margin-left: auto;
+			margin-right: auto;
 		}
 		.tweet-content {
 			position: absolute;

diff --git a/src/scss/_menus.scss b/src/scss/_menus.scss
@@ -232,6 +232,14 @@
 						i {
 							color: $white;
 							font-size: 16px;
+							&.x-icon {
+								display: inline-block;
+								width: 14px;
+								padding-bottom: 0;
+								svg {
+									padding-bottom: 0;
+								}
+							}
 						}
 						&:hover {
 							i {