use fontAwesome icon library

4 files changed, 9 insertions, 53 deletions

diff --git a/layouts/partials/_menu.html b/layouts/partials/_menu.html
index 99606b7..f791567 100644
--- a/layouts/partials/_menu.html
+++ b/layouts/partials/_menu.html
@@ -40,9 +40,9 @@
       
       {{- if and (ne $numberOfPages 0) (lt (add $level 1) $maxlevel) }}
         {{- if or (.IsAncestor $currentNode) (.Params.alwaysopen) }}
-          <i class="material-icons ddexp keyboard_arrow_down"></i>
+          <i class="fas fa-chevron-down ddexp"></i>
         {{- else -}}
-          <i class="material-icons ddexp keyboard_arrow_right"></i>
+          <i class="fas fa-chevron-right ddexp"></i>
         {{- end}}
       {{- end}}
         
diff --git a/layouts/partials/_next-prev-page.html b/layouts/partials/_next-prev-page.html
index 39ab4d0..baa499d 100644
--- a/layouts/partials/_next-prev-page.html
+++ b/layouts/partials/_next-prev-page.html
@@ -33,24 +33,13 @@
 
     
 {{- if not $.Site.Params.disableNavChevron -}}
-    {{- with ($.Scratch.Get "prevPage") -}}
-        <a class="prev" href="{{.RelPermalink}}" title="{{.Title}}"> 
-            <i class="material-icons">arrow_back</i>
-            <div>
-                <p>{{T "previous-section"}}</p>
-                <label>{{.Title}}</label>
-            </div>
-
-        </a>    
-        
-    {{ end -}}
     {{- with ($.Scratch.Get "nextPage") -}}
         <a class="next" href="{{.RelPermalink}}" title="{{.Title}}" style="margin-right: 0px;">
             <div>
                 <p>{{T "next-section"}}</p>
                 <label>{{.Title}}</label>
             </div>
-            <i class="material-icons">arrow_forward</i></a>
+            <i class="fas fa-arrow-right" style="font-size: 1.7em"></i></a>
     {{- end }}
 {{- end -}}
 
diff --git a/layouts/partials/body-article-content.html b/layouts/partials/body-article-content.html
index 70d5219..b1237bb 100644
--- a/layouts/partials/body-article-content.html
+++ b/layouts/partials/body-article-content.html
@@ -59,9 +59,9 @@
 	<!-- JUMP TO SECTION -->

 	{{if not .Params.hide_toc}}

 	<div class="jump-to-section">

-		<span onclick="$h = $(this);$h.next('nav').slideToggle(100,function () {$h.children('i').attr('class',function () {return $h.next('nav').is(':visible') ? 'material-icons expand_more' : 'material-icons chevron_right';});});">

+		<span onclick="$h = $(this);$h.next('nav').slideToggle(100,function () {$h.children('i').attr('class',function () {return $h.next('nav').is(':visible') ? 'fas fa-chevron-down' : 'fas fa-chevron-right';});});">

   			{{ T "jump-to-section"}}

-  			<i style=";" class="material-icons chevron_right"></i>

+  			<i style=";" class="fas fa-chevron-right"></i>

 		</span>

 		{{ .TableOfContents }}

 	</div>

diff --git a/layouts/partials/html-head.html b/layouts/partials/html-head.html
index 41b0143..5873d6b 100644
--- a/layouts/partials/html-head.html
+++ b/layouts/partials/html-head.html
@@ -9,55 +9,22 @@
 
 <title>{{ .Title }} :: {{ .Site.Title }}</title>
 
-
 <link rel="shortcut icon" href='{{"images/favicon.png" | relURL}}' type="image/x-icon" />
- 
 
+<!--load all styles -->
 <link rel="preload" as="style" href='{{"/fonts/Montserrat/Montserrat.css" | relURL}}'>
 <link rel="stylesheet" href='{{ (resources.Get "sass/layout.scss" | toCSS).Permalink }}'>
 <link rel="stylesheet" href='{{ (resources.Get "sass/main.scss" | resources.ExecuteAsTemplate "style.main.scss" . | toCSS).Permalink }}'>
 <link rel="stylesheet" href='{{ (resources.Get "sass/menu.scss" | resources.ExecuteAsTemplate "style.menu.scss" . | toCSS).Permalink }}'>
-
-
-<!-- <link rel="stylesheet" type="text/css" href='{{ (resources.Get "sass/shortcodes/button.scss" | toCSS).Permalink }}'> -->
-
-<!-- <link rel="stylesheet" href='{{"vendor/bootstrap/bootstrap-4.5.0-dist/css/bootstrap.min.css" | relURL}}'  crossorigin="anonymous"> -->
-
-<!-- <link href='{{"vendor/FontAwesome/fontawesome-free-5.13.1-web/css/all.css" | relURL}}' rel="stylesheet">  -->
-<!--load all styles -->
-
-<link rel="stylesheet" href="{{"/vendor/materialize/material-icons.css"|relURL}}" type="text/css">
-
-
+<link href='{{"vendor/FontAwesome/fontawesome-free-5.14.0-web/css/all.min.css" | relURL}}' rel="stylesheet"> 
 <link rel="stylesheet" href='{{"/css/docport.css" | relURL}}'>
-<style type="text/css">
-
-.ddexp{
-cursor: pointer;
-}
-
-i.keyboard_arrow_right:before {
-  content: "chevron_right"
-}
-
-i.keyboard_arrow_down:before {
-  content: "expand_more"
-}
 
-i.chevron_right:before {
-  content: "chevron_right"
-}
-
-i.expand_more:before {
-  content: "expand_more"
-}
-
-</style>
+<!-- <link rel="stylesheet" href='{{"vendor/bootstrap/bootstrap-4.5.0-dist/css/bootstrap.min.css" | relURL}}'  crossorigin="anonymous"> -->
 
 
+<!--load all js -->
 <script src='{{"vendor/jquery/jquery-3.5.1.min.js" | relURL}}'></script>
 <script src='{{"js/docport.js" | relURL}}'></script>
-
 <script type="text/javascript">
       var baseurl = "{{.Site.BaseURL}}";
 </script>