run js async as dom loaded event

asdf-format · Jan 27, 2025 · 9bb3eb2 · 9bb3eb2
1 parent b459419
commit 9bb3eb2
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/asdf_website/_static/css/globalnav.css b/asdf_website/_static/css/globalnav.css
@@ -4,6 +4,6 @@
     padding-right: 1em;
   }
 
-  .announcement-content a:hover {
-    color: fuchsia;
-  }
+.announcement-content a:hover {
+  color: fuchsia;
+}
diff --git a/asdf_website/_static/js/custom.js b/asdf_website/_static/js/custom.js
@@ -1,6 +1,6 @@
-function hideHomePageAds(){
-    var rtdAd = document.getElementById(id="readthedocs-ea");
+document.addEventListener('DOMContentLoaded', (event) => {
+    const rtdAd = document.getElementById("readthedocs-ea");
     if (!rtdAd.hasAttribute("hidden")) {
         rtdAd.setAttribute("hidden", "true");
     }
-}
+});
diff --git a/asdf_website/_templates/index.html b/asdf_website/_templates/index.html
@@ -187,5 +187,5 @@ <h2>Tutorials</h2>
 
 </body>
     <!-- Custom JS -->
-    <script src="{{ pathto('_static/js/custom.js', 1) }}">hideHomePageAds();</script>
+     <script async type="text/javascript" src="_static/js/custom.js"></script>
 </html>