60 lines
2.6 KiB
HTML
60 lines
2.6 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html lang="fr">
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>My Map</title>
|
||
|
|
<meta charset="utf-8" />
|
||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
|
<meta name="theme-color" content="#FFC40D" />
|
||
|
|
<meta name="Description" content="My map is a local map." />
|
||
|
|
<link rel="stylesheet" href="css/style.css" />
|
||
|
|
<link rel="manifest" href="manifest.json">
|
||
|
|
<link rel="icon" href="favicon.ico" type="image/x-icon" />
|
||
|
|
<link rel="icon" type="image/png" href="images/favicon-16.png" sizes="16x16" />
|
||
|
|
<link rel="icon" type="image/png" href="images/favicon-32.png" sizes="32x32" />
|
||
|
|
<link rel="icon" type="image/png" href="images/favicon-96.png" sizes="96x96" />
|
||
|
|
<link rel="icon" type="image/png" href="images/favicon-128.png" sizes="128x128" />
|
||
|
|
<link rel="icon" type="image/png" href="images/favicon-144.png" sizes="144x144" />
|
||
|
|
<link rel="icon" type="image/png" href="images/favicon-152.png" sizes="150x150" />
|
||
|
|
<link rel="icon" type="image/png" href="images/favicon-152.png" sizes="152x152" />
|
||
|
|
<link rel="icon" type="image/png" href="images/favicon-196.png" sizes="196x196" />
|
||
|
|
<link rel="icon" type="image/png" href="images/favicon-256.png" sizes="256x256" />
|
||
|
|
<link rel="icon" type="image/png" href="images/favicon-512.png" sizes="512x512" /> </head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div id="main">
|
||
|
|
<div id="map"></div>
|
||
|
|
<a id="action" class="suggestion" href="#"></a>
|
||
|
|
<div id="detail">
|
||
|
|
<div id="container">
|
||
|
|
<div id="header">
|
||
|
|
<input id="search" class="map-info" type="text" placeholder="Trouver une alternative">
|
||
|
|
<div class="item-info">
|
||
|
|
<div class="flex">
|
||
|
|
<button class="icon icon-close" onclick="closeDetail()"></button>
|
||
|
|
<p id="name"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="subheader">
|
||
|
|
<div class="map-info">
|
||
|
|
<div id="categories" class="flex"></div>
|
||
|
|
</div>
|
||
|
|
<div class="item-info">
|
||
|
|
<div id="contact" class="flex"></div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div id="content">
|
||
|
|
<div id="list" class="map-info"></div>
|
||
|
|
<p id="description" class="item-info"></p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<script src="js/leaflet.js"></script>
|
||
|
|
<script src="js/data.geojson"></script>
|
||
|
|
<script src="js/core.js"></script>
|
||
|
|
<script src="js/main.js"></script>
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|