diff --git a/docusaurus.config.js b/docusaurus.config.js index e2a3e5c4..f7c37239 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -85,9 +85,9 @@ module.exports = { className: "footer-slack-link", }, { - label: "Twitter", - href: "https://twitter.com/pecanproject", - className: "footer-twitter-link", + label: "𝕏 (formerly Twitter)", + href: "https://x.com/pecanproject", + className: "footer-x-link", }, ], }, diff --git a/src/css/custom.css b/src/css/custom.css index 4e47d23a..35b4fb0c 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -123,14 +123,14 @@ html[data-theme="dark"] .footer-slack-link::before { background-size: contain; } -.footer-twitter-link { +.footer-x-link { display: flex; align-items: center; gap: 8px; color: var(--ifm-footer-link-color); } -.footer-twitter-link::before { +.footer-x-link::before { content: ""; width: 24px; height: 24px; @@ -139,7 +139,7 @@ html[data-theme="dark"] .footer-slack-link::before { background-size: contain; } -html[data-theme="dark"] .footer-twitter-link::before { +html[data-theme="dark"] .footer-x-link::before { background: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.053,7.988l5.631,8.024h-1.497L8.566,7.988H10.053z M21,21H3V3h18V21z M17.538,17l-4.186-5.99L16.774,7h-1.311l-2.704,3.16L10.552,7H6.702l3.941,5.633L6.906,17h1.333l3.001-3.516L13.698,17H17.538z'/%3E%3C/svg%3E") no-repeat center; background-size: contain; }