Refactor highlight.js integration to use static assets and improve lo…

…ading behavior
boostorg · Dec 11, 2024 · dc9a755 · dc9a755
1 parent ede21f0
commit dc9a755
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 3 deletions.
diff --git a/static/css/highlight-js.min.css b/static/css/highlight-js.min.css
diff --git a/static/js/highlight.js b/static/js/highlight.js
diff --git a/templates/libraries/detail.html b/templates/libraries/detail.html
@@ -138,13 +138,17 @@ <h2 class="text-2xl">All Time</h2>
     {% endif %}
 
   </main>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css">
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>
+  <link rel="stylesheet" href="{% static 'css/highlight-js.min.css' %}">
+  <script src="{% static 'js/highlight.js' %}"></script>
 
 {% endblock %}
 {% block footer_js %}
 
-  <script>hljs.highlightAll();</script>
+  <script>
+    window.addEventListener('load', function() {
+      hljs.highlightAll();
+    });
+  </script>
   <script>
     var options = {
       series: [{