diff --git a/layouts/partials/docs/html-head.html b/layouts/partials/docs/html-head.html
index 7cae998a4cabc895a133622b98aa92a38d7dfc90..653c6d4fc04fa2a661fb1591422b8076c7e49472 100644
--- a/layouts/partials/docs/html-head.html
+++ b/layouts/partials/docs/html-head.html
@@ -13,6 +13,16 @@
 
 <title>{{ partial "docs/html-head-title" . }}</title>
 
+<!--Include Lib called everywhere -->
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css" integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+<script defer type="text/javascript"
+        src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<!--Build and call custom.js execute everywhere -->
+{{- $customJS := slice -}}
+{{- $customJS = $customJS | append (resources.Get "custom.js") -}}
+{{- $customJS = $customJS | resources.Concat "custom.bundle.js" -}}
+<script type="module" src="{{- $customJS.RelPermalink -}}"></script>
+
 {{- $manifest := resources.Get "manifest.json" | resources.ExecuteAsTemplate "manifest.json" . }}
 <link rel="manifest" href="{{ $manifest.RelPermalink }}">
 <link rel="icon" href="{{ .Site.Params.BookFavicon | default "favicon.png" | relURL }}" >