Swap Twitter button for X button (#311)

simple-icons · Oct 27, 2023 · e5d4cbe · e5d4cbe
1 parent b434b45
commit e5d4cbe
Show file tree

Hide file tree

Showing 12 changed files with 46 additions and 46 deletions.
diff --git a/locales/es.po b/locales/es.po
@@ -73,14 +73,14 @@ msgstr "Directrices de $iconTitle"
 msgid "$iconTitle icon license"
 msgstr "Licencia del icono de $iconTitle"
 
-msgid "Twitter logo"
-msgstr "Logo de Twitter"
+msgid "X logo"
+msgstr "Logo de X"
 
 msgid "Made with ❤️ on GitHub"
 msgstr "Hecho con ❤️ en GitHub"
 
-msgid "Share this on Twitter!"
-msgstr "¡Comparte esto en Twitter!"
+msgid "Share this on X!"
+msgstr "¡Comparte esto en X!"
 
 msgid "Use $repoLink for requests, corrections and contributions."
 msgstr "Usa $repoLink para solicitudes, correcciones y contribuciones."

diff --git a/locales/fr.po b/locales/fr.po
@@ -100,11 +100,11 @@ msgstr "Utilisez $repoLink pour les demandes, les corrections et les contributio
 msgid "Kindly supported by your donations at <a href=\"https://opencollective.com/simple-icons\">Open Collective</a>."
 msgstr "Gentiment soutenu par vos dons sur <a href=\"https://opencollective.com/simple-icons\">Open Collective</a>."
 
-msgid "Twitter logo"
-msgstr "Logo Twitter"
+msgid "X logo"
+msgstr "Logo X"
 
-msgid "Share this on Twitter!"
-msgstr "Partagez ceci sur Twitter!"
+msgid "Share this on X!"
+msgstr "Partagez ceci sur X!"
 
 msgid "Website repository"
 msgstr "Dépôt du site web"

diff --git a/locales/it.po b/locales/it.po
@@ -106,11 +106,11 @@ msgstr "Usa $repoLink per richieste, correzioni e contributi."
 msgid "Kindly supported by your donations at <a href=\"https://opencollective.com/simple-icons\">Open Collective</a>."
 msgstr "Gentilmente supportato dalle tue donazioni a <a href=\"https://opencollective.com/simple-icons\">Open Collective</a>."
 
-msgid "Twitter logo"
-msgstr "Logo di Twitter"
+msgid "X logo"
+msgstr "Logo di X"
 
-msgid "Share this on Twitter!"
-msgstr "Condividi questo su Twitter!"
+msgid "Share this on X!"
+msgstr "Condividi questo su X!"
 
 msgid "Website repository"
 msgstr "Deposito del sito web"

diff --git a/locales/ja-JP.po b/locales/ja-JP.po
@@ -106,11 +106,11 @@ msgstr "リクエスト、修正、投稿には $repoLink を使用してくだ
 msgid "Kindly supported by your donations at <a href=\"https://opencollective.com/simple-icons\">Open Collective</a>."
 msgstr "<a href=\"https://opencollective.com/simple-icons\">Open Collective</a> での寄付により、親切にサポートされています。"
 
-msgid "Twitter logo"
-msgstr "Twitter のロゴ"
+msgid "X logo"
+msgstr "X のロゴ"
 
-msgid "Share this on Twitter!"
-msgstr "ツイッターでシェア!"
+msgid "Share this on X!"
+msgstr "Xでシェア!"
 
 msgid "Website repository"
 msgstr "ウェブサイトのリポジトリ"

diff --git a/locales/ko-KR.po b/locales/ko-KR.po
@@ -151,11 +151,11 @@ msgstr "$repoLink를 통해 요청, 수정, 또는 기여할 수 있습니다."
 msgid "Kindly supported by your donations at <a href=\"https://opencollective.com/simple-icons\">Open Collective</a>."
 msgstr "<a href=\"https://opencollective.com/simple-icons\">Open Collective</a>를 통한 여러분의 기부로 운영됩니다."
 
-msgid "Twitter logo"
-msgstr "트위터 로고"
+msgid "X logo"
+msgstr "X 로고"
 
-msgid "Share this on Twitter!"
-msgstr "트위터에서 공유하세요!"
+msgid "Share this on X!"
+msgstr "X에서 공유하세요!"
 
 msgid "Website repository"
 msgstr "웹사이트 리파지토리"

diff --git a/locales/pt.po b/locales/pt.po
@@ -151,11 +151,11 @@ msgstr "Use $repoLink para solicitações, correções e contribuições."
 msgid "Kindly supported by your donations at <a href=\"https://opencollective.com/simple-icons\">Open Collective</a>."
 msgstr "Gentilmente apoiado por suas doações no <a href=\"https://opencollective.com/simple-icons\">Open Collective</a>."
 
-msgid "Twitter logo"
-msgstr "Logotipo do Twitter"
+msgid "X logo"
+msgstr "Logotipo do X"
 
-msgid "Share this on Twitter!"
-msgstr "Compartilhe isso no Twitter!"
+msgid "Share this on X!"
+msgstr "Compartilhe isso no X!"
 
 msgid "Website repository"
 msgstr "Repositório do site"

diff --git a/locales/zh-CN.po b/locales/zh-CN.po
@@ -115,11 +115,11 @@ msgstr "请通过 $repoLink 来提交图标相关请求、更正及其它贡献
 msgid "Kindly supported by your donations at <a href=\"https://opencollective.com/simple-icons\">Open Collective</a>."
 msgstr "您可以通过 <a href=\"https://opencollective.com/simple-icons\">Open Collective</a> 来赞助支持我们。"
 
-msgid "Twitter logo"
-msgstr "Twitter"
+msgid "X logo"
+msgstr "X"
 
-msgid "Share this on Twitter!"
-msgstr "分享到 Twitter"
+msgid "Share this on X!"
+msgstr "分享到 X"
 
 msgid "Website repository"
 msgstr "项目地址"

diff --git a/locales/zh-HK.po b/locales/zh-HK.po
@@ -115,11 +115,11 @@ msgstr "使用 $repoLink 提交請求、更正和貢獻。"
 msgid "Kindly supported by your donations at <a href=\"https://opencollective.com/simple-icons\">Open Collective</a>."
 msgstr "歡迎您通過 <a href=\"https://opencollective.com/simple-icons\">Open Collective</a> 捐款支持。"
 
-msgid "Twitter logo"
-msgstr "Twitter logo"
+msgid "X logo"
+msgstr "X logo"
 
-msgid "Share this on Twitter!"
-msgstr "分享至 Twitter"
+msgid "Share this on X!"
+msgstr "分享至 X"
 
 msgid "Made with ❤️ on GitHub"
 msgstr "Made with ❤️ on GitHub"

diff --git a/locales/zh-TW.po b/locales/zh-TW.po
@@ -115,11 +115,11 @@ msgstr "使用 $repoLink 提交請求、更正和貢獻。"
 msgid "Kindly supported by your donations at <a href=\"https://opencollective.com/simple-icons\">Open Collective</a>."
 msgstr "歡迎您通過 <a href=\"https://opencollective.com/simple-icons\">Open Collective</a> 捐贈支持。"
 
-msgid "Twitter logo"
-msgstr "Twitter logo"
+msgid "X logo"
+msgstr "X logo"
 
-msgid "Share this on Twitter!"
-msgstr "分享至 Twitter"
+msgid "Share this on X!"
+msgstr "分享至 X"
 
 msgid "Made with ❤️ on GitHub"
 msgstr "Made with ❤️ on GitHub"

diff --git a/public/index.pug b/public/index.pug
@@ -447,12 +447,12 @@ html(lang=lang)
         rel='noopener',
         role='button',
         target='_blank',
-        href='https://twitter.com/intent/tweet?url=https://simpleicons.org&text=Simple%20Icons%3A%20free%20SVG%20icons%20for%20popular%20brands.'
+        href='https://x.com/intent/tweet?url=https://simpleicons.org&text=Simple%20Icons%3A%20free%20SVG%20icons%20for%20popular%20brands.'
       )
         svg.footer-share--icon(role='img', viewBox='0 0 24 24')
-          title #{ t_('Twitter logo') }
-          path(d=twitterIcon.path)
-        span #{ t_('Share this on Twitter!') }
+          title #{ t_('X logo') }
+          path(d=xIcon.path)
+        span #{ t_('Share this on X!') }
       .footer-repo
         p.
           #[a(title=`${ t_('Website repository') }`, href='https://github.com/simple-icons/simple-icons-website') #{ t_('Made with ❤️ on GitHub') }]

diff --git a/public/stylesheet.css b/public/stylesheet.css
@@ -18,8 +18,8 @@
   --font-family-stylized: 'Roboto Mono', 'DejaVu Sans Mono', 'Consolas',
     monospace;
 
-  --color-twitter: rgb(29, 161, 242);
-  --color-twitter-hover: rgba(29, 161, 242, 0.8);
+  --color-x: rgb(0, 0, 0);
+  --color-x-hover: rgba(0, 0, 0, 0.8);
   --side-offset: 6rem;
   --header-top-offset: 5rem;
   --border-radius-small: 3px;
@@ -876,7 +876,7 @@ p.report-link a:visited {
 
 .footer .footer-share {
   align-items: center;
-  background-color: var(--color-twitter);
+  background-color: var(--color-x);
   border-radius: 4px;
   color: #fff;
   display: flex;
@@ -892,7 +892,7 @@ p.report-link a:visited {
 }
 .footer .footer-share:focus,
 .footer .footer-share:hover {
-  background-color: var(--color-twitter-hover);
+  background-color: var(--color-x-hover);
 }
 
 .footer-share--icon {

diff --git a/webpack.config.js b/webpack.config.js
@@ -8,7 +8,7 @@ import fs from 'node:fs/promises';
 import os from 'node:os';
 import util from 'node:util';
 import * as simpleIcons from 'simple-icons/icons';
-import { siTwitter as twitterIcon } from 'simple-icons/icons';
+import { siX as xIcon } from 'simple-icons/icons';
 import alphaSort from './scripts/alpha-sorting.js';
 import colorSort from './scripts/color-sorting.js';
 import { githubAPI } from './scripts/https.js';
@@ -424,7 +424,6 @@ export default async (env, argv) => {
             extensions,
             icons: currentLangIcons,
             iconCount: currentLangIcons.length,
-            twitterIcon,
             pageTitle,
             pageUrl,
             structuredData,
@@ -434,6 +433,7 @@ export default async (env, argv) => {
             languages,
             languageNames: languageNamesObject,
             mode: argv.mode,
+            xIcon,
           },
           minify:
             argv.mode === 'development'