search.html

---
layout: default
title: Rechercher
header_title: Rechercher
---

<form action="{{ site.baseurl }}/search.html" method="get">
  <div class="input-container">
    <i class="fas fa-search icon"></i>
    <input class="input-field" id="search-box"  type="text" name="query">
  </div>
  <div class="text-center">
    <input class="submitBtn" type="submit" value="Rechercher">
  </div> 
</form>

<div id="search-results"></div>

<script>
  window.store = [
    {% for sequence in site.sequences %}
      {
        "id": "{{ sequence.url | slugify }}",
        "title": "{{ sequence.title | xml_escape }}",
        "numeroSequence": "{{ sequence.numeroSequence | xml_escape }}",
        "numeroModule": "{{ sequence.numeroModule | xml_escape }}",
        "formateurs": "{{ sequence.formateurs | join: ', ' | xml_escape }}", 
        "description": "{{ sequence.description | xml_escape }}",
        "content": {{ sequence.content | strip_html | strip_newlines | xml_escape | jsonify }},
        "tools": {{ sequence.tools | strip_html | strip_newlines | jsonify }},
        "url": "{{site.baseurl}}{{ sequence.url | xml_escape }}",
        "type":  "{{ sequence.type | xml_escape }}",
      }
      {% unless forloop.last %},{% endunless %}
    {% endfor %}
    ];
</script>

<!-- Search -->
<script src="{{site.baseurl}}/assets/js/lunr.js"></script>
<script src="{{site.baseurl}}/assets/js/search.js"></script>