Switched to Font Awesome 5

config.toml

@@ -52,6 +52,7 @@ pygmentCodeFences = true
   spotify = "username"
   bandcamp = "username"
   itchio = "username"
+  keybase = "username"
 
 
 [[menu.main]]

themes/beautifulhugo/data/beautifulhugo/social.toml

@@ -2,101 +2,120 @@
 id = "email"
 url = "mailto:%s"
 title = "Email me"
-icon = "fa-envelope"
+icon = "fas fa-envelope"
 
 [[social_icons]]
 id = "facebook"
 url = "https://www.facebook.com/%s"
 title = "Facebook"
-icon = "fa-facebook"
+icon = "fab fa-facebook"
 
 [[social_icons]]
 id = "googleplus"
 url = "https://www.plus.google.com/%s"
 title = "Google+"
-icon = "fa-google-plus"
+icon = "fab fa-google-plus"
 
 [[social_icons]]
 id = "gitlab"
 url = "https://gitlab.com/%s"
 title = "GitLab"
-icon = "fa-gitlab"
+icon = "fab fa-gitlab"
 
 [[social_icons]]
 id = "github"
 url = "https://github.com/%s"
 title = "GitHub"
-icon = "fa-github"
+icon = "fab fa-github"
 
 [[social_icons]]
 id = "twitter"
 url = "https://twitter.com/%s"
 title = "Twitter"
-icon = "fa-twitter"
+icon = "fab fa-twitter"
 
 [[social_icons]]
 id = "reddit"
 url = "https://reddit.com/u/%s"
 title = "Reddit"
-icon = "fa-reddit-alien"
+icon = "fab fa-reddit-alien"
 
 [[social_icons]]
 id = "linkedin"
 url = "https://linkedin.com/in/%s"
 title = "LinkedIn"
-icon = "fa-linkedin"
+icon = "fab fa-linkedin"
 
 [[social_icons]]
 id = "xing"
 url = "https://www.xing.com/profile/%s"
 title = "Xing"
-icon = "fa-xing"
+icon = "fab fa-xing"
 
 [[social_icons]]
 id = "stackoverflow"
 url = "https://stackoverflow.com/%s"
 title = "StackOverflow"
-icon = "fa-stack-overflow"
+icon = "fab fa-stack-overflow"
 
 [[social_icons]]
 id = "snapchat"
 url = "https://www.snapchat.com/add/%s"
 title = "Snapchat"
-icon = "fa-snapchat-ghost"
+icon = "fab fa-snapchat-ghost"
 
 [[social_icons]]
 id = "instagram"
 url = "https://www.instagram.com/%s"
 title = "Instagram"
-icon = "fa-instagram"
+icon = "fab fa-instagram"
 
 [[social_icons]]
 id = "youtube"
 url = "https://www.youtube.com/%s"
 title = "Youtube"
-icon = "fa-youtube"
+icon = "fab fa-youtube"
 
 [[social_icons]]
 id = "soundcloud"
 url = "https://soundcloud.com/%s"
 title = "SoundCloud"
-icon = "fa-soundcloud"
+icon = "fab fa-soundcloud"
 
 [[social_icons]]
 id = "spotify"
 url = "https://open.spotify.com/user/%s"
 title = "Spotify"
-icon = "fa-spotify"
+icon = "fab fa-spotify"
 
 [[social_icons]]
 id = "bandcamp"
 url = "https://%s.bandcamp.com/"
 title = "Bandcamp"
-icon = "fa-bandcamp"
+icon = "fab fa-bandcamp"
 
 [[social_icons]]
 id = "itchio"
 url = "https://itch.io/profile/%s"
-title = "Itch.io"
-icon = "fa-gamepad"
+title = "itch.io"
+icon = "fas fa-gamepad"
+
+[[social_icons]]
+id = "steam"
+url = "https://steamcommunity.com/id/%s"
+title = "Steam"
+icon = "fab fa-steam"
+
+[[social_icons]]
+id = "keybase"
+url = "https://keybase.io/%s"
+title = "Keybase"
+icon = "fab fa-keybase"
+
+[[social_icons]]
+id = "Goodreads"
+url = "https://www.goodreads.com/%s"
+title = "Goodreads"
+icon = "fab fa-goodreads"
+
 

themes/beautifulhugo/layouts/partials/footer.html

@@ -9,7 +9,7 @@
                 <a href="{{ printf .url (index $.Site.Author .id) }}" title="{{ .title }}">
                   <span class="fa-stack fa-lg">
                     <i class="fa fa-circle fa-stack-2x"></i>
-                    <i class="fa {{ .icon }} fa-stack-1x fa-inverse"></i>
+                    <i class="{{ .icon }} fa-stack-1x fa-inverse"></i>
                   </span>
                 </a>
               </li>

themes/beautifulhugo/layouts/partials/head.html

@@ -39,7 +39,7 @@
   <link rel="canonical" href="{{ .URL | absLangURL }}" />
   <link rel="alternate" href="{{ "index.xml" | absLangURL }}" type="application/rss+xml" title="{{ .Site.Title }}">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/KaTeX/0.7.1/katex.min.css" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
   <link rel="stylesheet" href="{{ "css/main.css" | absURL }}" />
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" />