Map: positions
This commit is contained in:
parent
d3da1077b2
commit
98f519215a
4 changed files with 43 additions and 1 deletions
|
@ -1,5 +1,7 @@
|
|||
+++
|
||||
title = "Librezo"
|
||||
[extra]
|
||||
leaflet = 1
|
||||
+++
|
||||
|
||||
<img class="big-logo" alt="Logo Librezo" src="/img/logo-color-light.png"/>
|
||||
|
@ -7,7 +9,7 @@ title = "Librezo"
|
|||
<span class="slogan3">Collectif d'artisans numériques</span>
|
||||
|
||||
<div class="cities nn">
|
||||
<p>Aix – Bastia – Cajarc – Cambrai – Cévennes – Grasse – Le Havre – Marseille – Montreuil</p>
|
||||
<p>Aix – Bastia – Cajarc – Cambrai – Grasse – Le Havre – Marseille – Montreuil</p>
|
||||
<div class="madein-wrapper">
|
||||
<img class="madein" alt="Made in Chez Vous" src="/img/madein-purple.png"/>
|
||||
</div>
|
||||
|
@ -66,4 +68,22 @@ title = "Librezo"
|
|||
) %}
|
||||
J'ai fait appel à Librezo pour créer les sites web de Jarditerre et de Verdun Coliving. J’ai été très satisfaite de leur aide et de leur réactivité que ce soit par email ou par téléphone. Ils m’offrent aussi l’hébergement, le tout en <a href="https://monnaie-libre.fr" target="_blank">monnaie libre</a>, ce qui montre leur fort engagement pour un monde libre et meilleur, et nous permet d’en faire autant dans nos activités.
|
||||
{% end %}
|
||||
|
||||
</div>
|
||||
|
||||
{% map() %}
|
||||
[42.6998, 9.4518], // Bastia
|
||||
[44.4742, 1.8296], // Cajarc
|
||||
[50.1718, 3.2305], // Cambrai
|
||||
[43.6578, 6.9228], // Grasse
|
||||
[49.4927, 0.1641], // Le Havre
|
||||
[43.3099, 5.4127], // Marseille
|
||||
[43.6048, 3.8818], // Montpellier
|
||||
[48.8584, 2.4371], // Montreuil
|
||||
[47.2084, -1.6026], // Nantes
|
||||
[48.8505, 2.3380], // Paris
|
||||
[43.2926, -0.3703], // Pau
|
||||
[48.1077, -1.6795], // Rennes
|
||||
[46.0321, 4.0730], // Roanne
|
||||
[43.5931, 1.4272], // Toulouse
|
||||
{% end %}
|
||||
|
|
|
@ -156,3 +156,9 @@ h3 {
|
|||
height: 1px;
|
||||
background: linear-gradient(0.25turn, $blue, $violet);
|
||||
}
|
||||
|
||||
#map {
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
max-height: calc(100vh - 64px);
|
||||
}
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
<meta charset="utf-8"/>
|
||||
<title>{% block title %}{% endblock title %}</title>
|
||||
<link rel="stylesheet" href="/css/base.css"/>
|
||||
{% if page.extra.leaflet or section.extra.leaflet %}<link rel="stylesheet" href="/vendor/leaflet/leaflet.css"/>{% endif %}
|
||||
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico"/>
|
||||
<meta name="viewport" content="width=device-width"/>
|
||||
<meta name="robots" content="noindex,nofollow"/><!-- TODO remove this for production -->
|
||||
|
|
15
templates/shortcodes/map.html
Normal file
15
templates/shortcodes/map.html
Normal file
|
@ -0,0 +1,15 @@
|
|||
<div id="map" class="nn"></div>
|
||||
<script type="text/javascript" src="/vendor/leaflet/leaflet.js"></script>
|
||||
<script type="text/javascript">
|
||||
var map = L.map('map').setView([46.725, 2.834], 6);
|
||||
L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||||
maxZoom: 10,
|
||||
attribution: '© <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>'
|
||||
}).addTo(map);
|
||||
var places = [
|
||||
{{body|safe}}
|
||||
];
|
||||
for(i in places) {
|
||||
L.marker(places[i]).addTo(map);
|
||||
}
|
||||
</script>
|
Loading…
Reference in a new issue