mathias/grainParisArt
1
0
Fork 0
mirror of https://github.com/MathiasDPX/grainParisArt.git synced 2025-05-09 23:23:05 +00:00
Code Issues Projects Releases Packages Activity Actions

Rebrand for Brest

Browse source
This commit is contained in:
Mathias DUPEUX 2024-10-09 19:15:56 +02:00
parent 0e8b3523b8
commit c515b51a1a
9 changed files with 63 additions and 109 deletions
Download patch file Download diff file Expand all files Collapse all files

18
templates/base.html
View file

@ -4,27 +4,31 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="{{url_for('static', filename='css/main.css')}}">
<link href='https://api.mapbox.com/mapbox-gl-js/v2.8.1/mapbox-gl.css' rel='stylesheet' />
<script src='https://api.mapbox.com/mapbox-gl-js/v2.8.1/mapbox-gl.js'></script>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css"
integrity="sha256-p4NxAoJBhIIN+hmNHrzRCf9tD/miZyoHS5obTRR9BMY="
crossorigin=""/>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"
integrity="sha256-20nQCchB9co0qIjJZRGuk2/Z9VM+kNiyxNV1lvTlZBo="
crossorigin=""></script>
<link rel="shortcut icon" type="image/png" href="static/images/favicon.png"/>
<title>grainParisArt</title>
<title>CinéBrest</title>
{% block head %} {% endblock %}
</head>
<header id="headerTop">
<div class="divHeader">
<h1 class="textLogo_header">GrainParisArt</h1>
<h1 class="textLogo_header">CinéBrest</h1>
<p>Quand ça va pas, y aura toujours le cinéma</p>
</div>
</header>
<body>
{% block body %} {% endblock %}
</body>
</body>
<footer>
<div class="container_footer">
<p>Fait avec amour par Solène Derniaux</p>
<p>©Tous droits réservés</p>
<a>Fait avec amour par <a href="https://www.solenederniaux.fr/">Solène Derniaux</a><br><a href="https://coolcraft.ovh">Adapté pour Brest par MathiasDPX</a></p>
<p>©Tous droits réservés<br><a href="https://github.com/MathiasDPX/grainParisArt/tree/brest">Disponible sur GitHub</a></p>
</div>
</footer>
</html>

51
templates/index.html
View file

@ -86,47 +86,32 @@
</div>
<script>
mapboxgl.accessToken = '###';
var map = L.map('map').setView([48.396205, -4.477066], 13);
var map = new mapboxgl.Map({
container: 'map',
style: 'mapbox://styles/mapbox/streets-v11',
center: [2.3522, 48.8566],
zoom: 12
});
var myicon = L.icon({
iconUrl: "static/images/point.png",
iconSize: [16,16]
})
map.addControl(new mapboxgl.NavigationControl());
L.tileLayer('https://tile.jawg.io/jawg-lagoon/{z}/{x}/{y}{r}.png?access-token={accessToken}', {
attribution: '<a href="https://jawg.io" title="Tiles Courtesy of Jawg Maps" target="_blank">&copy; <b>Jawg</b>Maps</a> &copy; <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a> contributors',
minZoom: 0,
maxZoom: 22,
accessToken: '{{ JAWG_API_KEY }}'
}).addTo(map);
var locations = [
{ coordinates: [2.348973, 48.848363], description: "Écoles Cinéma club" },
{ coordinates: [2.546596, 48.840113], description: "UGC Ciné Cité Noisy-le-Grand" },
{ coordinates: [2.343014, 48.849777], description: "UGC Ciné Cité les Halles" },
{ coordinates: [2.342790, 48.849510], description: "Reflet Medicis" },
{ coordinates: [2.342790, 48.849510], description: "Fimothèque du quartier Latin" },
{ coordinates: [2.343223, 48.849980], description: "Le Champo" },
{ coordinates: [2.330526, 48.842813], description: "MK2 Parnasse" },
{ coordinates: [2.352129, 48.847530], description: "Le Grand Action" },
{ coordinates: [2.353602, 48.858676], description: "Luminor Hotel de Ville" },
{ coordinates: [2.344856, 48.871370], description: "Max Linder Panorama" },
{ coordinates: [2.342385, 48.847488], description: "Cinéma du Panthéon" },
{ coordinates: [2.349555, 48.841300], description: "Épée de bois" },
{ coordinates: [2.375488, 48.832448], description: "MK2 Bibliothèque" },
{ coordinates: [2.352312, 48.861584], description: "MK2 Beaubourg" }
{ coordinates: [48.390699, -4.487733], description: "Multiplexe Liberté" },
{ coordinates: [48.397915, -4.473528], description: "CGR Brest Le Celtic" },
{ coordinates: [48.396205, -4.477066], description: "Les Studios" },
{ coordinates: [48.389640, -4.498724], description: "Pathé Capucins" },
];
locations.forEach(function (location) {
var el = document.createElement('div');
el.className = 'custom-marker';
var popup = new mapboxgl.Popup({ offset: 25 }).setText(location.description);
new mapboxgl.Marker(el)
.setLngLat(location.coordinates)
.setPopup(popup)
.addTo(map);
new L.Marker(location.coordinates, {icon: myicon})
.addTo(map)
.bindPopup(location.description);
});
</script>