Add support for mastodon social link

_config.yml

@@ -43,9 +43,9 @@ plainwhite:
     # Mastodon instances
     # mastodon:
     # - username: jekyll
-    #   instance: example.com
+    #   instance: mastodon.world
     # - username: jekyll2
-    #   instance: example.com
+    #   instance: mastodon.online
 
 # If you want to link only specific pages in your header, uncomment
 # this and add the path to the pages in order as they should show up

_layouts/default.html

@@ -133,6 +133,13 @@ <h2 id="title">
           </li>
         </a>
         {%- endif -%}
+        {% for profile in site.plainwhite.social_links.mastodon %}
+        <a rel="me" href="https://{{profile.instance}}/@{{ profile.username}}" target="_blank">
+            <li>
+                <i class="icon-mastodon"></i>
+            </li>
+        </a>
+        {%- endfor -%}
       </ul>
       {%- endif -%}
       {%- if site.plainwhite.navigation -%}

_sass/ext/_fonts.scss

@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'fontello';
-  src: url('../font/fontello.eot?37382099');
-  src: url('../font/fontello.eot?37382099#iefix') format('embedded-opentype'),
-       url('../font/fontello.woff2?37382099') format('woff2'),
-       url('../font/fontello.woff?37382099') format('woff'),
-       url('../font/fontello.ttf?37382099') format('truetype'),
-       url('../font/fontello.svg?37382099#fontello') format('svg');
+  src: url('../font/fontello.eot?56160733');
+  src: url('../font/fontello.eot?56160733#iefix') format('embedded-opentype'),
+       url('../font/fontello.woff2?56160733') format('woff2'),
+       url('../font/fontello.woff?56160733') format('woff'),
+       url('../font/fontello.ttf?56160733') format('truetype'),
+       url('../font/fontello.svg?56160733#fontello') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -15,7 +15,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'fontello';
-    src: url('../font/fontello.svg?37382099#fontello') format('svg');
+    src: url('../font/fontello.svg?56160733#fontello') format('svg');
   }
 }
 */
@@ -72,3 +72,4 @@
 .icon-linkedin-squared:before { content: '\f30c'; } /* '' */
 .icon-soundcloud:before { content: '\f348'; } /* '' */
 .icon-stack-overflow:before { content: '\f16c'; } /* '' */
+.icon-mastodon:before { content: '\e80b'; } /* '' */

assets/font/fontello-config.json

@@ -124,6 +124,20 @@
       "code": 61804,
       "src": "fontawesome"
     },
+    {
+      "uid": "99e82fb3f9962b6fee6daf83520370d4",
+      "css": "mastodon",
+      "code": 59403,
+      "src": "custom_icons",
+      "selected": true,
+      "svg": {
+        "path": "M888.6 356.9C888.6 176.1 770.2 123.2 770.2 123.2 710.5 95.8 607.9 84.2 501.4 83.3H498.8C392.2 84.2 289.8 95.8 230 123.2 230 123.2 111.5 176.2 111.5 356.9 111.5 398.3 110.8 447.8 112 500.3 116.3 677.1 144.5 851.3 307.9 894.6 383.3 914.5 448 918.7 500.1 915.8 594.6 910.6 647.6 882.1 647.6 882.1L644.5 813.5S577 834.8 501.1 832.3C426 829.7 346.7 824.2 334.5 731.9A188.5 188.5 0 0 1 332.8 706S406.6 724 500.1 728.3C557.3 731 610.8 725 665.3 718.5 769.7 706 860.6 641.7 872 582.9 890.1 490.3 888.6 356.9 888.6 356.9ZM748.9 589.8H662.2V377.4C662.2 332.6 643.4 309.9 605.7 309.9 564 309.9 543.1 336.8 543.1 390.2V506.5H456.9V390.2C456.9 336.8 436 309.9 394.3 309.9 356.6 309.9 337.8 332.6 337.8 377.4V589.8H251.1V371C251.1 326.2 262.5 290.7 285.4 264.4 309 238.1 339.8 224.6 378.2 224.6 422.6 224.6 456.2 241.6 478.4 275.8L500 312 521.6 275.8C543.8 241.6 577.5 224.6 621.8 224.6 660.2 224.6 691.1 238.1 714.7 264.4 737.5 290.7 748.9 326.2 748.9 371V589.8Z",
+        "width": 1000
+      },
+      "search": [
+        "mastodon"
+      ]
+    },
     {
       "uid": "1f1877aff7a2cd39092fcf73c3b5e7cb",
       "css": "github-circled",