<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="theme-color" content="#000000">

  <link rel="manifest" href="./manifest.webmanifest">
  <link rel="shortcut icon" href="./favicon.png">

  <link rel="stylesheet" href="./src/index.css">
  <link rel="stylesheet" href="./src/app.css">
  <!--
    Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
    https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
  -->
  <link rel="stylesheet" href="https://unpkg.com/instantsearch.css@7/themes/satellite-min.css" />

  <title>{{name}}</title>
</head>

<body>
  <header class="header">
    <h1 class="header-title">
      <a href="/">{{name}}</a>
    </h1>
    <p class="header-subtitle">using
      <a href="https://github.com/algolia/autocomplete.js">Autocomplete.js</a>
    </p>
  </header>

  <div class="container">
    <div class="container-app">
      <div id="searchBox" class="ais-SearchBox">
        <form role="search" class="ais-SearchBox-form">
          <input type="search" placeholder="{{searchPlaceholder}}" class="ais-SearchBox-input" />
        </form>
      </div>
    </div>
  </div>

  <script src="./src/app.js"></script>
</body>

</html>
