hugo-academic/layouts/partials/widgets/search.html

{{ $ := .root }}
{{ $page := .page }}

<div class="row">
  <div class="col-xs-12 col-md-4 section-heading">
    <h1>{{ with $page.Title }}{{ . | markdownify }}{{ end }}</h1>
    {{ with $page.Params.subtitle }}<p>{{ . | markdownify }}</p>{{ end }}
  </div>
  <div class="col-xs-12 col-md-8">
    {{ with $page.Content }}<p>{{ . | markdownify }}</p>{{ end }}

    <div id="search-box">
      <!-- Search box will appear here -->
    </div>

    <div id="search-hits">
      <!-- Search results will appear here -->
    </div>

  </div>
</div>

<script type="text/html" id="search-hit-template">
  <div class="search-hit">
    <div class="search-hit-content">
      <div class="search-hit-name">
        {{ printf "<a href=\"%s\">{{{_highlightResult.title.value}}}</a>" "{{relpermalink}}" | safeHTML }}
      </div>
      <div class="article-metadata search-hit-type">{{"{{type}}"}}</div>
      <p class="search-hit-description">{{ safeHTML "{{{_highlightResult.summary.value}}}" }}</p>
    </div>
  </div>
</script>