load stork index on click

templates/partial/sidebar.html

@@ -23,7 +23,7 @@
     </form>
     {% elif 'pelican.plugins.search' in PLUGINS %}
     <div class="stork">
-      <input class="stork-input" type="text" autocomplete="off" name="q" data-stork="sitesearch" placeholder="{{ _('Search...') }}"/>
+      <input class="stork-input" type="text" autocomplete="off" name="q" data-stork="sitesearch" placeholder="{{ _('Search...') }}" onclick="loadStorkIndex()"/>
       <div class="stork-output" data-stork="sitesearch-output"></div>
     </div>
     {% endif %}

templates/partial/stork.html

@@ -1,13 +1,12 @@
 {% if 'pelican.plugins.search' in PLUGINS %}
+  <script>
+    window.loadStorkIndex = function () {
+      stork.register("sitesearch", "{{ SITEURL }}/search-index.st", { showProgress: false });
+    }
+  </script>
   {% if STORK_VERSION %}
   <script src="https://files.stork-search.net/releases/v{{ STORK_VERSION }}/stork.js"></script>
-  <script>
-    stork.register("sitesearch", "{{ SITEURL }}/search-index.st", {showProgress: false});
-  </script>
   {% else %}
   <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/stork/stork.js"></script>
-  <script>
-    stork.register("sitesearch", "{{ SITEURL }}/search-index.st", {showProgress: false});
-  </script>
   {% endif %}
 {% endif %}