recipe-template.html

<!DOCTYPE html>
<html>
  <head>
    <title>[Recipe title]</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta charset="UTF-8" />
    <link rel="stylesheet" href="style.css"/>
  </head>
  <body>
    <nav role="navigation" aria-label="up">
      &#x2B06;       
      <cite><a href=".">HXL toolchain cookbook</a></cite>
    </nav>
    <h1>[Recipe title]</h1>
    <p>
      <a href="[Proxy link]" target="_blank">View recipe in the HXL Proxy.</a>
    </p>
    <ol class="instruction-list">
      <li>
        <p>
          [Opening]
        </p>
        <table class="example">
          <thead>
            <tr>
              <th>Province</th>
              <th>Cluster</th>
            </tr>
            <tr class="hashtag-row">
              <th>#adm1</th>
              <th>#sector</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Coast Province</td>
              <td>WASH</td>
            </tr>
            <tr>
              <td>Plains Province</td>
              <td>WASH</td>
            </tr>
            <tr>
              <td>Mountains Province</td>
              <td>WASH</td>
            </tr>
          </tbody>
        </table>
      </li>
      <li>
        <p>
          [Step instructions]
        </p>
        <dl class="compact">
          <dt>[Param name]</dt>
          <dd><code>[Param value]</code></dd>
        </dl>
        <p>Result:</p>
        <table class="example">
        </table>        
      </li>
    </ol>
  </body>
</html>
      