A bit more work on search integration.

_docs/search/index.md

@@ -2,15 +2,4 @@
 title: Search Results
 layout: search-results
 ---
-<script>
+<gcse:searchresults-only></gcse:searchresults-only>
-    (function() {
-        var cx = '013699703217164175118:veyyqmfmpj4';
-        var gcse = document.createElement('script');
-        gcse.type = 'text/javascript';
-        gcse.async = true;
-        gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
-        var s = document.getElementsByTagName('script')[0];
-        s.parentNode.insertBefore(gcse, s);
-    })();
-</script>
-<gcse:search></gcse:search>

_includes/search-box.html

@@ -1,3 +1,7 @@
 <div class="search-box">
 	<input type="text" class="search-input" placeholder="Search istio.io" onkeydown="if (event.keyCode==13) window.location.replace('/docs/search/?q=' + this.value)" autofocus="autofocus">
+
+	<!--
+	<gcse:searchbox-only resultsUrl="/docs/search/index.html"></gcse:searchbox-only>
+	-->
 </div>

_layouts/base.html

@@ -76,6 +76,7 @@ layout: compress
     <script src="{{home}}/js/common.js" type="text/javascript" charset="utf-8"></script>
     <script src="{{home}}/js/waves.js"></script>
     <script src="{{home}}/js/buttons.js"></script>
+    <script src="{{home}}/js/search.js"></script>
 
     {% if page.customjs %}
       <script async="" defer="" type="text/javascript" src="{{ page.customjs }}"></script>

js/search.js

@@ -0,0 +1,9 @@
+(function() {
+    var cx = '013699703217164175118:veyyqmfmpj4';
+    var gcse = document.createElement('script');
+    gcse.type = 'text/javascript';
+    gcse.async = true;
+    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
+    var s = document.getElementsByTagName('script')[0];
+    s.parentNode.insertBefore(gcse, s);
+})();