forked from orson/bachemap
90 lines
3.9 KiB
HTML
90 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html data-theme="light" lang="es" style="background-color: rgb(205, 243, 148); color: black; height: 100%;">
|
|
<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="icon" type="image/png" href="{{ url_for('static', filename='favico.ico') }}">
|
|
<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; height: 100%; margin: 0;">
|
|
<nav style="height: auto;">
|
|
<ul>
|
|
<a href="/">
|
|
<li style="display: flex; align-items: center;">
|
|
<img id="logo" src="{{ url_for('static', filename='images/bachemapalogo.png') }}" alt="Bachemapa Logo" style="height: 10vh; margin-right: 10px;">
|
|
<h3 style="margin-bottom: 0;"><span style="color: #4a8522;">Bache</span><span style="color: #fa8721;">mapa</span></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>
|
|
{% if current_user.is_authenticated %}
|
|
<li><button><a href="/dashboard">Perfil</a></button></li>
|
|
{% endif %}
|
|
</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; height: calc(100vh - 100px); overflow-y: auto;">
|
|
|
|
{% block content %}
|
|
|
|
{% endblock %}
|
|
|
|
</main>
|
|
</body>
|
|
{% include 'footer.html' %}
|
|
<style>
|
|
|
|
html, body {
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
body {
|
|
background-image: url("{{ url_for('static', filename='images/bg-trees.jpg') }}");
|
|
background-size: cover;
|
|
}
|
|
</style>
|
|
</html>
|