1<!DOCTYPE html>
2<html>
3  <head>
4    <title>{% block title %}{% endblock %}</title>
5    <meta name="viewport" content="width=device-width, initial-scale=1">
6    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.1/css/bulma.min.css">
7  </head>
8  <body>
9    <section class="section">
10      {# TODO use position: sticky to glue this to the top #}
11      <nav class="breadcrumb is-large">
12        <ul>
13          <li class="{{ "is-active" if machine is undefined }}">
14            <a href="index.html">Recipe Report</a>
15          </li>
16          {% if machine is defined %}
17          <li class="is-active">
18            <a href="#">{{machine}}</a>
19          </li>
20          {% endif %}
21        </ul>
22      </nav>
23
24      <div class="content">
25        {% block content %}{% endblock %}
26      </div>
27    </section>
28
29    <footer class="footer">
30      <div class="content has-text-centered">
31        Generated by <code>machine-summary</code> at {{ timestamp }}.
32      </div>
33    </footer>
34  </body>
35</html>
36