-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
59 lines (50 loc) · 3.74 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Load d3.js and the geo projection plugin -->
<script src="https://d3js.org/d3.v4.js"></script>
<script src="https://d3js.org/d3-geo-projection.v2.min.js"></script>
<script src="https://d3js.org/d3-scale-chromatic.v1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/lodash.min.js"></script>
<!-- Load Leaflet -->
<link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css" integrity="sha512-puBpdR0798OZvTTbP4A8Ix/l+A4dHDD0DGqYW6RQ+9jxkRFclaxxQb/SJAWZfWAkuyeQUytO7+7N4QKrDh+drA==" crossorigin=""/>
<script src="https://unpkg.com/[email protected]/dist/leaflet.js" integrity="sha512-nMMmRyTVoLYqjP9hrbed9S+FzjZHW5gY1TWCHA5ckwXZBadntCNs8kEqAWdrb9O7rxbCaA4lKTIWjDXZxflOcA==" crossorigin=""></script>
<!-- Load styles -->
<link rel="stylesheet" type="text/css" href="styles/styles.css">
</head>
<body>
<!-- Create map element -->
<div id="map"></div>
<!-- Information module -->
<div class="infos">
<header>
<h1>notreHistoire.ch - géolocalisation des publications</h1><br>
<small>30'114 entrées, état au 30 avril 2024</small><br>
</header>
<p>Éditée depuis 2009 par la FONSART, la plateforme numérique notreHistoire.ch invite des institutions et des amateur.ice.s à publier des archives afin de constituer une histoire partagée de la Suisse romande. <br><br> En date du 30 avril 2024, 30’114 des plus de 112’000 documents publiés sur la plateforme étaient pourvus des coordonnées. Cette visualisation révèle par un point chaque document géolocalisé. Des filtres permettent de les trier par type de média, nombre de vues et statut “repérage” (un outil de valorisation à la disposition de l'éditeur.ice). De plus, des métadonnées liées aux publication apparissent au survol de chaque point: le titre de la publication, sa date de publication, sa période, ainsi que son nombre exact de vues. <br><br> <b>* La fiabilité des données géolocalisées ne peut être garantie, car elle dépend de la précision individuelle des membres de notreHistoire.</b></p>
</div>
<!-- Filters module -->
<div id="selector">
<h2>Filtres</h2>
<div class="selector-group featured">
<div class="selector-checkbox"><input type="checkbox" class="checkbox checkbox-filter" name="featured" value="featured"><label>En repérage</label></div>
</div>
<div class="selector-group media">
<h3>Type de média</h3>
<div class="selector-checkbox"><input type="checkbox" class="checkbox checkbox-filter" name="media" value="photo"><label>Photos</label></div>
<div class="selector-checkbox"><input type="checkbox" class="checkbox checkbox-filter" name="media" value="audio"><label>Audios</label></div>
<div class="selector-checkbox"><input type="checkbox" class="checkbox checkbox-filter" name="media" value="video"><label>Vidéos</label></div>
<div class="selector-checkbox"><input type="checkbox" class="checkbox checkbox-filter" name="media" value="story"><label>Récits</label></div>
</div>
<div class="selector-group view-count">
<h3>Nombre de vues</h3>
<div class="selector-checkbox"><input type="checkbox" class="checkbox checkbox-filter" name="views" value="1"><label>Moins de 100</label></div>
<div class="selector-checkbox"><input type="checkbox" class="checkbox checkbox-filter" name="views" value="2"><label>100 à 1000</label></div>
<div class="selector-checkbox"><input type="checkbox" class="checkbox checkbox-filter" name="views" value="3"><label>Plus de 1000</label></div>
</div>
</div>
<!-- Load script -->
<script src="scripts/script.js"></script>
</body>
</html>