<!DOCTYPE html>
<html lang="en">
  <head>
    <title>{{ template.title }}</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.css" />
    <link rel="icon" type="image/png" sizes="32x32" href="data:image/png;base64,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" />
    <style>
      html { position: relative; min-height: 100%; }
      body { padding-top: 5rem; margin-bottom: 40px; }
      #page { padding: 1.5rem 1.5rem; }
      .navbar { border-bottom: 8px solid #3333A4; }
      .navbar-brand { font-size: 2rem; color: #3333A4 !important; text-shadow: 2px 2px 4px #ccc; }
      .json-link { font-weight: normal; }
    </style>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://files.dnr.state.mn.us/lib/bootstrap4/javascripts/bootstrap.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.7.1/leaflet.js"></script>
  </head>
  <body>
    <nav class="navbar navbar-expand-md navbar-light fixed-top bg-light">
      <a href="https://mapserver.org/">
        <img src="data:image/png;base64,[encoded data, 14012 characters]" />
      </a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbar">
        <ul class="navbar-nav mr-auto">
          <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="{{ template.api_root }}?f=html" id="links" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Links</a>
            <div class="dropdown-menu" aria-labelledby="account">
              <a class="dropdown-item" href="{{ template.api_root }}?f=html">Home</a>
              <a class="dropdown-item" href="{{ template.api_root }}/conformance?f=html">Conformance</a>
              <a class="dropdown-item" href="{{ template.api_root }}/collections?f=html">Collections</a>
            </div>
          </li>
        </ul>
      </div>
    </nav>

    <main role="main" class="container-fluid">
      <div id="page">
