Merge pull request #1196 from Fryguy/update_socials

Update social media links
ManageIQ · Dec 20, 2024 · dcb0e09 · dcb0e09
2 parents 77a036b + 166e091
commit dcb0e09
Show file tree

Hide file tree

Showing 3 changed files with 46 additions and 15 deletions.
diff --git a/site/_includes/footer.html b/site/_includes/footer.html
@@ -42,7 +42,7 @@
         &copy; {{ site.time | date: '%Y' }} ManageIQ.
       </span>
       <span>
-        <a href="https://www.ibm.com/opensource/" target="_blank">
+        <a href="https://www.ibm.com/opensource/" class="footer-link" target="_blank">
           Sponsored by IBM, Inc.
         </a>
       </span>
@@ -60,25 +60,37 @@
     <div class="footer-social">
       <ul class="social_menu">
         <li>
-          <a href="https://twitter.com/ManageIQ" class="social_link">
-            <i class="fa-brands fa-twitter"></i>
+          <a href="https://x.com/ManageIQ" title="X / Twitter" class="social_link">
+            <i class="fa-brands fa-x-twitter"></i>
           </a>
         </li>
 
         <li>
-          <a href="https://www.facebook.com/manageiq/" class="social_link">
+          <a href="https://bsky.app/profile/manageiq.bsky.social" title="Bluesky" class="social_link">
+            <i class="fa-brands fa-bluesky"></i>
+          </a>
+        </li>
+
+        <li>
+          <a href="https://fosstodon.org/@manageiq" title="Mastodon" class="social_link">
+            <i class="fa-brands fa-mastodon"></i>
+          </a>
+        </li>
+
+        <li>
+          <a href="https://www.facebook.com/manageiq/" title="Facebook" class="social_link">
             <i class="fa-brands fa-facebook"></i>
           </a>
         </li>
 
         <li>
-          <a href="https://www.linkedin.com/company/manageiq" class="social_link">
+          <a href="https://www.linkedin.com/company/manageiq" title="LinkedIn" class="social_link">
             <i class="fa-brands fa-linkedin"></i>
           </a>
         </li>
 
         <li>
-          <a href="https://www.youtube.com/user/ManageIQVideo" class="social_link">
+          <a href="https://www.youtube.com/user/ManageIQVideo" title="YouTube" class="social_link">
             <i class="fa-brands fa-youtube"></i>
           </a>
         </li>

diff --git a/site/_sass/_page.scss b/site/_sass/_page.scss
@@ -28,3 +28,8 @@ main img {
 hr {
   border-top-color: var(--color-border-primary);
 }
+
+.community-social {
+  text-indent: 1em;
+  font-size: 1.5em;
+}
diff --git a/site/community.md b/site/community.md
@@ -12,15 +12,29 @@ ManageIQ is open source and open for contributions. There are many ways to get i
   <div class="col-md-6">
     <h3>Connect</h3>
     <p>Find us in your favorite social channel so you can be in the loop with announcements and happenings.</p>
-    <ul style="list-style-type: none;">
-      <li><a href="https://twitter.com/manageiq" class="twitter-follow-button" data-show-screen-name="false" data-show-count="false">Follow @manageiq</a><script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> <a href="https://twitter.com/manageiq">@manageiq on Twitter</a></li>
-      <li><iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fdevelopers.facebook.com%2Fdocs%2Fplugins%2F&width=100&layout=button&action=like&size=small&show_faces=true&share=false&height=65&appId" width="65" height="20" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe> <a href="https://www.facebook.com/manageiq">ManageIQ on Facebook</a></li>
-      <li><script type="IN/FollowCompany" data-id="56141"></script> <a href="https://www.linkedin.com/company/manageiq">ManageIQ on LinkedIn</a></li>
-
-      <li><a title="View ManageIQ's profile on slideshare" href="http://www.slideshare.net/ManageIQ"><img src="//public.slidesharecdn.com/images/logo/linkedin-ss/SS_Logo_Black_Large.png?ebc847ff10" width="90" height="25" alt="SlideShare" /></a> <a href="http://www.slideshare.net/ManageIQ/presentations"> Sprint Review slides</a></li>
-
-     <li><div class="g-ytsubscribe" data-channel="ManageIQvideo" data-layout="default" data-count="hidden"></div> <a href="https://www.youtube.com/user/ManageIQVideo">Event & Sprint Review videos</a></li>
-    </ul>
+    <p class="community-social">
+      <a href="https://x.com/ManageIQ" title="X / Twitter">
+        <i class="fa-brands fa-x-twitter"></i>
+      </a>
+      <a href="https://bsky.app/profile/manageiq.bsky.social" title="Bluesky">
+        <i class="fa-brands fa-bluesky"></i>
+      </a>
+      <a href="https://fosstodon.org/@manageiq" title="Mastodon">
+        <i class="fa-brands fa-mastodon"></i>
+      </a>
+      <a href="https://www.facebook.com/manageiq/" title="Facebook">
+        <i class="fa-brands fa-facebook"></i>
+      </a>
+      <a href="https://www.linkedin.com/company/manageiq" title="LinkedIn">
+        <i class="fa-brands fa-linkedin"></i>
+      </a>
+      <a href="https://www.slideshare.net/ManageIQ" title="SlideShare">
+        <i class="fa-brands fa-slideshare"></i>
+      </a>
+      <a href="https://www.youtube.com/user/ManageIQVideo" title="YouTube">
+        <i class="fa-brands fa-youtube"></i>
+      </a>
+    </p>
 
     <h3>Collaborate</h3>
     <p>Access the source code and developer guides to get going. Refer to the above engagement channels if you need some assistance!</p>