dfx-jekyll-mdl/_layouts/default.html
Oscar Cortez ac418afd3d Improve blog search
Small vanilla js lib for search using only the feed.xml
2015-07-26 22:31:28 -06:00

41 lines
1.3 KiB
HTML

<!DOCTYPE html>
<html>
{% include head.html %}
<body>
<!-- Start Layout -->
{% if site.header_type == 'drawer' %}
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header mdl-layout--fixed-drawer">
{% include header_fixed.html %}
{% else %}
<div class="mdl-layout mdl-js-layout mdl-layout--fixed-header">
{% include header.html %}
{% endif %}
<main class="mdl-layout__content">
{{ content }}
{% include footer.html %}
</main>
</div>
<!-- /End Layout-->
<!-- Material Design Lite js Library -->
<script type="text/javascript" src="https://storage.googleapis.com/code.getmdl.io/1.0.0/material.min.js"></script>
{% if site.pagination_type == 'ops' %}
<script rel="javascript" type="text/javascript" src="{{ "/js/site.js" | prepend: site.baseurl }}"></script>
{% endif %}
<script rel="javascript" type="text/javascript" src="{{ "/js/search.js" | prepend: site.baseurl }}"></script>
<script rel="javascript" type="text/javascript">
mdlSearch({
searchFile: '/feed.xml',
searchSelector: '#js-search', // CSS Selector for search container element.
inputSelector: '#search-field', // CSS selector for <input>
resultsSelector: '#js-search__results' // CSS selector for results container
});
</script>
</body>
</html>