Merge branch 'master' of https://github.com/zhaohuabing/hugo-theme-cleanwhite

5 files changed, 106 insertions, 104 deletions

diff --git a/README.md b/README.md
index bc139c2..10bfa1d 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # Clean White Theme for Hugo

 

-CleanWhite is a clean, elegant, but fully functional blog theme for Hugo. Here is a live [demo site](https://zhaohuabing.com) using this theme.  

+CleanWhite is a clean, elegant, but fully functional blog theme for Hugo. Here is a live [demo site](https://zhaohuabing.com) using this theme.

 

 It is based on [huxblog Jekyll Theme](https://github.com/Huxpro/huxpro.github.io)

 and [Clean Blog Jekyll Theme](https://github.com/BlackrockDigital/startbootstrap-clean-blog-jekyll).

@@ -61,10 +61,10 @@ Now enter [`localhost:1313`](http://localhost:1313) in the address bar of your b
 

 If you start from scratch, there is a working Hugo site configured with the CleanWhite theme in the [exampleSite](https://github.com/zhaohuabing/hugo-theme-cleanwhite/tree/master/exampleSite) directory.  You can use it as a starting point for your site.

 

-For more information read the official [setup guide](https://gohugo.io/overview/installing/) of Hugo 

+For more information read the official [setup guide](https://gohugo.io/overview/installing/) of Hugo

 

 ## Configuration

-First, let's take a look at the [config.toml](https://github.com/zhaohuabing/hugo-cleanwhite-theme/tree/master/exampleSite/config.toml). It will be useful to learn how to customize your site. Feel free to play around with the settings.

+First, let's take a look at the [config.toml](https://github.com/zhaohuabing/hugo-theme-cleanwhite/blob/master/exampleSite/config.toml). It will be useful to learn how to customize your site. Feel free to play around with the settings.

 

 ### Comments

 The optional comments system is powered by [Disqus](https://disqus.com). If you want to enable comments, create an account in Disqus and write down your shortname.

@@ -107,7 +107,7 @@ Next, open up the newly created package.json, where we’ll add an NPM script to
 ```josn

 "algolia": "atomic-algolia"

 ```

-Algolia index output format has already been supported by the CleanWhite theme, so you can just build your site, then you’ll find a file called algolia.json in the root, which we can use to update your index in Algolia.

+Algolia index output format has already been supported by the CleanWhite theme, so you can just build your site, then you’ll find a file called algolia.json in your `public` directory, which we can use to update your index in Algolia.

 Generate index file:

 ```bash

 $ hugo

@@ -119,6 +119,8 @@ ALGOLIA_ADMIN_KEY={{ YOUR_ADMIN_KEY }}
 ALGOLIA_INDEX_NAME={{ YOUR_INDEX_NAME }}

 ALGOLIA_INDEX_FILE={{ PATH/TO/algolia.json }}

 ```

+**Make sure double curly braces be replaced together**.

+

 Now you can push your index to Algolia by simply running:

 ```bash

 $ npm run algolia

@@ -134,7 +136,7 @@ Open search page in your browser: http://localhost:1313/search
 

 ### Analytics

 

-You can optionally enable Google or Baidu Analytics. Type your tracking code in the 

+You can optionally enable Google or Baidu Analytics. Type your tracking code in the

 

 ```toml

 googleAnalytics = "UA-XXXXX-X"

@@ -191,15 +193,15 @@ Mind Map is supported with shortcode 'mind', instering the following code snippe
 

 Use the below hugo shortcodes to embed videos into your posts.

 

-Bilibili (B站) 

+Bilibili (B站)

 ```

 {{< bilibili BV1kZ4y137gv >}}

-``` 

+```

 

 Youtube

 ```

 {{< youtube cllc1ZGlhsQ >}}

-``` 

+```

 

 Vimeo

 ```

@@ -212,4 +214,4 @@ Thanks for the great jobs of [huxblog Jekyll Theme](https://github.com/Huxpro/hu
 ## Feedback

 If you find any problems, please feel free to [raise an issue](https://github.com/zhaohuabing/hugo-theme-cleanwhite/issues/new) or create a pull request to fix it.

 

-If it's helpful for you, I would appreciate it if you could star this repository, thanks!
\ No newline at end of file
+If it's helpful for you, I would appreciate it if you could star this repository, thanks!

diff --git a/images/bilibili.png b/images/bilibili.png
index 1ee7640..d74d4a3 100644
--- a/images/bilibili.png
+++ b/images/bilibili.png
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index 67c62f5..cf55055 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -8,8 +8,8 @@
                    <li>
                        <a href='{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}' rel="alternate" type="application/rss+xml" title="{{ .Site.Title | default "" }}" >
                            <span class="fa-stack fa-lg">
-                               <i class="fa fa-circle fa-stack-2x"></i>
-                               <i class="fa fa-rss fa-stack-1x fa-inverse"></i>
+                               <i class="fas fa-circle fa-stack-2x"></i>
+                               <i class="fas fa-rss fa-stack-1x fa-inverse"></i>
                            </span>
                        </a>
                    </li>
@@ -18,19 +18,19 @@
                     <li>
                         <a href="mailto:{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-envelope fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fas fa-envelope fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
 		    {{ end }}
-                    
+
                     {{ with .Site.Params.social.twitter }}
                     <li>
                         <a href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -39,8 +39,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa  fa-stack-1x fa-inverse">知</i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab  fa-stack-1x fa-inverse">知</i>
                             </span>
                         </a>
                     </li>
@@ -49,8 +49,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-weibo fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-weibo fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -60,8 +60,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-facebook fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -72,8 +72,8 @@
                     <li>
                         <a target="_blank" href="{{ . | relURL }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-wechat fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-wechat fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -82,8 +82,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-github fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-github fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -92,8 +92,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-gitlab fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-gitlab fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -102,8 +102,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-git fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-git fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -112,8 +112,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -122,8 +122,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-medium fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-medium fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -132,8 +132,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-stack-overflow fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-stack-overflow fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -142,8 +142,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-reddit fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-reddit fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -152,8 +152,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-mastodon fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-mastodon fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -162,8 +162,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-keybase fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-keybase fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -172,8 +172,8 @@
             <li>
                 <a target="_blank" href="{{ . }}">
                     <span class="fa-stack fa-lg">
-                        <i class="fa fa-circle fa-stack-2x"></i>
-                        <i class="fa fa-xing fa-stack-1x fa-inverse"></i>
+                        <i class="fas fa-circle fa-stack-2x"></i>
+                        <i class="fab fa-xing fa-stack-1x fa-inverse"></i>
                     </span>
                 </a>
             </li>
@@ -182,8 +182,8 @@
             <li>
                 <a target="_blank" href="{{ . }}">
                     <span class="fa-stack fa-lg">
-                        <i class="fa fa-circle fa-stack-2x"></i>
-                        <i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
+                        <i class="fas fa-circle fa-stack-2x"></i>
+                        <i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
                     </span>
                 </a>
             </li>
@@ -192,15 +192,15 @@
             <li>
                 <a target="_blank" href="{{ . }}">
                     <span class="fa-stack fa-lg">
-                        <i class="fa fa-circle fa-stack-2x"></i>
-                        <i class="fa fa-flickr fa-stack-1x fa-inverse"></i>
+                        <i class="fas fa-circle fa-stack-2x"></i>
+                        <i class="fab fa-flickr fa-stack-1x fa-inverse"></i>
                     </span>
                 </a>
             </li>
     {{ end }}
                 </ul>
 		<p class="copyright text-muted">
-                    Copyright &copy; {{ .Site.Title }} {{ now.Year }}
+                    Copyright &copy; {{ .Site.Title }} {{ now.Year }} {{- if .Site.Params.icp }} | {{ with .Site.Params.icp }}{{ . | markdownify }}{{ end }}{{- end}}
                     <br>
                     <a href="https://themes.gohugo.io/hugo-theme-cleanwhite">CleanWhite Hugo Theme</a> by <a href="https://zhaohuabing.com">Huabing</a> |
                     <iframe
@@ -218,7 +218,7 @@
 
 <!-- async load function -->
 <script>
-    function async(u, c) {
+    function loadAsync(u, c) {
       var d = document, t = 'script',
           o = d.createElement(t),
           s = d.getElementsByTagName(t)[0];
@@ -228,18 +228,18 @@
     }
 </script>
 
-<!-- 
-     Because of the native support for backtick-style fenced code blocks 
-     right within the Markdown is landed in Github Pages, 
-     From V1.6, There is no need for Highlight.js, 
+<!--
+     Because of the native support for backtick-style fenced code blocks
+     right within the Markdown is landed in Github Pages,
+     From V1.6, There is no need for Highlight.js,
      so Huxblog drops it officially.
 
-     - https://github.com/blog/2100-github-pages-now-faster-and-simpler-with-jekyll-3-0  
-     - https://help.github.com/articles/creating-and-highlighting-code-blocks/    
+     - https://github.com/blog/2100-github-pages-now-faster-and-simpler-with-jekyll-3-0
+     - https://help.github.com/articles/creating-and-highlighting-code-blocks/
 -->
 <!--
     <script>
-        async("http://cdn.bootcss.com/highlight.js/8.6/highlight.min.js", function(){
+        loadAsync("http://cdn.bootcss.com/highlight.js/8.6/highlight.min.js", function(){
             hljs.initHighlightingOnLoad();
         })
     </script>
@@ -251,7 +251,7 @@
 <script>
     // only load tagcloud.js in tag.html
     if($('#tag_cloud').length !== 0){
-        async("/js/jquery.tagcloud.js",function(){
+        loadAsync("/js/jquery.tagcloud.js",function(){
             $.fn.tagcloud.defaults = {
                 //size: {start: 1, end: 1, unit: 'em'},
                 color: {start: '#bbbbee', end: '#0085a1'},
@@ -263,7 +263,7 @@
 
 <!--fastClick.js -->
 <script>
-    async("https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.js", function(){
+    loadAsync("https://cdnjs.cloudflare.com/ajax/libs/fastclick/1.0.6/fastclick.js", function(){
         var $nav = document.querySelector("nav");
         if($nav) FastClick.attach($nav);
     })
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 7797fe9..82fdbb0 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -50,7 +50,7 @@
     <link rel="canonical" href="{{ .URL | relURL }}">
 
     <link rel="stylesheet" href="{{ "css/iDisqus.min.css" | relURL }}"/>
-	
+
     <!-- Bootstrap Core CSS -->
     <link rel="stylesheet" href="{{ "css/bootstrap.min.css" | relURL }}">
 
@@ -59,9 +59,9 @@
 
     <!-- zangshang CSS -->
     <link rel="stylesheet" href="{{ "css/zanshang.css" | relURL }}">
-    
+
     <!-- Custom Fonts -->
-    <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+    <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css" rel="stylesheet" type="text/css">
 
     <!--  Custom CSS  -->
     {{ range .Site.Params.custom_css -}}
@@ -73,10 +73,10 @@
     -->
     <!-- jQuery -->
     <script src="{{ "js/jquery.min.js" | relURL }}"></script>
-    
+
     <!-- Bootstrap Core JavaScript -->
     <script src="{{ "js/bootstrap.min.js" | relURL }}"></script>
-    
+
     <!-- Hux Theme JavaScript -->
     <script src="{{ "js/hux-blog.min.js" | relURL }}"></script>
 
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 4026e87..2e293ed 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -13,13 +13,13 @@
         <hr class="hidden-sm hidden-xs">
         <h5>FEATURED TAGS</h5>
         <div class="tags">
-            {{ $featured_condition_size := .Site.Params.featured_condition_size }} 
+            {{ $featured_condition_size := .Site.Params.featured_condition_size }}
             {{ range $name, $taxonomy := .Site.Taxonomies.tags }}
-               {{ if gt (len $taxonomy.Pages) $featured_condition_size }} 
+               {{ if gt (len $taxonomy.Pages) $featured_condition_size }}
                     <a href="{{ "/tags/" | relLangURL }}{{ $name | urlize }}" title="{{ $name }}">
                         {{ $name }}
                     </a>
-               {{ end }} 
+               {{ end }}
             {{ end }}
         </div>
     </section>
@@ -39,13 +39,13 @@
                 <p>{{ . }}</p>
             {{ end }}
            <!-- SNS Link -->
-           <ul class="list-inline"> 
+           <ul class="list-inline">
                {{ if .Site.Params.social.rss }}
                <li>
                    <a href='{{ with .OutputFormats.Get "RSS" }}{{ .RelPermalink }}{{ end }}' rel="alternate" type="application/rss+xml" title="{{ .Site.Title | default "" }}" >
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-rss fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fas fa-rss fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -54,8 +54,8 @@
                <li>
                    <a href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-twitter fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -64,8 +64,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa  fa-stack-1x fa-inverse">知</i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-stack-1x fa-inverse">知</i>
                        </span>
                    </a>
                </li>
@@ -74,8 +74,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-weibo fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-weibo fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -84,8 +84,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-facebook fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -94,8 +94,8 @@
                <li>
                    <a target="_blank" href="{{ . | relURL}}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-wechat fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-wechat fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -104,8 +104,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-github fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-github fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -114,8 +114,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-gitlab fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-gitlab fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -124,8 +124,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-git fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-git fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -134,8 +134,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-linkedin fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -144,8 +144,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-medium fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-medium fa-stack-1x fa-inverse"></i>
                             </span>
                    </a>
                </li>
@@ -154,8 +154,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-stack-overflow fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-stack-overflow fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -164,8 +164,8 @@
                     <li>
                         <a target="_blank" href="{{ . }}">
                             <span class="fa-stack fa-lg">
-                                <i class="fa fa-circle fa-stack-2x"></i>
-                                <i class="fa fa-reddit fa-stack-1x fa-inverse"></i>
+                                <i class="fas fa-circle fa-stack-2x"></i>
+                                <i class="fab fa-reddit fa-stack-1x fa-inverse"></i>
                             </span>
                         </a>
                     </li>
@@ -174,8 +174,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-mastodon fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-mastodon fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -184,8 +184,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-keybase fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-keybase fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -194,8 +194,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-xing fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-xing fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -204,8 +204,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-instagram fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-instagram fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>
@@ -214,8 +214,8 @@
                <li>
                    <a target="_blank" href="{{ . }}">
                        <span class="fa-stack fa-lg">
-                           <i class="fa fa-circle fa-stack-2x"></i>
-                           <i class="fa fa-flickr fa-stack-1x fa-inverse"></i>
+                           <i class="fas fa-circle fa-stack-2x"></i>
+                           <i class="fab fa-flickr fa-stack-1x fa-inverse"></i>
                        </span>
                    </a>
                </li>