Updates to social links (#144)

* update social icons from pebble-dev/iconography, remove twitter, add bluesky and mastodon

* make social links rel="me"

* better alt text for social link icons

* make email link a mailto url

* add fediverse:creator meta tag for fediverse embed attribution

* add changes from other PR

* adjust vertical position of email icon to be inline with dev_console

* run svgo on icons

Author: Sorixelle

_data/socials.yml

@@ -1,11 +1,19 @@
-- name: discord
+- name: Discord
   url: https://discordapp.com/invite/aRUAYFN
-  icon: discord.png
+  icon: discord.svg
 
-- name: twitter
-  url: https://twitter.com/pebble_dev/
-  icon: twitter.png
+- name: Bluesky
+  url: https://bsky.app/profile/rebble.io/
+  icon: bluesky.svg
 
-- name: email
-  url: /contact/
-  icon: email.png
+- name: Mastodon
+  url: https://mastodon.social/@rebble
+  icon: mastodon.svg
+
+- name: GitHub
+  url: https://github.com/pebble-dev
+  icon: github.svg
+
+- name: Email
+  url: mailto:support@rebble.io
+  icon: email.svg

_includes/footer.html

@@ -5,7 +5,7 @@
     </div>
     <div class="text-content">
       {% for item in site.data.socials %}
-        <a href="{{ item.url }}"><img class="footer-icon" alt="icon-{{ item.name }}" src="/images/social-icons/{{ item.icon }}"></img></a>
+        <a rel="me" href="{{ item.url }}"><img class="footer-icon" alt="{{ item.name }}" src="/images/social-icons/{{ item.icon }}"></img></a>
       {% endfor %}
     </div>
     {% include mailinglist.html %}

_includes/head.html

@@ -3,6 +3,7 @@
     <title>{% if page.title and page.title != site.title %}{{ site.title }} · {{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
     <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}"/>
     <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"/>
+    <meta name="fediverse:creator" content="@rebble@mastodon.social">
     <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
     <link rel="icon" type="image/x-icon" href="/images/favicon.ico">
     <link rel="stylesheet" href="/css/common.css?version=1.2.0">

_scss/footer.scss

@@ -14,7 +14,7 @@ footer {
 }
 
 .footer-icon {
-	height: 30px;
-	width: 30px;
+	height: 25px;
+	width: 25px;
 	margin-left: 10px;
 }