Change twitter logo (#1209)

Signed-off-by: Thomas Poignant <thomas.poignant@gofeatureflag.org>
thomaspoignant · Nov 3, 2023 · 1f18f93 · 1f18f93
1 parent 844414e
commit 1f18f93
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
@@ -3,8 +3,6 @@
 
 const lightCodeTheme = require('prism-react-renderer').themes.github;
 const darkCodeTheme = require('prism-react-renderer').themes.dracula;
-const TwitterSvg =
-  '<svg style="fill: #1DA1F2; vertical-align: middle; margin-left: 3px;" width="16" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>';
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
@@ -102,7 +100,7 @@ const config = {
     ({
       announcementBar: {
         id: 'support_usz', // Increment on change
-        content: `⭐️ If you like GO Feature Flag, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/thomaspoignant/go-feature-flag">GitHub</a> and follow us on <a target="_blank" rel="noopener noreferrer" href="https://twitter.com/gofeatureflag">Twitter ${TwitterSvg}</a>`,
+        content: `⭐ If you like GO Feature Flag, give it a star on <a target="_blank" rel="noopener noreferrer" href="https://github.com/thomaspoignant/go-feature-flag">GitHub</a> and follow us on <a target="_blank" rel="noopener noreferrer" href="https://x.com/gofeatureflag">X</a>`,
       },
       image: 'img/logo/x-card.png',
       navbar: {
@@ -190,7 +188,7 @@ const config = {
             dropdownItemsAfter: [{to: '/versions', label: 'All versions'}],
           },
           {
-            href: 'https://twitter.com/gofeatureflag',
+            href: 'https://x.com/gofeatureflag',
             position: 'right',
             className: 'header-twitter-link navbar__right',
             'aria-label': 'Twitter',
@@ -244,8 +242,8 @@ const config = {
               },
               {
                 html: `
-                <a href="https://twitter.com/gofeatureflag" target="_blank" rel="noreferrer noopener">
-                  <i class="fa-brands fa-x-twitter"></i> Twitter&nbsp;&nbsp;<i class="fa-solid fa-arrow-up-right-from-square"></i>
+                <a href="https://x.com/gofeatureflag" target="_blank" rel="noreferrer noopener">
+                  <i class="fa-brands fa-x-twitter"></i> X&nbsp;&nbsp;<i class="fa-solid fa-arrow-up-right-from-square"></i>
                 </a>`,
               },
               {

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
@@ -120,12 +120,13 @@ body {
 }
 
 .header-twitter-link:before {
-  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMi01LjM3My0xMi0xMi0xMnptNi4wNjYgOS42NDVjLjE4MyA0LjA0LTIuODMgOC41NDQtOC4xNjQgOC41NDQtMS42MjIgMC0zLjEzMS0uNDc2LTQuNDAyLTEuMjkxIDEuNTI0LjE4IDMuMDQ1LS4yNDQgNC4yNTItMS4xODktMS4yNTYtLjAyMy0yLjMxNy0uODU0LTIuNjg0LTEuOTk1LjQ1MS4wODYuODk1LjA2MSAxLjI5OC0uMDQ5LTEuMzgxLS4yNzgtMi4zMzUtMS41MjItMi4zMDQtMi44NTMuMzg4LjIxNS44My4zNDQgMS4zMDEuMzU5LTEuMjc5LS44NTUtMS42NDEtMi41NDQtLjg4OS0zLjgzNSAxLjQxNiAxLjczOCAzLjUzMyAyLjg4MSA1LjkyIDMuMDAxLS40MTktMS43OTYuOTQ0LTMuNTI3IDIuNzk5LTMuNTI3LjgyNSAwIDEuNTcyLjM0OSAyLjA5Ni45MDcuNjU0LS4xMjggMS4yNy0uMzY4IDEuODI0LS42OTctLjIxNS42NzEtLjY3IDEuMjMzLTEuMjYzIDEuNTg5LjU4MS0uMDcgMS4xMzUtLjIyNCAxLjY0OS0uNDUzLS4zODQuNTc4LS44NyAxLjA4NC0xLjQzMyAxLjQ4OXoiLz48L3N2Zz4=")
+  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDIwMDEwOTA0Ly9FTiIKICJodHRwOi8vd3d3LnczLm9yZy9UUi8yMDAxL1JFQy1TVkctMjAwMTA5MDQvRFREL3N2ZzEwLmR0ZCI+CjxzdmcgdmVyc2lvbj0iMS4wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiB3aWR0aD0iNDg4LjAwMDAwMHB0IiBoZWlnaHQ9IjQ1OS4wMDAwMDBwdCIgdmlld0JveD0iMCAwIDQ4OC4wMDAwMDAgNDU5LjAwMDAwMCIKIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIG1lZXQiPgoKPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4wMDAwMDAsNDU5LjAwMDAwMCkgc2NhbGUoMC4xMDAwMDAsLTAuMTAwMDAwKSIKZmlsbD0iIzAwMDAwMCIgc3Ryb2tlPSJub25lIj4KPHBhdGggZD0iTTE0IDQ1NzkgYy0yIC0zIDE2MCAtMjI0IDM1OSAtNDkwIDE5OSAtMjY2IDYyMiAtODMyIDk0MCAtMTI1NyBsNTc4Ci03NzMgLTM3IC00MiBjLTIxIC0yMyAtNDQ2IC00ODIgLTk0NCAtMTAyMCAtNDk4IC01MzkgLTkwNyAtOTgzIC05MDggLTk4OCAtMgotNSA4NSAtOSAyMTAgLTggbDIxMyAxIDcwIDc3IGMzOSA0MiA0MDEgNDMzIDgwNSA4NzAgNDA0IDQzNyA3NDYgODA3IDc2MCA4MjMKbDI1IDI5IDIwMCAtMjY4IGMxMTAgLTE0NyA0MTMgLTU1MyA2NzMgLTkwMSBsNDc0IC02MzIgNzI1IDAgYzYwMyAwIDcyNCAyCjcyMCAxMyAtMyA4IC0xODcgMjU2IC00MDkgNTUzIC0yMjIgMjk2IC00NzYgNjM2IC01NjQgNzU0IC04OSAxMTggLTM1MCA0NjkKLTU4MiA3NzggLTIzMiAzMTAgLTQyMiA1NjggLTQyMiA1NzIgMCA3IDEyMjYgMTMzOCAxNjQzIDE3ODMgbDExOSAxMjcgLTIxOSAwCi0yMTggLTEgLTI1NSAtMjc2IGMtMTQwIC0xNTIgLTQ4MyAtNTI0IC03NjMgLTgyNSBsLTUwNyAtNTQ4IC02MTUgODIyIC02MTYKODIzIC03MjUgNSBjLTM5OSAzIC03MjggMiAtNzMwIC0xeiBtMTcxOCAtODg2IGMyMzcgLTMxOCA2MDMgLTgwNyA4MTMgLTEwODgKMjEwIC0yODAgNjc2IC05MDQgMTAzNiAtMTM4NSAzNjAgLTQ4MiA2NTggLTg4MSA2NjMgLTg4OCA2IC05IC02NSAtMTIgLTMyNAotMTIgbC0zMzEgMCAtNjU2IDg3OCBjLTE1MTQgMjAyMyAtMjI3OCAzMDQ1IC0yMjg3IDMwNjAgLTYgOSA2MiAxMiAzMjMgMTIKbDMzMSAwIDQzMiAtNTc3eiIvPgo8L2c+Cjwvc3ZnPgo=")
     no-repeat;
   content: "";
   display: flex;
-  height: 24px;
-  width: 24px;
+  background-size: 20px 20px;
+  height: 20px;
+  width: 20px;
 }
 
 [data-theme="dark"] .header-twitter-link:before {
@@ -138,8 +139,7 @@ body {
 }
 
 .header-slack-link:before {
-  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAwYy02LjYyNiAwLTEyIDUuMzcyLTEyIDEyIDAgNi42MjcgNS4zNzQgMTIgMTIgMTIgNi42MjcgMCAxMi01LjM3MyAxMi0xMiAwLTYuNjI4LTUuMzczLTEyLTEyLTEyem02LjIyNSAxNC4xOGwtMS40MTguNDc0LjQ5IDEuNDY3Yy4xOTMuNTk0LS4xMjIgMS4yNC0uNzE3IDEuNDMyLS42NzEuMTktMS4yNTMtLjE4Ny0xLjQzNy0uNzE1bC0uNDktMS40NjktMi45MjQuOTc5LjQ5IDEuNDY4Yy4yMjguNzAyLS4yNTMgMS40ODMtMS4wNjggMS40ODMtLjUxNCAwLS45MzQtLjMyOS0xLjA4NS0uNzY3bC0uNDkyLTEuNDY4LTEuNDE4LjQ3MmMtLjY2Mi4xOTItMS4yNTEtLjE4NS0xLjQzNi0uNzE3LS4xOTItLjU5My4xMjMtMS4yNC43MTgtMS40MzJsMS40MTgtLjQ3Mi0uOTQ1LTIuODE0LTEuNDE5LjQ3MmMtLjc5LjIyNC0xLjQ5Mi0uMzQ0LTEuNDkyLTEuMDczIDAtLjQ3Ny4yOTctLjkyMy43NzQtMS4wNzdsMS40MTktLjQ3Mi0uNDkxLTEuNDY3Yy0uMTkyLS41OTUuMTIzLTEuMjQyLjcxOS0xLjQzNC41OTUtLjE5MiAxLjI0Mi4xMjIgMS40MzUuNzE3bC40OTIgMS40NjcgMi45MjMtLjk3OC0uNDktMS40NjhjLS4yMzUtLjcyMi4yODMtMS40ODkgMS4wNzUtMS40ODkuNDc4IDAgLjkyNS4yOTcgMS4wOC43NzNsLjQ5IDEuNDY4IDEuNDE4LS40NzJjLjU5NS0uMTkzIDEuMjQzLjEyMyAxLjQzNi43MTcuMTkzLjU5NC0uMTIzIDEuMjQtLjcxOCAxLjQzMmwtMS40MTkuNDcyLjk0NiAyLjgxNCAxLjQxOS0uNDcyYy43MjUtLjIzNCAxLjQ5Mi4yODIgMS40OTIgMS4wNzIgMCAuNDc4LS4yOTcuOTIzLS43NzUgMS4wNzd6bS01LjI0NS0zLjc0OWwtMi45MjIuOTc3Ljk0NCAyLjgxNiAyLjkyMy0uOTc2LS45NDUtMi44MTd6Ii8+PC9zdmc+")
-    no-repeat;
+  background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGQ9Ik0xMiAwYy02LjYyNiAwLTEyIDUuMzcyLTEyIDEyIDAgNi42MjcgNS4zNzQgMTIgMTIgMTIgNi42MjcgMCAxMi01LjM3MyAxMi0xMiAwLTYuNjI4LTUuMzczLTEyLTEyLTEyem02LjIyNSAxNC4xOGwtMS40MTguNDc0LjQ5IDEuNDY3Yy4xOTMuNTk0LS4xMjIgMS4yNC0uNzE3IDEuNDMyLS42NzEuMTktMS4yNTMtLjE4Ny0xLjQzNy0uNzE1bC0uNDktMS40NjktMi45MjQuOTc5LjQ5IDEuNDY4Yy4yMjguNzAyLS4yNTMgMS40ODMtMS4wNjggMS40ODMtLjUxNCAwLS45MzQtLjMyOS0xLjA4NS0uNzY3bC0uNDkyLTEuNDY4LTEuNDE4LjQ3MmMtLjY2Mi4xOTItMS4yNTEtLjE4NS0xLjQzNi0uNzE3LS4xOTItLjU5My4xMjMtMS4yNC43MTgtMS40MzJsMS40MTgtLjQ3Mi0uOTQ1LTIuODE0LTEuNDE5LjQ3MmMtLjc5LjIyNC0xLjQ5Mi0uMzQ0LTEuNDkyLTEuMDczIDAtLjQ3Ny4yOTctLjkyMy43NzQtMS4wNzdsMS40MTktLjQ3Mi0uNDkxLTEuNDY3Yy0uMTkyLS41OTUuMTIzLTEuMjQyLjcxOS0xLjQzNC41OTUtLjE5MiAxLjI0Mi4xMjIgMS40MzUuNzE3bC40OTIgMS40NjcgMi45MjMtLjk3OC0uNDktMS40NjhjLS4yMzUtLjcyMi4yODMtMS40ODkgMS4wNzUtMS40ODkuNDc4IDAgLjkyNS4yOTcgMS4wOC43NzNsLjQ5IDEuNDY4IDEuNDE4LS40NzJjLjU5NS0uMTkzIDEuMjQzLjEyMyAxLjQzNi43MTcuMTkzLjU5NC0uMTIzIDEuMjQtLjcxOCAxLjQzMmwtMS40MTkuNDcyLjk0NiAyLjgxNCAxLjQxOS0uNDcyYy43MjUtLjIzNCAxLjQ5Mi4yODIgMS40OTIgMS4wNzIgMCAuNDc4LS4yOTcuOTIzLS43NzUgMS4wNzd6bS01LjI0NS0zLjc0OWwtMi45MjIuOTc3Ljk0NCAyLjgxNiAyLjkyMy0uOTc2LS45NDUtMi44MTd6Ii8+PC9zdmc+") no-repeat;
   content: "";
   display: flex;
   height: 24px;