hxl-preview.html

<!DOCTYPE html>
<html>
  <head>
    <title>HXL Preview</title>
    <link rel="stylesheet" href="hxl-preview.css"/>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  </head>
  <body>
    <header>
      <h1>HXL Preview, 0.1alpha</h1>
      <div class="tools">
        <a id="style-table">Table</a>
        <a id="style-cards">Cards</a>
      </div>
    </header>
    <main>
      <section id="preview">
        <p id="loading" class="hidden">Loading data from <a id="source-url"></a>…</p>
        <form id="choose" target="">
          <label>
            URL
            <input name="url" type="url" placeholder="Link to HXL dataset" />
          </label>
          <button type="submit">Open</button>
        </form>
      </section>
    </main>
  </body>
  <script src="lib/papaparse.min.js"></script>
  <script src="lib/hxl.js"></script>
  <script src="hxl-preview.js"></script>
</html>