Merge pull request #20 from niklaas/ftr/fontawesome5

Upgrades to Font Awesome 5 (SVG + JS)

4 files changed, 12 insertions, 12 deletions

diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index ab70c0c..ab91d86 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -49,56 +49,56 @@ publishDir = "docs"
 [[params.social]]
 	title = "facebook"
 	url = "https://www.facebook.com/nickname"
-    icon = "fa-facebook-square"
+    icon = "fab fa-facebook-square"
     footer = true
     sharethis = true
     network = "facebook"
 [[params.social]]
 	title = "twitter"
 	url = "https://twitter.com/nickname"
-    icon = "fa-twitter-square"
+    icon = "fab fa-twitter-square"
     footer = true
     sharethis = true
     network = "twitter"
 [[params.social]]
 	title = "instagram"
 	url = "https://www.instagram.com/nickname"
-    icon = "fa-instagram"
+    icon = "fab fa-instagram"
     footer = true
     sharethis = false
     network = ""
 [[params.social]]
 	title = "google+"
 	url = "https://plus.google.com/+nickname"
-    icon = "fa-google-plus-square"
+    icon = "fab fa-google-plus-square"
     footer = false
     sharethis = true
     network = "googleplus"
 [[params.social]]
 	title = "linkedin"
 	url = "https://www.linkedin.com/in/nickname"
-    icon = "fa-linkedin-square"
+    icon = "fab fa-linkedin"
     footer = false
     sharethis = true
     network = "linkedin"
 [[params.social]]
 	title = "tumblr"
 	url = "https://nickname.tumblr.com"
-    icon = "fa-tumblr-square"
+    icon = "fab fa-tumblr-square"
     footer = false
     sharethis = false
     network = "tumblr"
 [[params.social]]
 	title = "github"
 	url = "https://github.com/nickname"
-    icon = "fa-github"
+    icon = "fab fa-github"
     footer = true
     sharethis = false
     network = ""
 [[params.social]]
 	title = "email"
 	url = "mailto:some.email@somewhere.com"
-    icon = "fa-envelope"
+    icon = "fas fa-envelope-square"
     footer = false
     sharethis = true
     network = "email"
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 7d56f39..987f728 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -21,7 +21,7 @@
 					<p class="follow-me-icons">
                         {{ range .Site.Params.social }}
                             {{ if .footer }}
-                                <a href="{{ .url }}" target="_blank"><i class="fa {{ .icon }} fa-2"></i></a>
+                                <a href="{{ .url }}" target="_blank"><i class="{{ .icon }} fa-1x"></i></a>
                             {{ end }}
                         {{ end }}
 					</p>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 11fd88b..31eeb18 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -13,7 +13,7 @@
 	<!-- Bootstrap -->
 	<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.no-icons.min.css" rel="stylesheet">
 	<!-- Icons -->
-	<link href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
+	<script defer src="https://use.fontawesome.com/releases/v5.0.11/js/all.js" integrity="sha384-ImVoB8Er8knetgQakxuBS4G3RSkyD8IZVVQCAnmRJrDwqJFYUE4YOv+DbIofcO9C" crossorigin="anonymous"></script>
 	<!-- Fonts -->
 	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Alice|Open+Sans:400,300,700">
 	<!-- Custom styles -->
diff --git a/layouts/partials/sharethis.html b/layouts/partials/sharethis.html
index efceca3..ec15b64 100644
--- a/layouts/partials/sharethis.html
+++ b/layouts/partials/sharethis.html
@@ -3,10 +3,10 @@
         {{ if .Site.Params.sharethis.custom }}
             {{ range .Site.Params.social }}
                 {{ if .sharethis }}
-                    <div data-network="{{ .network }}" data-title="{{ .Title }} >> " class="st-custom-button"> <i class="fa {{ .icon }} fa-2x"></i> </div>
+                    <div data-network="{{ .network }}" data-title="{{ .Title }} >> " class="st-custom-button"> <i class="{{ .icon }} fa-2x"></i> </div>
                 {{ end }}
             {{ end }}
-            <div data-network="sharethis" data-title="{{ .Title }} >> " class="st-custom-button"> <i class="fa fa-share-alt-square fa-2x"></i> </div>
+            <div data-network="sharethis" data-title="{{ .Title }} >> " class="st-custom-button"> <i class="fas fa-share-alt-square fa-2x"></i> </div>
         {{ else }}
             <div class="sharethis-inline-share-buttons"></div>
             <br>