5 files changed, 15 insertions, 8 deletions
diff --git a/layouts/partials/body-article-content.html b/layouts/partials/body-article-content.html
index 14d911d..0eedee2 100644
--- a/layouts/partials/body-article-content.html
+++ b/layouts/partials/body-article-content.html
@@ -1,8 +1,8 @@
 
     <!-- FIL D'ARIANE -->
     {{if not (in .Params.hide "breadcrumb")}}
-    <nav id="breadcrumb" aria-label="breadcrumb">
-      <ol class="breadcrumb">
+    <nav id="ariane" aria-label="breadcrumb">
+      <ol class="ariane">
         {{ template "breadcrumbnav" (dict "p1" . "p2" .) }}
       </ol>
     </nav>
@@ -56,6 +56,7 @@
 	{{if not (in .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') ? 'fas fa-chevron-down' : 'fas fa-chevron-right';});});">
+  			<span class="fas fa-align-right"></span>
   			{{ T "jump-to-section"}}
   			<i style=";" class="fas fa-chevron-right"></i>
 		</span>
@@ -90,7 +91,7 @@
 {{ define "breadcrumbnav" }}
   {{ if .p1.Parent }}
   	{{ if .p1.Parent.IsHome}}
-	<li class="breadcrumb-item ">
+	<li >
       <a class="text-link" href="{{.p1.Site.BaseURL}}">
         {{ T "home"}}
       </a>
@@ -101,7 +102,7 @@
   {{ else if not .p1.IsHome }}
     {{ template "breadcrumbnav" (dict "p1" .p1.Site.Home "p2" .p2 )  }}
   {{ end }}
-    <li class="breadcrumb-item {{ if eq .p1 .p2 }}active{{ end }}">
+    <li class="{{ if eq .p1 .p2 }}active{{ end }}">
       {{ if ne .p1 .p2 }}<a class="text-link" href="{{ .p1.RelPermalink }}">{{ end }}
         {{ .p1.Title }}
       {{ if ne .p1 .p2 }}</a>{{ end }}
diff --git a/layouts/partials/body-article-sidepage.html b/layouts/partials/body-article-sidepage.html
index 743cd2a..4d8a8c5 100644
--- a/layouts/partials/body-article-sidepage.html
+++ b/layouts/partials/body-article-sidepage.html
@@ -1,6 +1,7 @@
 {{- partial "_mdinclude.html" (dict "name" "_layout/article-sidebar-before/_index" "context" .) -}}
 <div class="TableOfContents">
-    <label>{{T "table-of-contents"}}</label>
+    
+    <label><i class="fas fa-align-right"></i>&nbsp;&nbsp;{{T "table-of-contents"}}</label>
     <nav>
         <ul >
             <li><a href="{{ .RelPermalink }}">{{.Title}}</a></li>
diff --git a/layouts/partials/html-head.html b/layouts/partials/html-head.html
index d08b5e7..ff23396 100644
--- a/layouts/partials/html-head.html
+++ b/layouts/partials/html-head.html
@@ -17,10 +17,16 @@
 <link rel="stylesheet" href='{{ (resources.Get "sass/main.scss" | resources.ExecuteAsTemplate "css/style.main.scss" . | toCSS).Permalink }}'>
 <link rel="stylesheet" href='{{ (resources.Get "sass/menu.scss" | resources.ExecuteAsTemplate "css/style.menu.scss" . | toCSS).Permalink }}'>
 <link href='{{"vendor/FontAwesome/fontawesome-free-5.14.0-web/css/all.min.css" | relURL}}' rel="stylesheet"> 
+
+<link href='{{"vendor/bootstrap/bootstrap-4.5.2-dist/css/bootstrap.min.css" | relURL}}' rel="stylesheet"> 
+
 <link rel="stylesheet" href='{{"/css/docport.css" | relURL}}'>
 
+
 <!--load all js -->
 <script src='{{"vendor/jquery/jquery-3.5.1.min.js" | relURL}}'></script>
+<script src='{{"vendor/bootstrap/bootstrap-4.5.2-dist/js/bootstrap.min.js" | relURL}}' crossorigin="anonymous"></script>
+
 <script src='{{"js/docport.js" | relURL}}'></script>
 <script type="text/javascript">
       var baseurl = "{{.Site.BaseURL}}";
diff --git a/layouts/shortcodes/badge.html b/layouts/shortcodes/badge.html
new file mode 100644
index 0000000..d3a106f
--- /dev/null
+++ b/layouts/shortcodes/badge.html
@@ -0,0 +1 @@
+<span {{ with .Get "href" }} onclick="location.href='{{.}}'"{{end}} {{ if .Get "ref" }} onclick="location.href='{{relref . (.Get "ref") }}'"{{end}} class="badge badge-{{ if .IsNamedParams }}{{with .Get `theme`}}{{.}}{{else}}primary{{end}}{{else}}{{with .Get 0}}{{.}}{{else}}primary{{end}}{{end}}">{{.Inner | markdownify}}</span>
+\ No newline at end of file
diff --git a/layouts/shortcodes/button.html b/layouts/shortcodes/button.html
index 75f0006..2b8246a 100644
--- a/layouts/shortcodes/button.html
+++ b/layouts/shortcodes/button.html
@@ -1,7 +1,5 @@
 <!-- Boutton -->
-<link rel="stylesheet" type="text/css" href='{{ (resources.Get "sass/shortcodes/button.scss" | toCSS).Permalink }}'>
 {{ with .Get "align" }}<center>{{end}}
-<button class="btn  {{with .Get "theme"}}{{.}}{{else}}primary{{end}}" type="button" {{ with .Get "href" }} onclick="location.href='{{.}}'"{{end}} {{ if .Get "ref" }} onclick="location.href='{{relref . (.Get "ref") }}'"{{end}}>{{.Inner | markdownify}}</button>
+<button type="button" class="btn  {{with .Get "theme"}}btn-{{.}}{{else}}btn-primary{{end}}" {{ with .Get "href" }} onclick="location.href='{{.}}'"{{end}} {{ if .Get "ref" }} onclick="location.href='{{relref . (.Get "ref") }}'"{{end}}>{{.Inner | markdownify}}</button>
 {{ with .Get "align" }}</center>{{end}}
-
 <!-- Boutton -->
 \ No newline at end of file