-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
85 lines (79 loc) · 5.01 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
79
80
81
82
83
84
85
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">
<head>
<title>Cabanes et abris de montagne</title>
<link rel="shortcut icon" href="./images/favicon.ico" />
<meta name="robots" content="all" />
<meta name="robots" content="index,follow" />
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link type="text/css" rel="stylesheet" href="styles/style.css" />
<link rel="stylesheet" href="./leaflet/leaflet.css" />
<!--[if lte IE 8]><link rel="stylesheet" href="./leaflet/leaflet.ie.css" /><![endif]-->
<script src="./leaflet/leaflet.js"></script>
</head>
<body>
<header>
<p id="header">Refuges.info</p>
</header>
<!-- Contenu du site web -->
<section>
<!-- Partie accueil -->
<article id="index">
<p>Refuges.info vous permet d'afficher sur une carte, des refuges, abris et autres points d'intérêt pour les randonneurs. Ils vous est alors possible de cliquer sur un point pour avoir des informations pratiques sur celui-ci.</p>
<a class="btnbleu" id="affichecarte" href="#" onclick="displayBlock('carte')">Afficher la carte</a>
<a class="btnbleu" id="afficheaide" href="#" onclick="displayBlock('aide')">Afficher l'aide</a>
<a class="btnbleu" id="affichesite" href="http://www.refuges.info" target="_blank">Accéder au site web complet</a>
</article>
<!-- Partie d'aide -->
<article id="aide" style="display:none;">
<h3>Légende de la carte :</h3>
<ul>
<li><div class="titreliste"><img src="./images/icones/cabane.png"> Cabane non gardée</div><p>Une cabane non gardée est un abris dans lequel la possibilité de passer une nuit est envisageable, cependant rien n'y est assuré, aucune garantie de le trouver ouvert, dans des conditions décentes ne peut être fournie. <i>Note : Les locaux (bergers par exemple) ont la priorité dans ces cabanes.</i></p></li>
<li><div class="titreliste"><img src="./images/icones/abri_sommaire.png"> Abris sommaire</div><p>Un abri somaire est une cabane non gardée jugée en trop mauvaise état pour y passer la nuit, elle peux servir en cas d'urgences (intempéries…)</p></li>
<li><div class="titreliste"><img src="./images/icones/cabane_fermee.png"> Cabane fermée</div></li>
<li><div class="titreliste"><img src="./images/icones/refuge_garde.png"> Refuge gardé</div><p>Un refuge gardé vous assure une nuit dans un bâtiment de qualitée géré par du personnel. Vous pouvez en général y dormir et y manger, en échange d'un paiement. Il est conseiller d'appeler au préalable pour réserver.</p></li>
<li><div class="titreliste"><img src="./images/icones/refuge_ferme.png"> Refuge fermé</div></li>
<li><div class="titreliste"><img src="./images/icones/gite.png"> Gîte</div><p>Un gîte d'étape fournit l'essentiel pour passer la nuit dans les conditions idéales. Vous aurez un service de qualité pour un prix généralement inférieur à une nuit en hôtel.</p></li>
<li><div class="titreliste"><img src="./images/icones/gite_ferme.png"> Gîte fermé</div></li>
<li><div class="titreliste"><img src="./images/icones/point_eau.png"> Point d'eau</div><p>Un point d'eau, ou une source, offre l'eau vitale au randonneur. Il est conseillé de traiter cette eau avec des pastilles adéquates (type micropur) car elle n'est pas forcement potable.</p></li>
<li><div class="titreliste"><img src="./images/icones/lac.png"> Lac</div></li>
<li><div class="titreliste"><img src="./images/icones/col.png"> Point de passage</div><p>Point de passage fréquent de randonneur souvent du fait du relief (par exemple les cols).</p></li>
<li><div class="titreliste"><img src="./images/icones/sommet.png"> Sommet</div></li>
<li><div class="titreliste"><img src="./images/icones/site.png"> Site remarquable</div></li>
</ul>
<br>
<p class="sautdeligne"></p>
<a class="retour" href="#" onclick="displayBlock('index')">Menu Principal</a>
<a class="suivant" href="#" onclick="displayBlock('carte')">La Carte</a>
</article>
<!-- Partie carte -->
<article id="carte" style="display:none;">
<a class="retour" href="#" onclick="displayBlock('index')">Menu Principal</a>
<div id="map"></div>
</article>
<!-- Partie patienter -->
<article id="patientez" style="display:none;">
<div class="loading-wrap">
<div class="triangle1"></div>
<div class="triangle2"></div>
<div class="triangle3"></div>
</div>
</article>
<!-- Partie infoPoint -->
<article id="infosPoint" style="display:none;">
<!-- Tout est géré par un innerHTML -->
</article>
</section>
<footer>
<a href="http://creativecommons.org/licenses/by-sa/2.0/deed.fr" target="_blank">
<img src="./images/licence.png" alt="CC BY SA 2.0" />
</a>
-
<a href="/statique/mode_emploi.php?page=licence" title="Version ordinateur" target="_blank">
Plus d'infos sur la licence
</a>
</footer>
<script src="./js/index.js"></script>
</body>
</html>