bring back search box

Author: mhaberler

_includes/docs_contents.html

@@ -3,6 +3,7 @@
     {% for section in site.data.docs %}
     <h4>{{ section.title }}</h4>
     {% include docs_ul.html items=section.docs %}
+    {% include search-bar.html %}
     {% endfor %}
   </aside>
 </div>

_includes/search-bar.html

@@ -0,0 +1,18 @@
+<search-bar>
+  <div class="grid">
+    <div class="unit align-left center-on-mobiles">
+      <p>
+        <div class="top-search">
+        <form method="get" id="searchform" id="searchbox_013132401186084955638:rss8-mkzi3u" action="http://preview.machinekit.io/search-result.html">
+        <div>
+        <input value="013132401186084955638:rss8-mkzi3u" name="cx" type="hidden"/>
+        <input value="FORID:11" name="cof" type="hidden"/>
+        Search:<BR>
+        <input type="text" value="" name="s" id="s" onfocus="defaultInput(this)" onblur="clearInput(this)" />
+        </div>
+        </form>
+        </div>
+      </p>
+    </div>
+  </div>
+</search-bar>

googlefe8e1e0739168a82.html

@@ -0,0 +1 @@
+google-site-verification: googlefe8e1e0739168a82.html

search-result.html

@@ -0,0 +1,65 @@
+<div id="page-content">
+<div class='post-body entry-content'>
+<div id="cse" style="width: 100%;">
+<ul id="loadbar">
+<li><div class="bar" id="layerFill1"></div></li>
+<li><div class="bar" id="layerFill2"></div></li>
+<li><div class="bar" id="layerFill3"></div></li>
+<li><div class="bar" id="layerFill4"></div></li>
+<li><div class="bar" id="layerFill5"></div></li>
+<li><div class="bar" id="layerFill6"></div></li>
+<li><div class="bar" id="layerFill7"></div></li>
+<li><div class="bar" id="layerFill8"></div></li>
+<li><div class="bar" id="layerFill9"></div></li>
+<li><div class="bar" id="layerFill10"></div></li>
+</ul>
+</div>
+<script src="http://www.google.com/jsapi" type="text/javascript"></script>
+<script type="text/javascript">
+google.load('search', '1', {language : 'en', style : google.loader.themes.V2_DEFAULT});
+google.setOnLoadCallback(function() 
+    {
+    var customSearchOptions = {};
+    var orderByOptions = {};
+    orderByOptions['keys'] = [{label: 'Relevance', key: ''},{label: 'Date', key: 'date'}];
+    customSearchOptions['enableOrderBy'] = true;
+    customSearchOptions['orderByOptions'] = orderByOptions;
+    var imageSearchOptions = {};
+    imageSearchOptions['layout'] = google.search.ImageSearch.LAYOUT_COLUMN;
+    customSearchOptions['enableImageSearch'] = true;
+    customSearchOptions['imageSearchOptions'] = imageSearchOptions;
+    var googleAnalyticsOptions = {};
+    googleAnalyticsOptions['queryParameter'] = 's';
+    googleAnalyticsOptions['categoryParameter'] = '';
+    customSearchOptions['googleAnalyticsOptions'] = googleAnalyticsOptions; var customSearchControl = new google.search.CustomSearchControl('013132401186084955638:rss8-mkzi3u', customSearchOptions);
+    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
+    var options = new google.search.DrawOptions();
+    options.setAutoComplete(true);
+    options.enableSearchResultsOnly();
+    customSearchControl.draw('cse', options);
+    
+    function parseParamsFromUrl() 
+	{
+        var params = {};
+	var parts = window.location.search.substr(1).split('\x26');
+	for (var i = 0; i < parts.length; i++) 
+	    {
+	    var keyValuePair = parts[i].split('=');
+	    var key = decodeURIComponent(keyValuePair[0]);
+	    params[key] = keyValuePair[1] ?
+	    decodeURIComponent(keyValuePair[1].replace(/\+/g, ' ')) :
+	    keyValuePair[1];
+	    }
+	return params;
+	}
+
+    var urlParams = parseParamsFromUrl();
+    var queryParamName = "s";
+    if (urlParams[queryParamName]) 
+	{
+        customSearchControl.execute(urlParams[queryParamName]);
+        }
+    }, true);
+</script>
+<div style='clear: both;'></div>
+</div>