mps-coderules/docs/_assets/search.html

36 lines
1.2 KiB
HTML

---
layout: page
title: Search
menu: false
search: false
sitemap: false
permalink: /search
---
{% comment %}
<!-- MaterialDocs https://github.com/chromatical/jekyll-materialdocs -->
<!-- Copyright (c) 2017 James King -->
<!-- MIT License https://opensource.org/licenses/MIT -->
{% endcomment %}
{% if site.search != false %}
<div id="search-container">
<form action="#">
<div class="mdl-textfield mdl-js-textfield">
<input class="mdl-textfield__input" type="text" id="search">
<label class="mdl-textfield__label" for="search">Keywords...</label>
</div>
</form>
<ul class="demo-list-item mdl-list" id="results"></ul>
</div>
<script src="{{ '/_assets/simple-jekyll-search.min.js' | absolute_url }}"></script>
<script>
SimpleJekyllSearch({
searchInput: document.getElementById('search'),
resultsContainer: document.getElementById('results'),
json: "{{ '/_assets/search.json' | absolute_url }}",
searchResultTemplate: '<li class="mdl-list__item"><a href="{url}"><span class="mdl-list__item-primary-content">{title}</span></a></li>'
})
</script>
{% else %}
<p>Search is disabled.</p>
{% endif %}