diff options
| author | Óscar Nájera <hello@oscarnajera.com> | 2018-07-15 19:43:38 +0200 |
|---|---|---|
| committer | Óscar Nájera <hello@oscarnajera.com> | 2018-07-15 19:43:38 +0200 |
| commit | a7fed26337081ae0edbe84c769af21a409536cf3 (patch) | |
| tree | 792cc6ba5e161b617b1f6c30eb79de368f2cfbff /layouts/_default/search.html | |
| parent | 8c1cb6a102110a7a10e743c458293723c17558b9 (diff) | |
| download | hugo-minimalist-theme-a7fed26337081ae0edbe84c769af21a409536cf3.tar.gz hugo-minimalist-theme-a7fed26337081ae0edbe84c769af21a409536cf3.tar.bz2 hugo-minimalist-theme-a7fed26337081ae0edbe84c769af21a409536cf3.zip | |
Import search
https://gist.github.com/eddiewebb/735feb48f50f0ddd65ae5606a1cb41ae
Diffstat (limited to 'layouts/_default/search.html')
| -rw-r--r-- | layouts/_default/search.html | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/layouts/_default/search.html b/layouts/_default/search.html new file mode 100644 index 0000000..7dd02df --- /dev/null +++ b/layouts/_default/search.html @@ -0,0 +1,28 @@ +{{ define "footerfiles" }} +<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script> +<script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.2.1/fuse.min.js"></script> +<script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/jquery.mark.min.js"></script> +<script src="{{ "js/search.js" | absURL }}"></script> +{{ end }} + +{{ define "main" }} +<section class="bg-near-white"> + <div class="mw7 center pv4" > + <form action="{{ "search" | absURL }}"> + <input id="search-query" name="s"/> + </form> + <div id="search-results"> + <h3>Matching pages</h3> + </div> + </div> +</section> +<!-- this template is sucked in by search.js and appended to the search-results div above. So editing here will adjust style --> +<script id="search-result-template" type="text/x-js-template"> + <div id="summary-${key}" class="bt bb b--black-10 ph4"> + <h4><a href="${link}">${title}</a></h4> + <p>${snippet}</p> + ${ isset tags }<p>Tags: ${tags}</p>${ end } + ${ isset categories }<p>Categories: ${categories}</p>${ end } + </div> +</script> +{{ end }} |