✨ Add support for 𝕏 (Twitter)

assets/css/compiled/main.css

@@ -1222,6 +1222,10 @@ video {
   background: linear-gradient(120deg, #12990b, #45d82c);
 }
 
+.link-x {
+  background-color: #000;
+}
+
 .link-youtube {
   background-color: #ff0000;
 }

assets/css/main.css

@@ -125,6 +125,9 @@
   background-color: #45d82c;
   background: linear-gradient(120deg, #12990b, #45d82c);
 }
+.link-x {
+  background-color: #000;
+}
 .link-youtube {
   background-color: #ff0000;
 }

assets/icons/x.svg

@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="x" class="svg-inline--fa fa-x fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8L200.7 275.5 26.8 48H172.4L272.9 180.9 389.2 48zM364.4 421.8h39.1L151.1 88h-42L364.4 421.8z"/></svg>

config.toml

@@ -51,6 +51,7 @@ disableKinds = ["taxonomy", "term"]
     # { twitch = "https://twitch.tv/username" },
     # { twitter = "https://twitter.com/username" },
     # { whatsapp = "https://wa.me/phone-number" },
+    # { x = "https://x.com/username" },
     # { youtube = "https://youtube.com/username" },
   ]
 

exampleSite/config.toml

@@ -12,7 +12,7 @@ disableKinds = ["taxonomy", "term"]
     { link = { href = "https://github.com/jpanther/lynx/blob/stable/README.md", text = "View the readme", icon = "github" } },
     { link = { href = "styles/", text = "All the link styles", target = "_self" } },
     { github = "https://github.com/jpanther/lynx" },
-    { twitter = "https://twitter.com/jpanther" },
+    { x = "https://x.com/jpanther" },
     { font-awesome = { href = "https://fontawesome.com/", text = "FontAwesome" } },
   ]
 

exampleSite/content/styles.md

@@ -44,4 +44,5 @@ These are all the built-in link styles available in Lynx. Don't forget that you
 {{< link twitch >}}
 {{< link twitter >}}
 {{< link whatsapp >}}
+{{< link x >}}
 {{< link youtube >}}

i18n/en.yaml

@@ -36,6 +36,7 @@ link:
   twitch: Twitch
   twitter: Twitter
   whatsapp: WhatsApp
+  x : 𝕏
   youtube: YouTube
   stack-exchange: Stack Exchange
   stack-overflow: Stack Overflow

i18n/fr.yaml

@@ -36,6 +36,7 @@ link:
   twitch: Twitch
   twitter: Twitter
   whatsapp: WhatsApp
+  x : 𝕏
   youtube: YouTube
 
 # nav: