chore: update social media links

_includes/footer.html

@@ -72,11 +72,27 @@
         </a>
       </div>
       <div>
-        <a href="https://twitter.com/openRA" class="color--twitter" tabindex="0">
+        <a href="https://x.com/openRA" class="color--twitter" tabindex="0">
           <svg class="icon">
-            <use xlink:href="{{ '/images/icons/icons.svg#icon-twitter' | relative_url }}"></use>
+            <use xlink:href="{{ '/images/icons/icons.svg#icon-x-twitter' | relative_url }}"></use>
           </svg>
-          Twitter
+          X
+        </a>
+      </div>
+      <div>
+        <a rel="me" href="https://mastodon.social/@openra" class="color--mastodon" tabindex="0">
+          <svg class="icon">
+            <use xlink:href="{{ '/images/icons/icons.svg#icon-mastodon' | relative_url }}"></use>
+          </svg>
+          Mastodon
+        </a>
+      </div>
+      <div>
+        <a href="https://bsky.app/profile/openra.net" class="color--bluesky" tabindex="0">
+          <svg class="icon">
+            <use xlink:href="{{ '/images/icons/icons.svg#icon-bluesky' | relative_url }}"></use>
+          </svg>
+          Bluesky
         </a>
       </div>
       <div>

_includes/head.html

@@ -17,7 +17,7 @@
   <meta property="og:url" content="{{ page.url | absolute_url }}" />
   <!-- query param at the end is for cache busting if/when more dynamic social images are added -->
   <meta property="og:image" content="{{ '/images/social.jpg' | absolute_url }}?t={{ site.time | date: "%Y-%m-%d-%H-%M" }}" />
-  <!-- Twitter -->
+  <!-- X (Twitter) Card -->
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:site" content="@{{ site.twitter_username }}">
   <meta name="twitter:creator" content="@{{ site.twitter_username }}">

_includes/header.html

@@ -68,12 +68,24 @@
               <use xlink:href="{{ '/images/icons/icons.svg#icon-facebook' | relative_url }}"></use>
             </svg>
           </a>
+          <a class="site-header__social-nav__link" href="https://x.com/openRA" tabindex="0">
+            <span class="text--hidden">X</span>
+            <svg class="icon">
+              <use xlink:href="{{ '/images/icons/icons.svg#icon-x-twitter' | relative_url }}"></use>
+            </svg>
+          </a>
         </div>
         <div class="site-header__social-nav__row">
-          <a class="site-header__social-nav__link" href="https://twitter.com/openRA" tabindex="0">
-            <span class="text--hidden">Twitter</span>
+          <a class="site-header__social-nav__link" href="https://bsky.app/profile/openra.net" tabindex="0">
+            <span class="text--hidden">Bluesky</span>
+            <svg class="icon">
+              <use xlink:href="{{ '/images/icons/icons.svg#icon-bluesky' | relative_url }}"></use>
+            </svg>
+          </a>
+          <a class="site-header__social-nav__link" rel="me" href="https://mastodon.social/@openra" tabindex="0">
+            <span class="text--hidden">Mastodon</span>
             <svg class="icon">
-              <use xlink:href="{{ '/images/icons/icons.svg#icon-twitter' | relative_url }}"></use>
+              <use xlink:href="{{ '/images/icons/icons.svg#icon-mastodon' | relative_url }}"></use>
             </svg>
           </a>
           <a class="site-header__social-nav__link" href="https://www.reddit.com/r/openra" tabindex="0">

community.html

@@ -85,7 +85,7 @@ <h1 class="site-section__heading">Community</h1>
       <div class="dark-panel__header"><strong class="text--caps">Connect With Us on Social Media</strong></div>
       <div class="community__section__content">
         <div>
-          We're active on <a href="https://reddit.com/r/openra">Reddit</a>, <a href="https://twitter.com/openra">Twitter</a>, and <a href="https://facebook.com/openra">Facebook</a>. Follow us there to get the latest news on features and releases!
+          We're active on <a href="https://reddit.com/r/openra">Reddit</a>, <a href="https://x.com/openra">X</a>, <a href="https://bsky.app/profile/openra.net">Bluesky</a>, <a rel="me" href="https://mastodon.social/@openra">Mastodon</a>, and <a href="https://facebook.com/openra">Facebook</a>. Follow us there to get the latest news on features and releases!
           <p>Subscribe to our <a href="https://www.youtube.com/channel/UCRoiPL1J4K1-EhQeNazrYig">YouTube channel</a> for all sorts of video content, including previews of upcoming features.</p>
         </div>
         <img class="community__section__illustration" src="{{ '/images/community/social-media-sites.png' | relative_url }}" />
@@ -97,10 +97,22 @@ <h1 class="site-section__heading">Community</h1>
             <use xlink:href="{{ '/images/icons/icons.svg#icon-reddit' | relative_url }}"></use>
           </svg>
         </a>
-        <a class="button button--twitter" href="https://twitter.com/openra">
-          Twitter
+        <a class="button button--twitter" href="https://x.com/openra">
+          X
           <svg class="button__icon icon">
-            <use xlink:href="{{ '/images/icons/icons.svg#icon-twitter' | relative_url }}"></use>
+            <use xlink:href="{{ '/images/icons/icons.svg#icon-x-twitter' | relative_url }}"></use>
+          </svg>
+        </a>
+        <a class="button button--bluesky" href="https://bsky.app/profile/openra.net">
+          Bluesky
+          <svg class="button__icon icon">
+            <use xlink:href="{{ '/images/icons/icons.svg#icon-bluesky' | relative_url }}"></use>
+          </svg>
+        </a>
+        <a class="button button--mastodon" rel="me" href="https://mastodon.social/@openra">
+          Mastodon
+          <svg class="button__icon icon">
+            <use xlink:href="{{ '/images/icons/icons.svg#icon-mastodon' | relative_url }}"></use>
           </svg>
         </a>
         <a class="button button--facebook" href="https://facebook.com/openra">