<!DOCTYPE html>
<html data-theme="light" lang="en" style="background-color: rgb(205, 243, 148); color: black;">
<head>
    <meta charset="UTF-8">
    <title>Interactive Map</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='pico.amber.css') }}">




    <!--<link rel="stylesheet" href="{{ url_for('static', filename='leaflet.css') }}">
    <script src="{{ url_for('static', filename='leaflet.js') }}"></script>-->
    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">

</head>
<body style="background-color: rgb(205, 243, 148); color: black;overflow-y: scroll;">
    <nav style="z-index: 5; height: 7vh;">
        <ul>
            <a href="/"><li><h2>El Bachemapa</h2></li></a>
        </ul>
        
        
        <ul>
            <li><button id="pinner-top">Agregar</button></li>
            <li><button><a href="/quienes">Quienes somos</a></button></li>
        </ul>
    </nav>
    {% with messages = get_flashed_messages() %}
        {% if messages %}
        <div style="position:absolute; z-index: 9999;">
            <ul class="flashes">
                {% for message in messages %}
                    <li>{{message}}</li>
                {% endfor %}
            </ul>
        </div>
        {% endif %}
    {% endwith %}
    <main class="" style="padding:0px;height: 100vh; width:100vw; z-index: 5; position: absolute;">

{% block content %}

{% endblock %}

</main>

</body>
<script>

</script>
</html>
