<!DOCTYPE html>
<html data-theme="light" lang="es" style="background-color: rgb(205, 243, 148); color: black; overflow-y:scroll">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>Mapa interactivo de baches y otras cosas</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='pico.amber.css') }}">

    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">

    <meta name="description" content="Bachemapa es una plataforma dedicada a documentar y reportar problemas con el desarrollo urbano en Querétaro, México. Encuentra y aporta información actualizada sobre baches, deficiencias en infraestructura y más.">

    <!-- Palabras clave para SEO -->
    <meta name="keywords" content="Querétaro, problemas urbanos, baches, infraestructura, desarrollo urbano, reporte de baches, comunidad, ciudadanía, urbanización, planificación, deficiencias urbanas">

    <!-- Autor de la página -->
    <meta name="author" content="Kernel Panic Room">

    <!-- Meta etiquetas para redes sociales -->
    <meta property="og:title" content="Bachemapa - Mapa interactivo de baches y otras cosas">
    <meta property="og:description" content="Bachemapa es una plataforma dedicada a documentar y reportar problemas con el desarrollo urbano en Querétaro, México. Encuentra y aporta información actualizada sobre baches, deficiencias en infraestructura y más.">
    <!--<meta property="og:image" content="URL_DE_LA_IMAGEN_DE_PREVISUALIZACIÓN">-->
    <meta property="og:url" content="https://baches.qro.mx">
    <meta property="og:type" content="website">

    <meta name="twitter:title" content="Bachemapa - Documentación de Problemas Urbanos en Querétaro">
    <meta name="twitter:description" content="Bachemapa es una plataforma dedicada a documentar y reportar problemas con el desarrollo urbano en Querétaro, México. Encuentra información actualizada sobre baches, deficiencias en infraestructura y más.">
    <meta name="twitter:site" content="@botkernel">

    <!-- Otros meta tags -->
    <link rel="canonical" href="https://baches.qro.mx">
    <!-- Versión pública 0.1 -->
</head>
<body style="color: black;overflow-y: scroll;">
    <nav style="height: auto; align-items:center">
        <ul>
            <a href="/"><li><h3 style="margin-bottom: 0;">Bachemapa</h3></li></a>
        </ul>
          
        
        <ul>
            <li><button id="pinner-top"><a href="/">Al mapa</a></button></li>
            <li><button><a href="/quienes">Somos</a></button></li>
            <li><button style="background-color: rgb(241, 165, 0);"><a href="/logout">Salir</a></button></li>
        </ul>
    </nav>
    {% with messages = get_flashed_messages() %}
        {% if messages %}
        <div style="position:sticky; z-index: 9999;">
            <ul class="flashes">
                {% for message in messages %}
                    <li>{{message}}</li>
                {% endfor %}
            </ul>
        </div>
        {% endif %}
    {% endwith %}
    <main class="container-fluid" style="display:block; margin-top:100px">

{% block content %}

{% endblock %}

</main>

</body>
<script>

</script>
</html>
