forked from AlexiaKurz/Projet_Kurz_Alexia_evolution_eysins
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
78 lines (66 loc) · 2.57 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Développement du bâti d'Eysins</title>
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.7.1/dist/leaflet.css" />
<link rel="stylesheet" href="style.css" />
<!-- Chargement des données -->
<script src="communeEysins.js"></script>
<script src="Eysins_pop_superficie_densite.js"></script>
<!-- Chargement des données des bâtiments-->
<script src="BAT_Eysins2021.js"></script>
<script src="BAT_Eysins2010.js"></script>
<script src="BAT_Eysins2000.js"></script>
<script src="BAT_Eysins1990.js"></script>
</head>
<body>
<h1>Evolution du bâti et de la densité de la population d'Eysins</h1>
<h2>Commune vaudoise, Suisse</h2>
<h3>2024 © Alexia Kurz</h3>
<ul class="topnav">
<li>
<a id="accueil-link" href="#">Accueil</a>
</li>
<li class="wider-dropdown style-dropdown highlight-tab">
<a href="#" class="evolution-tab">Évolution du bâti et de la densité de la population (1950-2023)</a>
<ul class="dropdown">
<li>
<label for="year">Évolution:</label>
<input type="range" min="1950" max="2023" value="1950" class="slider" id="yearSlider" oninput="toggleBuildingByYear()">
<span id="slider_value">1950</span>
</li>
</ul>
</li>
<li class="wider-dropdown style-dropdown">
<a href="#">Sources</a>
<ul class="dropdown">
<li>
<span class="dropdown-header">
Couches des bâtiments : <a href="https://www.swisstopo.admin.ch/fr/modele-du-territoire-swissbuildings3d-2-0">© swissBUILDINGS3D 2.0</a>
</span>
<br>
<span class="dropdown-header">
Couches cartes : <a href="http://www.esri.com">© ESRI</a> | <a href="https://www.openstreetmap.org">OpenStreetMap</a>
</span>
</li>
</ul>
</li>
<li class="wider-dropdown style-dropdown">
<a href="#">Contacts</a>
<ul class="dropdown">
<li>
<span class="dropdown-header">Alexia Kurz</span>
<br> Adresse Email : <a href="#"
onclick="window.location.href='mailto:alexia.kurz@unil.ch'; return false;">mastertem@unil.ch</a>
<br> Tél. <a href="tel:+41216923500">+41 78 XXX XX XX</a>
</li>
</ul>
</li>
</ul>
<div id="map"></div>
<div id="coords" class="coords-info">Coordonnées :</div>
<script src="https://unpkg.com/leaflet@1.7.1/dist/leaflet.js"></script>
<script src="index.js"></script>
</body>
</html>