From 374ec19b7705ca236295813dcdd7dfb86024d8d2 Mon Sep 17 00:00:00 2001
From: Ben Sturmfels <ben@sturm.com.au>
Date: Fri, 22 Mar 2024 10:38:32 +1100
Subject: [PATCH] Defer JavaScript loading

This avoids waiting for the JS to download before rendering the page.
---
 conservancy/content/sustainer/original-supporter-appeal.html | 2 +-
 conservancy/templates/base_conservancy.html                  | 4 ++--
 conservancy/templates/blog/query.html                        | 2 +-
 conservancy/templates/supporter/index.html                   | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/conservancy/content/sustainer/original-supporter-appeal.html b/conservancy/content/sustainer/original-supporter-appeal.html
index 05baf931..164d296e 100644
--- a/conservancy/content/sustainer/original-supporter-appeal.html
+++ b/conservancy/content/sustainer/original-supporter-appeal.html
@@ -5,7 +5,7 @@
 {% block category %}supporter{% endblock %}
 
 {% block head %}
-<script type="text/javascript" src="{% static 'js/supporter-page.js' %}"></script>
+<script type="text/javascript" src="{% static 'js/\supporter-page.js' %}" defer></script>
 <link href="{% static 'css/forms.css' %}" rel="stylesheet" type="text/css"/>
 {% endblock %}
 
diff --git a/conservancy/templates/base_conservancy.html b/conservancy/templates/base_conservancy.html
index c30b376e..7c30db4c 100644
--- a/conservancy/templates/base_conservancy.html
+++ b/conservancy/templates/base_conservancy.html
@@ -15,8 +15,8 @@
     <link rel="stylesheet" type="text/css" href="{% static 'css/tachyons.css' %}"/>
     <link rel="stylesheet" type="text/css" media="screen" href="{% static 'css/conservancy.css' %}" />
     <link rel="stylesheet" type="text/css" media="(min-width: 67em)" href="{% static 'css/conservancy-bigscreen.css' %}" />
-    <script type="text/javascript" src="{% static 'js/jquery-1.7.2.js' %}"></script>
-    <script type="text/javascript" src="{% static 'js/conservancy.js' %}"></script>
+    <script type="text/javascript" src="{% static 'js/jquery-1.7.2.js' %}" defer></script>
+    <script type="text/javascript" src="{% static 'js/conservancy.js' %}" defer></script>
     {% block head %}{% endblock %}
   </head>
 
diff --git a/conservancy/templates/blog/query.html b/conservancy/templates/blog/query.html
index 881210d7..923a359e 100644
--- a/conservancy/templates/blog/query.html
+++ b/conservancy/templates/blog/query.html
@@ -3,7 +3,7 @@
 
 {% block head %}
 <script type="text/javascript">
-$(function () {
+window.addEventListener('DOMContentLoaded', function() {
     function my_display (sel, b) {
         if (b) { sel.slideDown(); }
         else { sel.slideUp(); }
diff --git a/conservancy/templates/supporter/index.html b/conservancy/templates/supporter/index.html
index 9ee0d328..4ad1eb8d 100644
--- a/conservancy/templates/supporter/index.html
+++ b/conservancy/templates/supporter/index.html
@@ -4,7 +4,7 @@
 {% block category %}sustainer{% endblock %}
 
 {% block head %}
-<script type="text/javascript" src="{% static 'js/supporter-page.js' %}"></script>
+<script type="text/javascript" src="{% static 'js/supporter-page.js' %}" defer></script>
 <link href="{% static 'css/forms.css' %}" rel="stylesheet" type="text/css"/>
 {% include "opengraph_partial.html" with url="/sustainer/" title="Support Conservancy!" description="Software freedom is critical to many of today&rsquo;s most pressing social issues, but it&rsquo;s only effective when FOSS is for everyone. Support Conservancy today to help make that happen!" %}
 {% include "opengraph_urllist_partial.html" with property='image' urls='' fallback='/static/img/conservancy-logo.png' %}