<!DOCTYPE html>
<html>

<head>
	<title>MicroBin</title>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image/svg+xml" href="{{ args.public_path }}/static/favicon.svg">
    {% if !args.pure_html %}
    {% if args.custom_css.as_ref().is_none() %}
    <link rel="stylesheet" href="{{ args.public_path }}/static/water.css">
    {%- else %}
    <link rel="stylesheet" href="{{ args.custom_css.as_ref().unwrap() }}">
    {%- endif %}
    {%- endif %}

</head>
{% if args.wide %}

<body style="
    max-width: 1080px;
        margin: auto;
        padding-left:0.5rem;
        padding-right:0.5rem;
        line-height: 1.5;
        font-size: 1.1em;
        ">
    {%- else %}

    <body style="
    max-width: 800px;
        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 %}
			<a href="{{ args.public_path }}/"><img 
				width=48
				style="margin-bottom: -12px;"
				src="{{ args.public_path }}/static/logo.png"
			></a>
			{%- endif %}
			{{ args.title }}
        </b>

        <a href="{{ args.public_path }}/" style="margin-right: 0.5rem; margin-left: 0.5rem">New
        </a>

        <a href="{{ args.public_path }}/pastalist" style="margin-right: 0.5rem; margin-left: 0.5rem">List</a>

        <a href="{{ args.public_path }}/info" style="margin-right: 0.5rem; margin-left: 0.5rem">Info</a>

        <hr>

        {%- endif %}
