eslint · amareshsm · Dec 31, 2024 · Dec 29, 2024 · Dec 31, 2024
@@ -73,10 +73,11 @@ footer:
   secondary: Secondary
   social_icons:
     title: Social Media
-    twitter: Twitter
     chat: Discord
     github: GitHub
+    bluesky: Bluesky
     mastodon: Mastodon
+    twitter: Twitter
   theme_switcher:
     title: Theme Switcher
     light: Light

@@ -71,9 +71,11 @@ footer:
   secondary: 次要
   social_icons:
     title: 社交媒体
-    twitter: Twitter
     chat: Discord
     github: GitHub
+    bluesky: Bluesky
+    mastodon: Mastodon
+    twitter: Twitter
   theme_switcher:
     title: 主题切换
     light: 浅色

@@ -1,13 +1,6 @@
 <nav aria-labelledby="eslint-social-label" class="eslint-social-icons">
     <h2 id="eslint-social-label" hidden>{{ site.footer.social_icons.title }}</h2>
     <ul role="list">
-        <li>
-            <a href="{{ links.twitter }}" rel="noopener noreferrer" target="_blank">
-                <svg viewBox="0 0 512 512" height="25" width="25" class="c-icon" role="img" aria-label="{{ site.footer.social_icons.twitter }}" fill="currentColor">
-                    <path fill="none" d="M0 0h24v24H0z"></path><path 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"></path>
-                </svg>
-            </a>
-        </li>
         <li>
             <a href="{{ links.github }}" rel="noopener noreferrer" target="_blank">
                 <svg width="25" height="24" viewBox="0 0 25 24" class="c-icon" role="img"
@@ -39,6 +32,13 @@ <h2 id="eslint-social-label" hidden>{{ site.footer.social_icons.title }}</h2>
 
             </a>
         </li>
+        <li>
+            <a href="{{ links.bluesky }}" rel="me noopener noreferrer" target="_blank">
+                <svg width="24" height="24" viewBox="0 0 64 57" class="c-icon" role="img" aria-label="{{ site.footer.social_icons.bluesky }}">
+                    <path fill="currentColor" d="M13.873 3.805C21.21 9.332 29.103 20.537 32 26.55v15.882c0-.338-.13.044-.41.867-1.512 4.456-7.418 21.847-20.923 7.944-7.111-7.32-3.819-14.64 9.125-16.85-7.405 1.264-15.73-.825-18.014-9.015C1.12 23.022 0 8.51 0 6.55 0-3.268 8.579-.182 13.873 3.805ZM50.127 3.805C42.79 9.332 34.897 20.537 32 26.55v15.882c0-.338.13.044.41.867 1.512 4.456 7.418 21.847 20.923 7.944 7.111-7.32 3.819-14.64-9.125-16.85 7.405 1.264 15.73-.825 18.014-9.015C62.88 23.022 64 8.51 64 6.55c0-9.818-8.578-6.732-13.873-2.745Z" />
+                </svg>
+            </a>
+        </li>
         <li>
             <a href="{{ links.mastodon }}" rel="noopener noreferrer" target="_blank">
                 <svg width="24" height="25" viewBox="0 0 216.4144 232.00976" class="c-icon" role="img"  aria-label="{{ site.footer.social_icons.mastodon }}">
@@ -47,5 +47,12 @@ <h2 id="eslint-social-label" hidden>{{ site.footer.social_icons.title }}</h2>
                 </svg>
             </a>
         </li>
+        <li>
+            <a href="{{ links.twitter }}" rel="noopener noreferrer" target="_blank">
+                <svg viewBox="0 0 512 512" height="25" width="25" class="c-icon" role="img" aria-label="{{ site.footer.social_icons.twitter }}" fill="currentColor">
+                    <path fill="none" d="M0 0h24v24H0z"></path><path 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"></path>
+                </svg>
+            </a>
+        </li>
     </ul>
 </nav>
@@ -18,5 +18,9 @@
                 padding: 1rem .75rem;
             }
         }
+
+        @media screen and (min-width: 800px) and (max-width: 1500px) {
+            flex-wrap: wrap;
+        }
     }
 }