Update to Font Awesome v5.5.0

data/beautifulhugo/social.toml

@@ -2,136 +2,136 @@
 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://plus.google.com/%s"
 title = "Google+"
-icon = "fa-google-plus"
+icon = "fab fa-google-plus"
 
 [[social_icons]]
 id = "github"
 url = "https://github.com/%s"
 title = "GitHub"
-icon = "fa-github"
+icon = "fab fa-github"
 
 [[social_icons]]
 id = "gitlab"
 url = "https://gitlab.com/%s"
 title = "GitLab"
-icon = "fa-gitlab"
+icon = "fab fa-gitlab"
 
 [[social_icons]]
 id = "bitbucket"
 url = "https://bitbucket.org/%s"
 title = "Bitbucket"
-icon = "fa-bitbucket"
+icon = "fab fa-bitbucket"
 
 [[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"
+icon = "fas fa-gamepad"
 
 [[social_icons]]
 id = "keybase"
 url = "https://keybase.io/%s"
 title = "Keybase"
-icon = "fa-key"
+icon = "fas fa-key"
 
 [[social_icons]]
 id = "vk"
 url = "https://vk.com/%s"
 title = "VK"
-icon = "fa-vk"
+icon = "fab fa-vk"
 
 [[social_icons]]
 id = "paypal"
 url = "https://paypal.me/%s"
 title = "PayPal"
-icon = "fa-paypal"
+icon = "fab fa-paypal"
 
 [[social_icons]]
 id = "telegram"
 url = "https://telegram.me/%s"
 title = "Telegram"
-icon = "fa-telegram"
+icon = "fab fa-telegram"
 
 [[social_icons]]
 id = "500px"
 url = "https://500px.com/%s"
 title = "500px"
-icon = "fa-500px"
+icon = "fab fa-500px"

layouts/partials/footer.html

@@ -8,8 +8,8 @@
               <li>
                 <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="fas 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>
@@ -23,8 +23,8 @@
             <a href="{{ .Site.RSSLink }}" title="RSS">
             {{ end }}
               <span class="fa-stack fa-lg">
-                <i class="fa fa-circle fa-stack-2x"></i>
+                <i class="fas fa-circle fa-stack-2x"></i>
-                <i class="fa fa-rss fa-stack-1x fa-inverse"></i>
+                <i class="fas fa-rss fa-stack-1x fa-inverse"></i>
               </span>
             </a>
           </li>

layouts/partials/head.html

@@ -65,7 +65,7 @@
 <!-- Links and stylesheets -->
   <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" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
+  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" 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 }}" />
   {{- if .Site.Params.staticman -}}

layouts/partials/post_meta.html

@@ -1,26 +1,21 @@
 <span class="post-meta">
   {{ $lastmodstr := default (i18n "dateFormat") .Site.Params.dateformat | .Lastmod.Format }}
   {{ $datestr := default (i18n "dateFormat") .Site.Params.dateformat | .Date.Format }}
-  <i class="fa fa-calendar-o"></i>&nbsp;{{ $datestr | i18n "postedOnDate"}}
+  <i class="fas fa-calendar"></i>&nbsp;{{ $datestr | i18n "postedOnDate"}}
   {{ if ne $datestr $lastmodstr }}
     &nbsp;{{ $lastmodstr | i18n "lastModified"  }}
   {{ end }}
   {{ if .Site.Params.readingTime }}
-    &nbsp;|&nbsp;
+    &nbsp;|&nbsp;<i class="fas fa-clock"></i>&nbsp;{{ i18n "readingTime"}}{{ .ReadingTime }}&nbsp;{{ i18n "readTime" }}
-    <i class="fa fa-clock-o"></i>&nbsp;
-    {{ i18n "readingTime"}} {{ .ReadingTime }} {{ i18n "readTime" }}
   {{ end }}
   {{ if .Site.Params.wordCount }}
-    &nbsp;|&nbsp;
+    &nbsp;|&nbsp;<i class="fas fa-book"></i>&nbsp;{{ .WordCount }}&nbsp;{{ i18n "words" }}
-    <i class="fa fa-book"></i> {{ .WordCount }} {{ i18n "words" }}
   {{ end }}
   {{ if .Params.author }}
-    &nbsp;|&nbsp;
+    &nbsp;|&nbsp;<i class="fas fa-user"></i>&nbsp;{{ .Params.author | safeHTML }}{{ else }}{{ .Site.Author.name | safeHTML }}
-    <i class="fa fa-user"></i>
-    {{ .Params.author | safeHTML }}
   {{ end }}
   {{- if .Site.Params.staticman -}}
-    &nbsp;|&nbsp;<i class="fa fa-comment-o"></i>&nbsp;
+    &nbsp;|&nbsp;<i class="fas fa-comment"></i>&nbsp;
     {{ $slug := replace .URL "/" "" }}
     {{ if .Site.Data.comments }}
       {{ $comments := index $.Site.Data.comments $slug }}

layouts/partials/share-links.html

@@ -5,49 +5,49 @@
       <!-- Twitter -->
       <li>
         <a href="//twitter.com/share?url={{ .Permalink }}&amp;text={{ .Title }}&amp;via={{ .Site.Author.twitter }}" target="_blank" title="Share on Twitter">
-          <i class="fa fa-twitter"></i>
+          <i class="fab fa-twitter"></i>
         </a>
       </li>
   
       <!-- Google Plus -->
       <li>
         <a href="//plus.google.com/share?url={{ .Permalink }}" target="_blank" title="Share on Google Plus">
-          <i class="fa fa-google-plus"></i>
+          <i class="fab fa-google-plus"></i>
         </a>
       </li>
   
       <!-- Facebook -->
       <li>
         <a href="//www.facebook.com/sharer/sharer.php?u={{ .Permalink }}" target="_blank" title="Share on Facebook">
-          <i class="fa fa-linkedin"></i>
+          <i class="fab fa-linkedin"></i>
         </a>
       </li>
   
       <!-- Reddit -->
       <li>
         <a href="//reddit.com/submit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" title="Share on Reddit">
-          <i class="fa fa-reddit"></i>
+          <i class="fab fa-reddit"></i>
         </a>
       </li>
   
       <!-- LinkedIn -->
       <li>
         <a href="//www.linkedin.com/shareArticle?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" title="Share on LinkedIn">
-          <i class="fa fa-linkedin"></i>
+          <i class="fab fa-linkedin"></i>
         </a>
       </li>
   
       <!-- StumbleUpon -->
       <li>
         <a href="//www.stumbleupon.com/submit?url={{ .Permalink }}&amp;title={{ .Title }}" target="_blank" title="Share on StumbleUpon">
-          <i class="fa fa-stumbleupon"></i>
+          <i class="fab fa-stumbleupon"></i>
         </a>
       </li>
   
       <!-- Pinterest -->
       <li>
         <a href="//www.pinterest.com/pin/create/button/?url={{ .Permalink }}&amp;description={{ .Title }}" target="_blank" title="Share on Pinterest">
-          <i class="fa fa-pinterest"></i>
+          <i class="fab fa-pinterest"></i>
         </a>
       </li>
     </ul>

static/css/main.css

@@ -789,7 +789,7 @@ h4.see-also {
  ul.share li:last-of-type {
   margin-right: 0;
 }
- ul.share li .fa {
+ ul.share li .fab {
   display: block;
   width: 30px;
   height: 30px;
@@ -806,6 +806,6 @@ h4.see-also {
   text-decoration: none !important;
   margin: 0;
 }
- ul.share li:hover .fa {
+ ul.share li:hover .fab {
   transform: scale(1.4)
 }