Add link to Mastodon account

addon/components/es-footer-info.hbs

@@ -11,7 +11,7 @@
   </div>
   <div class="footer-social hide-on-mobile">
     {{#each @socialLinks as |link|}}
-      <a href={{link.href}} title={{link.title}} aria-label={{link.label}}>
+      <a href={{link.href}} title={{link.title}} aria-label={{link.label}} rel="me">
         {{svg-jar link.class}} {{link.title}}
       </a>
     {{/each}}

addon/constants/es-footer.js

@@ -15,6 +15,11 @@ const socialLinks = [{
   href: 'https://discordapp.com/invite/zT3asNS',
   class: 'discord-logo',
   label: 'Join the Ember Community Discord'
+}, {
+  title: 'Mastodon',
+  href: 'https://hachyderm.io/@emberjs',
+  class: 'mastodon-logo',
+  label: 'Official Ember Mastodon Account'
 }];
 
 

tests/integration/components/es-footer-test.js

@@ -13,7 +13,7 @@ module('Integration | Component | es footer', function(hooks) {
     const footerSocialLinks = this.element.querySelectorAll('.footer-social a');
     const footerContribtuionsLinks = this.element.querySelectorAll('.footer-contributions a');
 
-    assert.equal(footerSocialLinks.length, 3, 'social links are loading');
+    assert.equal(footerSocialLinks.length, 4, 'social links are loading');
     assert.equal(footerContribtuionsLinks.length, 5, 'contributors links are loading');
   });
 });