add search

supplemental-ui/partials/footer-content.hbs

@@ -0,0 +1,19 @@
+<footer class="footer">
+  <p>Copyright 2020 jMonkeyEngine Wiki Contributors. Licensed BSD-3.</p>
+</footer>
+{{#if env.ALGOLIA_API_KEY}}
+<script src="{{uiRootPath}}/js/vendor/docsearch.min.js"></script>
+<!-- fetched from https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js -->
+<script>
+var search = docsearch({
+  apiKey: '{{env.ALGOLIA_API_KEY}}',
+  indexName: '{{env.ALGOLIA_IDX_NAME}}',
+  inputSelector: '#search-input',
+  autocompleteOptions: { hint: false, keyboardShortcuts: ['s'] },
+  algoliaOptions: { hitsPerPage: 10 }
+}).autocomplete
+search.on('autocomplete:closed', function () { search.autocomplete.setVal() })
+function focusSearchInput () { document.querySelector('#search-input').focus() }
+if (document.querySelector('.home-link.is-current')) window.addEventListener('load', focusSearchInput)
+</script>
+{{/if}}

supplemental-ui/partials/head-meta.hbs

@@ -0,0 +1,8 @@
+<meta property="og:image" content="https://wiki.jmonkeyengine.org/_/img/iconx128.png">
+<meta property="og:description" content="{{{page.title}}}">
+<meta property="og:title" content="{{{site.title}}}">
+<link rel="stylesheet" href="{{uiRootPath}}/css/site-extra.css">
+{{#if env.ALGOLIA_API_KEY}}
+<link rel="stylesheet" href="{{uiRootPath}}/css/vendor/docsearch.min.css">
+<!-- fetched from https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css -->
+{{/if}}

supplemental-ui/partials/header-content.hbs

@@ -0,0 +1,28 @@
+<header class="header">
+  <nav class="navbar">
+    <div class="navbar-brand">
+      <a class="navbar-item" href="{{{or site.url (or siteRootUrl siteRootPath)}}}">
+        <img alt="" src="{{{uiRootPath}}}/img/jMonkeyDocLogo.png" height="32" type="image/x-icon">
+      </a>
+      <div class="navbar-item hide-for-print">
+        <input type="text" placeholder="Search docs..." id="search-input"/>
+      </div>
+      <button class="navbar-burger" data-target="topbar-nav">
+        <span></span>
+        <span></span>
+        <span></span>
+      </button>
+    </div>
+    <div id="topbar-nav" class="navbar-menu">
+      <div class="navbar-end">
+        <div class="navbar-item theme-switch-wrapper">
+          <label class="theme-switch" for="checkbox">
+            <input type="checkbox" id="checkbox" />
+            <div class="slider round"></div>
+          </label>
+        </div>
+        <a class="navbar-item" href="https://github.com/jmonkeyengine/wiki">Github</a>
+      </div>
+    </div>
+  </nav>
+</header>