Implement search, loading on demand
This commit is contained in:
@@ -6,8 +6,11 @@
|
||||
{{- $styles := resources.Get "book.scss" | resources.ToCSS | resources.Minify | resources.Fingerprint }}
|
||||
<link rel="stylesheet" href="{{ $styles.RelPermalink }}">
|
||||
|
||||
{{- $search := resources.Get "search.js" | resources.ExecuteAsTemplate "search.js" . | resources.Minify | resources.Fingerprint }}
|
||||
<script src="{{ $search.RelPermalink }}"></script>
|
||||
{{ if default true .Site.Params.BookSearch }}
|
||||
{{- $searchJS := resources.Get "search.js" | resources.ExecuteAsTemplate "search.js" . | resources.Minify | resources.Fingerprint }}
|
||||
<script defer src="{{ "lunr.min.js" | relURL }}"></script>
|
||||
<script defer src="{{ $searchJS.RelPermalink }}"></script>
|
||||
{{ end }}
|
||||
|
||||
<!-- Favicon -->
|
||||
<link rel="icon" href="{{ "favicon.png" | relURL }}" type="image/x-icon">
|
||||
|
||||
@@ -1,2 +1,9 @@
|
||||
<input type="text" placeholder="Search" class="book-search" id="book-search" />
|
||||
<ul id="book-search-results"></ul>
|
||||
{{ if default true .Site.Params.BookSearch }}
|
||||
<div class="book-search">
|
||||
<ul id="book-search-dummy" class="hidden">
|
||||
<li><a href></a></li>
|
||||
</ul>
|
||||
<input type="text" placeholder="Search" id="book-search-input" />
|
||||
<ul id="book-search-results"></ul>
|
||||
</div>
|
||||
{{ end }}
|
||||
|
||||
Reference in New Issue
Block a user