You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

44 lines
1.6 KiB

  1. {{ partial "header.html" . }}
  2. {{ partial "navbar.html" . }}
  3. <section class="section">
  4. <div class="container is-centered page">
  5. <div class="columns">
  6. <div class="column is-one-quarter">
  7. {{ partial "menu" . }}
  8. </div>
  9. <div class="column">
  10. <div class=" content">
  11. <section class="resume-section p-3 p-lg-5 d-flex flex-column">
  12. <div class="my-auto" >
  13. <form action="{{ "search" | absLangURL }}">
  14. <label>Search:
  15. <input id="search-query" name="s"/>
  16. </label>
  17. </form>
  18. <br/>
  19. <div id="search-results"></div>
  20. </div>
  21. </section>
  22. <!-- this template is sucked in by search.js and appended to the search-results div above. So editing here will adjust style -->
  23. <script id="search-result-template" type="text/x-js-template">
  24. <div id="summary-${key}">
  25. <h4><a href="${link}">${title}</a></h4>
  26. <p>${snippet}</p>
  27. ${ isset tags }<p>Tags: ${tags}</p>${ end }
  28. ${ isset categories }<p>Categories: ${categories}</p>${ end }
  29. <hr/>
  30. </div>
  31. </script>
  32. </div>
  33. </div>
  34. </div>
  35. </div>
  36. </section>
  37. <script src="https://cdnjs.cloudflare.com/ajax/libs/fuse.js/3.4.5/fuse.min.js"></script>
  38. <script src="https://cdnjs.cloudflare.com/ajax/libs/mark.js/8.11.1/mark.min.js"></script>
  39. <script>document.LANG = "{{ .Language.Lang }}";</script>
  40. {{ $script := resources.Get "js/search.js" | minify | fingerprint -}}
  41. <script src="{{ $script.Permalink }}" {{ printf "integrity=%q" $script.Data.Integrity | safeHTMLAttr }}></script>
  42. {{ partial "footer.html" . }}