{{define "header"}}
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

        <title>Decred VSP - {{ .VspStats.Designation }}</title>

        <link rel="stylesheet" href="/public/css/vendor/bootstrap.min.css" />
        <link rel="stylesheet" href="/public/css/vspd.css" />
        <!-- fonts.css should be last to ensure dcr fonts take precedence. -->
        <link rel="stylesheet" href="/public/css/fonts.css" />

        <!--  Custom favicon  -->
        <!-- Apple PWA -->
        <link rel="apple-touch-icon" sizes="57x57"   href="/public/images/favicon/apple-touch-icon-57x57.png?v=gT6Mc">
        <link rel="apple-touch-icon" sizes="60x60"   href="/public/images/favicon/apple-touch-icon-60x60.png?v=gT6Mc">
        <link rel="apple-touch-icon" sizes="72x72"   href="/public/images/favicon/apple-touch-icon-72x72.png?v=gT6Mc">
        <link rel="apple-touch-icon" sizes="76x76"   href="/public/images/favicon/apple-touch-icon-76x76.png?v=gT6Mc">
        <link rel="apple-touch-icon" sizes="114x114" href="/public/images/favicon/apple-touch-icon-114x114.png?v=gT6Mc">
        <link rel="apple-touch-icon" sizes="120x120" href="/public/images/favicon/apple-touch-icon-120x120.png?v=gT6Mc">
        <link rel="apple-touch-icon" sizes="144x144" href="/public/images/favicon/apple-touch-icon-144x144.png?v=gT6Mc">
        <link rel="apple-touch-icon" sizes="152x152" href="/public/images/favicon/apple-touch-icon-152x152.png?v=gT6Mc">
        <link rel="apple-touch-icon" sizes="180x180" href="/public/images/favicon/apple-touch-icon-180x180.png?v=gT6Mc">

        <!-- Browser -->
        <link rel="icon" href="/public/images/favicon/favicon.ico?v=gT6Mc">
        <link rel="icon" href="/public/images/favicon/favicon-32x32.png?v=gT6Mc" type="image/png" sizes="32x32">
        <link rel="icon" href="/public/images/favicon/favicon-16x16.png?v=gT6Mc" type="image/png" sizes="16x16">

        <!-- Android PWA -->
        <link rel="manifest" href="/public/images/favicon/manifest.json?v=gT6Mc">

        <!-- Safari -->
        <link rel="mask-icon" href="/public/images/favicon/safari-pinned-tab.svg?v=gT6Mc" color="#091440">

        <!-- Windows PWA -->
        <meta name="msapplication-TileColor" content="#091440">
        <meta name="msapplication-TileImage" content="/public/images/favicon/mstile-144x144.png?v=gT6Mc">
        <meta name="msapplication-config"    content="/public/images/favicon/browserconfig.xml?v=gT6Mc">
        <!-- End custom favicon -->
    </head>
    
    <body>
        <div class="page-content">

            <nav class="py-sm-3 px-sm-5 navbar">
                <div class="container">
                    <a class="py-1 border-0 d-flex justify-content-start align-items-center" href="/">
                        <div class="logo--logo">
                            <svg xmlns="http://www.w3.org/2000/svg" width="38" height="32" fill="none" viewBox="0 0 23 20">
                                <path fill="#000" fill-opacity="0" d="M0 0h23v19.167H0z" />
                                <path fill="#091440"
                                    d="M4.792 4.792L0 0h5.175l7.667 7.667H7.667a3.834 3.834 0 1 0 0 7.666h1.917l3.833 3.834h-5.75A7.667 7.667 0 0 1 0 11.5c0-3.11 1.533-5.615 4.792-6.708z" />
                                <path fill="#091440"
                                    d="M18.208 14.375L23 19.167h-5.175L10.158 11.5h5.175a3.834 3.834 0 0 0 0-7.667h-1.917L9.583 0h5.75A7.667 7.667 0 0 1 23 7.667c0 3.109-1.533 5.615-4.792 6.708z" />
                            </svg>
                        </div>
                        <div class="logo--text">
                            VSP<br>
                            <b>{{ .VspStats.Designation }}</b>
                        </div>
                    </a>
                </div>
            </nav>

            {{ if .VspStats.Debug }}
                <div class="container">
                    <div class="alert alert-warning" role="alert">
                        Web server is running in debug mode - don't do this in production!
                    </div>
                </div>
            {{ end }}

{{end}}
