Add Stork to templates

Note that we're hitting the stork CDN for this.  We might want to switch
to self-hosting at some point.  None of our data goes through their CDN,
but still.

site/themes/ots/templates/base.html

@@ -20,6 +20,7 @@
     <link rel='stylesheet' href='/theme/css/w3.css' type='text/css' media='all' />
     <link rel='stylesheet' href='/theme/css/parent-style.css' type='text/css' media='all' />
     <link rel='stylesheet' href='/theme/css/child-style.css' type='text/css' media='all' />
+    <link rel="stylesheet" href="https://files.stork-search.net/basic.css" />
 
     <meta name="generator" content="WordPress 6.2.1" />
 
@@ -170,6 +171,9 @@
     </symbol>
 </defs>
 </svg>
-
+<script src="https://files.stork-search.net/releases/v1.5.0/stork.js"></script>
+<script>
+    stork.register("sitesearch", "{{ SITEURL }}/search-index.st");
+</script>
 </body>
 </html>

site/themes/ots/templates/sidebar.html

-<!--
-    <section id="search-2" class="widget widget_search">
-    <form role="search" method="get" class="search-form" action="https://blog.opentechstrategies.com/">
-        <label for="search-form-1">
-            <span class="screen-reader-text">Search for:</span>
-        </label>
-        <input type="search" id="search-form-1" class="search-field" placeholder="Search &hellip;" value="" name="s" />
-        <button type="submit" class="search-submit"><svg class="icon icon-search" aria-hidden="true" role="img"> <use href="#icon-search" xlink:href="#icon-search"></use> </svg><span class="screen-reader-text">Search</span></button>
-    </form>
+<section id="search-2" class="widget widget_search">
+    <label for="search-form-1">
+        <span class="screen-reader-text">Search for:</span>
+    </label>
+     <input data-stork="sitesearch" placeholder="Search &hellip;" />
+    <div data-stork="sitesearch-output"></div>
 </section>
--->
 {% if all_articles %}
     {% set arts = all_articles %}
 {% else %}