FA5 Support (#5)

Font Awesome upgrade form 4 to 5 brought to you by @BPDranka 

7 files changed, 17 insertions, 12 deletions

diff --git a/README.md b/README.md
index 58c564c..b68f113 100644
--- a/README.md
+++ b/README.md
@@ -119,6 +119,11 @@ The current set up has two TwitterCard/OpenGraph options depending on the params
 The summary description will use the one provided in a post's front matter if it exists or use the generic site description from `config.toml`. You should also adjust the `twitterAuthor` and `twitterSite` params in `config.toml` to point to your account. You can check how your cards are rendering once your website is being publish with the [TwitterCard Validator](https://cards-dev.twitter.com/validator).
 
 
+### Font Awesome
+
+Font Awesome v5 icons are supported. The syntax for using these icons has changed with the version update. You must now include the full name of the icon e.g. `far fa-twitter` which adds a tag that specifies the weight of the icon used.  Note that only free icons are supported by default.  If you are a Font Awesome Pro user, you can add your website as a new project which will generate the code necessary to reference the pro CDN.  Use the HTML code that is generated to replace that in the file at layouts/partials/css.html.
+
+
 ## Going forward
 
 This theme is something I have been working on for the last 6-months and feel like it is finally ready (enough) to share with the world. I'm sure there a wrinkles in some of it that I have yet to find.
diff --git a/exampleSite/config.toml b/exampleSite/config.toml
index 430da43..6a93f54 100644
--- a/exampleSite/config.toml
+++ b/exampleSite/config.toml
@@ -50,25 +50,25 @@ ignoreFiles = ["\\.Rmd$", "\\.Rmarkdown$", "public/"]
 
 [[menu.icon]]
     url = "mailto:nathancday@gmail.com"
-    name = "envelope-o"
+    name = "far fa-envelope"
     weight = 1
 
 [[menu.icon]]
     url = "https://github.com/NathanCDay"
-    name = "github"
+    name = "fab fa-github"
     weight = 2
 
 [[menu.icon]]
     url = "https://twitter.com/natedayta/"
-    name = "twitter"
+    name = "fab fa-twitter"
     weight = 3
 
 [[menu.icon]]
     url = "https://www.linkedin.com/in/nathan-day-59b48435/"
-    name = "linkedin"
+    name = "fab fa-linkedin"
     weight = 4
 
 [[menu.icon]]
     url = "https://www.stackoverflow.com/users/5878751/nate"
-    name = "stack-overflow"
+    name = "fab fa-stack-overflow"
     weight = 5
diff --git a/layouts/partials/css.html b/layouts/partials/css.html
index 8afd564..3efeb11 100644
--- a/layouts/partials/css.html
+++ b/layouts/partials/css.html
@@ -23,7 +23,7 @@
 <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
 
 <!-- font awesome -->
-<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.8.0/css/all.css" integrity="sha384-Mmxa0mLqhmOeaE8vgOSbKacftZcsNYDjQzuCOm6D02luYSzBG8vpaOykv9lFQ51Y" crossorigin="anonymous">
 
 <!-- main -->
 <link rel="stylesheet" href="{{ "css/main.css" | absURL }}">
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 14ea83b..232d615 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -4,7 +4,7 @@
                 </p>
                 <a rel="license" href="https://creativecommons.org/licenses/by/4.0/"
                 title="Creative Commons Attribution 4.0 International license">
-                <i class="fa fa-creative-commons" aria-hidden="true"></i> Attribution 4.0 International license
+                <i class="fab fa-creative-commons" aria-hidden="true"></i> Attribution 4.0 International license
                 </a>
             </div>
         </footer>
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
index 4814772..05892a3 100644
--- a/layouts/partials/header.html
+++ b/layouts/partials/header.html
@@ -87,7 +87,7 @@
                     {{ if .Site.Menus.icon }}
                         <ul class="nav navbar-nav navbar-right">
                             {{ range sort .Site.Menus.icon }}
-                                <li class="navbar-icon"><a href="{{ .URL }}"><i class="fa fa-{{ .Name }}"></i></a></li>
+                                <li class="navbar-icon"><a href="{{ .URL }}"><i class="{{ .Name }}"></i></a></li>
                             {{ end }}
                             {{ partial "toggle"}}
                         </ul>
diff --git a/layouts/partials/paginator.html b/layouts/partials/paginator.html
index d6128f4..25562e7 100644
--- a/layouts/partials/paginator.html
+++ b/layouts/partials/paginator.html
@@ -4,11 +4,11 @@
 
     {{ if .Paginator.HasPrev }}
     <a class="icon pages-icon" href="{{ .Paginator.Prev.URL }}" rel="prev">
-        <i class="fa fa-arrow-left"></i>
+        <i class="fas fa-arrow-left"></i>
     </a>
     {{ end }} {{ if .Paginator.HasNext }}
     <a class="icon pages-icon" href="{{ .Paginator.Next.URL }}" rel="next">
-        <i class="fa fa-arrow-right"></i>
+        <i class="fas fa-arrow-right"></i>
     </a>
     {{ end }}
 
diff --git a/layouts/partials/toggle.html b/layouts/partials/toggle.html
index 6656e3f..f3f192b 100644
--- a/layouts/partials/toggle.html
+++ b/layouts/partials/toggle.html
@@ -3,8 +3,8 @@
         data-toggle="toggle"
         data-width = "10"
         data-height = "1"
-        data-on="<i class='fa fa-moon-o fa-lg' style='vertical-align:25%'></i>"
-        data-off= "<i class='fa fa-sun-o fa-lg' style='vertical-align:25%'></i>"
+        data-on="<i class='far fa-moon fa-lg'></i>"
+        data-off= "<i class='far fa-sun fa-lg'></i>"
         data-style="ios"
         data-onstyle = "default">
 </li>
\ No newline at end of file