docs: include Bluesky profile in social links (typescript-eslint#10296)

gyumong · web-flow · commit 09d7049898d2 · 2024-11-14T12:20:47.000-05:00
* feat: add to svg

* feat: add the Bluesky

* chore: add cspell like Bluesky

* fix: icon

* fix: sort social links
diff --git a/.cspell.json b/.cspell.json
@@ -72,6 +72,7 @@
     "bivariant",
     "Bjorn",
     "blockless",
+    "Bluesky",
     "blurple",
     "bradzacher",
     "Burzyński",
diff --git a/docs/contributing/Issues.mdx b/docs/contributing/Issues.mdx
@@ -48,7 +48,7 @@ You can instead:
 
 - Ask in our [Discord server](https://discord.gg/FSxKq8Tdyg)'s `#help` server
 - Ask a question on [StackOverflow](https://stackoverflow.com/questions/tagged/typescript-eslint 'StackOverflow questions tagged with typescript-eslint') using the `typescript-eslint` tag
-- Publicly toot [@tseslint on Mastodon](https://fosstodon.org/@tseslint) or tweet [@tseslint on Twitter](https://twitter.com/tseslint)
+- Publicly toot [@tseslint on Mastodon](https://fosstodon.org/@tseslint), tweet [@tseslint on Twitter](https://twitter.com/tseslint), or post [@typescript-eslint.io on Bluesky](https://bsky.app/profile/typescript-eslint.io)
 
 > Note that requests to add documentation _are_ allowed, even encouraged! 📝
 
diff --git a/packages/website/docusaurus.config.mts b/packages/website/docusaurus.config.mts
@@ -68,6 +68,12 @@ const themeConfig: AlgoliaThemeConfig & ThemeCommonConfig = {
     links: [
       {
         items: [
+          {
+            className: 'image-link bluesky-link social-link-icon',
+            href: 'https://bsky.app/profile/typescript-eslint.io',
+            label: 'Bluesky',
+            rel: 'me noopener',
+          },
           {
             className: 'image-link discord-link social-link-icon',
             href: 'https://discord.gg/FSxKq8Tdyg',
diff --git a/packages/website/src/css/custom.css b/packages/website/src/css/custom.css
@@ -111,6 +111,10 @@ html[data-theme='dark'] .image-link::before {
   background: url('/img/twitter.svg') no-repeat;
 }
 
+.bluesky-link::before {
+  background: url('/img/bluesky.svg') no-repeat;
+}
+
 .header-image-link:hover {
   opacity: 0.6;
 }
diff --git a/packages/website/static/img/bluesky.svg b/packages/website/static/img/bluesky.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24">
+  <path
+    fill="currentColor"
+    d="M12 10.8c-1.087-2.114-4.046-6.053-6.798-7.995C2.566.944 1.561 1.266.902 1.565C.139 1.908 0 3.08 0 3.768c0 .69.378 5.65.624 6.479c.815 2.736 3.713 3.66 6.383 3.364c.136-.02.275-.039.415-.056c-.138.022-.276.04-.415.056c-3.912.58-7.387 2.005-2.83 7.078c5.013 5.19 6.87-1.113 7.823-4.308c.953 3.195 2.05 9.271 7.733 4.308c4.267-4.308 1.172-6.498-2.74-7.078a8.741 8.741 0 0 1-.415-.056c.14.017.279.036.415.056c2.67.297 5.568-.628 6.383-3.364c.246-.828.624-5.79.624-6.478c0-.69-.139-1.861-.902-2.206c-.659-.298-1.664-.62-4.3 1.24C16.046 4.748 13.087 8.687 12 10.8"/>
+</svg>

Original file line number	Diff line number	Diff line change
`@@ -68,6 +68,12 @@ const themeConfig: AlgoliaThemeConfig & ThemeCommonConfig = {`
`68`	`68`	`links: [`
`69`	`69`	`{`
`70`	`70`	`items: [`
	`71`	`+ {`
	`72`	`+ className: 'image-link bluesky-link social-link-icon',`
	`73`	`+ href: 'https://bsky.app/profile/typescript-eslint.io',`
	`74`	`+ label: 'Bluesky',`
	`75`	`+ rel: 'me noopener',`
	`76`	`+ },`
`71`	`77`	`{`
`72`	`78`	`className: 'image-link discord-link social-link-icon',`
`73`	`79`	`href: 'https://discord.gg/FSxKq8Tdyg',`
Original file line number	Diff line number	Diff line change
`@@ -111,6 +111,10 @@ html[data-theme='dark'] .image-link::before {`
`111`	`111`	`background: url('/img/twitter.svg') no-repeat;`
`112`	`112`	`}`
`113`	`113`
	`114`	`+.bluesky-link::before {`
	`115`	`+ background: url('/img/bluesky.svg') no-repeat;`
	`116`	`+}`
	`117`	`+`
`114`	`118`	`.header-image-link:hover {`
`115`	`119`	`opacity: 0.6;`
`116`	`120`	`}`