{% comment %}
<!--data structure | specified in notebooks metadata-->
<!--* title: notebook's title (string)-->
<!--* description: a short description for notebook (html string) [optional]-->
<!--* header: an image for header of notebook (src url) [optional]-->
<!--* footer: an image for the footer of the notebook (src url) [optional]-->
<!--* authors: a list of author instances [optional] (rendered as person.html's)-->
<!---->
{% endcomment %}
{% if page.metadata %}
{% assign metadata = site.data[page.metadata] %}
{% endif %}

<html>
<head>
    <title>{{ metadata.title | default: metadata.header.title | default: "Content" }}</title>
    <!-- Local CSS Stylesheets -->
    <link rel="stylesheet" href="{{ '/assets/css/jupyter.css' | prepend: site.baseurl }}">
    {% include head.html %}
</head>

<body class="bg-secondary">
<div class="app-content container-fluid px-0">
    {% assign page_title = metadata.header.title | default: metadata.title %}
    {% include header.html background=metadata.header.background title=page_title
    description=metadata.header.description %}
    {% include nav.html colab=page.colab nav=metadata.nav %}
    <div class="container-fluid bg-white shadow app-body {% unless page.colab %}px-5 p-4{% endunless %}">
        {{ content }}
    </div>
    <div class="container-fluid bg-white shadow app-body">

        {% include toc.html index=metadata level=1 %}
    </div>
    {% include footer.html background=metadata.footer.background footer=metadata.footer %}
</div>
</body>
</html>