Correct icon definitions

config.toml

@@ -61,34 +61,35 @@ weight = 6
 [[params.social_links]]
 name = "mastodon"
 url = "https://mastodon.social/@leigh_hackspace"
-icon = "fa-mastodon"
+icon = "fab fa-mastodon"
 
 [[params.social_links]]
 name = "twitter"
 url = "https://twitter.com/leigh_hackspace"
-icon = "fa-twitter"
+icon = "fab fa-twitter"
 
 [[params.social_links]]
 name = "instagram"
 url = "https://www.instagram.com/leighhackspace"
-icon = "fa-instagram"
+icon = "fab fa-instagram"
 
 [[params.social_links]]
 name = "facebook"
 url = "https://www.facebook.com/LeighHackspace"
-icon = "fa-facebook-square"
+icon = "fab fa-facebook-square"
 
 [[params.social_links]]
 name = "slack"
 url = "https://join.slack.com/t/leighhack/shared_invite/enQtNDYzMjEyMDMxNDExLTE1MWY5N2IwMzdhMzQ0ZWFiNDkyNzJmMGM1ZmFkODcwMGM5ODFmYmI4MjhmM2JiMWEyY2E3NTRjMTQzMzljZWU"
-icon = "fa-slack"
+icon = "fab fa-slack"
 
 [[params.social_links]]
 name = "github"
 url = "https://github.com/leigh-hackspace"
-icon = "fa-github-alt"
+icon = "fab fa-github-alt"
 
 [[params.social_links]]
 name = "discourse"
 url = "https://discourse.leighhack.org"
-icon = "fa-discourse"
+icon = "fab fa-discourse"
+

themes/lhs/layouts/partials/header.html

@@ -37,7 +37,7 @@
                 <div class="navbar-item is-inline-block-touch">
                     <span class="icon">
                         <a href="{{ .url | safeURL }}" target="_blank" rel="noopener me"
-                            title="{{ .name | humanize }}"><i class="fab {{ .icon }}" aria-hidden="true"></i></a>
+                            title="{{ .name | humanize }}"><i class="{{ .icon }}" aria-hidden="true"></i></a>
                     </span>
                 </div>
                 {{ end }}