Hugo-theme-stack/layouts/page/search.html

33 lines
1.1 KiB
HTML
Raw Normal View History

2020-09-26 05:40:33 -04:00
{{ define "body-class" }}template-search{{ end }}
2020-10-04 09:45:23 -04:00
{{ define "head" }}
{{- with .OutputFormats.Get "json" -}}
<link rel="preload" href="{{ .Permalink }}" as="fetch" crossorigin="anonymous">
{{- end -}}
{{ end }}
2020-09-26 05:40:33 -04:00
{{ define "main" }}
<form action="{{ .Permalink }}" class="search-form"{{ with .OutputFormats.Get "json" -}} data-json="{{ .Permalink }}"{{- end }}>
<p>
<label>{{ T "search.title" }}</label>
<input name="keyword" placeholder="{{ T `search.placeholder` }}" />
2020-09-26 05:40:33 -04:00
</p>
<button title="{{ T `search.title` }}">
{{ partial "helper/icon" "search" }}
2020-09-26 05:40:33 -04:00
</button>
</form>
2022-03-03 17:11:19 -05:00
<div class="search-result">
<h3 class="search-result--title section-title"></h3>
<div class="search-result--list article-list--compact"></div>
</div>
2020-09-26 05:40:33 -04:00
2020-11-06 05:49:30 -05:00
<script>
window.searchResultTitleTemplate = "{{ T `search.resultTitle` }}"
2020-11-06 05:49:30 -05:00
</script>
2020-09-26 05:40:33 -04:00
{{- $opts := dict "minify" hugo.IsProduction "JSXFactory" "createElement" -}}
{{- $searchScript := resources.Get "ts/search.tsx" | js.Build $opts -}}
<script type="text/javascript" src="{{ $searchScript.RelPermalink }}" defer></script>
{{ partialCached "footer/footer" . }}
{{ end }}