<!DOCTYPE html>
<html>
<head>
    {% if args.footer_text.as_ref().is_none() %}
        <title>MicroBin</title>
    {%- else %}
    <title>{{ args.title.as_ref().unwrap() }}</title>
    {%- endif %}

    <link rel="icon" type="image/png" href="/static/icon.ico">
    <link rel="icon" type="image/png" href="/static/icon-16x16.png" sizes="16x16">
    <link rel="icon" type="image/png" href="/static/icon-32x32.png" sizes="32x32">
    <link rel="icon" type="image/png" href="/static/icon-192x192.png" sizes="192x192">
    <link rel="icon" type="image/png" href="/static/icon-512x512.png">
    <link rel="apple-touch-icon" href="/static/apple-touch-icon.png">

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {% if !args.pure_html %}
        <link rel="stylesheet" href="/static/water.css">
    {%- endif %}
    </head>
{% if args.wide %}
<body style="
    max-width: 1080;
        margin: auto;
        padding-left:0.5rem;
        padding-right:0.5rem;
        line-height: 1.5;
        font-size: 1.1em;
        ">
{%- else %}
<body style="
    max-width: 720;
        margin: auto;
        padding-left:0.5rem;
        padding-right:0.5rem;
        line-height: 1.5;
        font-size: 1.1em;
        ">
{%- endif %}
<br>

{% if !args.hide_header %}

<b style="margin-right: 0.5rem">

    {% if !args.hide_logo %}
<!--        <i><span style="font-size:2.2rem; margin-right:1rem">μ</span></i>-->
        <img width="25" style="margin-bottom: -0.4rem; margin-right: 0.4rem" src="static/icon-192x192.png"/>
    {%- endif %}

    {% if args.footer_text.as_ref().is_none() %}
        <span>MicroBin</span>
    {%- else %}
        {{ args.title.as_ref().unwrap() }}
    {%- endif %}
</b>

<a href="/" style="margin-right: 0.5rem; margin-left: 0.5rem">New Pasta</a>

<a href="/pastalist" style="margin-right: 0.5rem; margin-left: 0.5rem">Pasta List</a>

<a href="/help" style="margin-right: 0.5rem; margin-left: 0.5rem">Help</a>

<hr>

{%- endif %}
