Make things more consistent.

This variant just adds `rel="me"` everywhere. That allows us to treat Mastodon as just another social.

Oddly, the social links seem to be defined in two separate places. Not sure what that duplication is about.

Author: Mark "Justin du Coeur" Waks

_data/nav-social.yml

@@ -6,6 +6,10 @@
   url: https://twitter.com/typelevel
   icon: "fab fa-twitter"
 
+- title: Mastodon
+  url: https://fosstodon.org/@typelevel
+  icon: "fab fa-mastodon"
+
 - title: Discord
   url: https://discord.gg/XF3CXcMzqD
   icon: "fab fa-discord"

_data/nav.yml

@@ -23,6 +23,10 @@ navSocial:
     url: https://twitter.com/typelevel
     icon: "fab fa-twitter"
 
+  - title: Mastodon
+    url: https://fosstodon.org/@typelevel
+    icon: "fab fa-mastodon"
+
   - title: Discord
     url: https://discord.gg/XF3CXcMzqD
     icon: "fab fa-discord"

_includes/_footer.html

@@ -26,12 +26,11 @@ <h3>Scala</h3>
 
                 {% for item in site.data.nav.navSocial %}
                 <li>
-                    <a href="{{ item.url | relative_url }}" target="_blank">
+                    <a rel="me" href="{{ item.url | relative_url }}" target="_blank">
                     <i class="{{ item.icon }}"></i>
                 </a>
                 </li>
                 {% endfor %}
-                <li><a rel="me" href="https://fosstodon.org/@typelevel" target="_blank"><i class="fab fa-mastodon"></i></a></li>
             </ul>
         </div>
     </div>