fix: proper kapa attempt #1

Author: whallin

docs/javascript/init_kapa_widget.js

@@ -0,0 +1,10 @@
+document.addEventListener("DOMContentLoaded", function () {
+    var script = document.createElement("script");
+    script.src = "https://widget.kapa.ai/kapa-widget.bundle.js";
+    script.setAttribute("data-website-id", "95d8dc11-e509-42cb-a7ee-f7e06df52017");
+    script.setAttribute("data-project-name", "Atlas");
+    script.setAttribute("data-project-color", "#2894F3");
+    script.setAttribute("data-project-logo", "https://avatars.githubusercontent.com/u/78708182?s=128");
+    script.async = true;
+    document.head.appendChild(script);
+});

mkdocs.yml

@@ -145,6 +145,7 @@ theme:
 #
 extra_javascript:
   - javascript/msdl.js
+  - javascript/init_kapa_widget.js
 
 
 extra_css:

overrides/partials/integrations/analytics/custom.html

@@ -9,12 +9,4 @@
         t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
         y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
     })(window, document, "clarity", "script", "gzsl8c0hf7");
-</script>
-<!-- Kapa -->
-<script defer
-src="https://widget.kapa.ai/kapa-widget.bundle.js"
-data-website-id="95d8dc11-e509-42cb-a7ee-f7e06df52017"
-data-project-name="Atlas"
-data-project-color="#2894F3"
-data-project-logo="https://avatars.githubusercontent.com/u/78708182?s=280&v=4"
-></script>
+</script>