insertion mapbox

web-fediverse-moi 0.1.4
igor milhit 2015-10-23 09:24:55 +02:00
parent 3a0b1e70c5
commit e60d420f08
No known key found for this signature in database
GPG Key ID: 3E9D7C1605E40FCD
2 changed files with 20 additions and 0 deletions

View File

@ -28,6 +28,13 @@ h1 {
margin: 0;
}
/* ----------- map ------------- */
#map {
height: 30em;
margin-bottom: 2.5rem;
}
/* ----------- carte ---------- */
#carte {
@ -36,6 +43,7 @@ h1 {
#carte ul {
list-style-type: none;
margin-bottom: .5rem;
}
#carte li {

View File

@ -9,6 +9,8 @@
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/skeleton.css">
<link rel="stylesheet" href="css/style.css">
<script src='https://api.mapbox.com/mapbox.js/v2.2.2/mapbox.js'></script>
<link href='https://api.mapbox.com/mapbox.js/v2.2.2/mapbox.css' rel='stylesheet' />
</head>
<body>
@ -38,6 +40,11 @@
</div>
</section>
</div>
<div id="map"></div>
<div class="container">
<section id="presentation">
<p>Vieux comme la crise du pétrole, je suis né entre des livres, des taches d'encre et quelques vinyles. Les noyaux des centrales nucléaires se sont mises à fusionner, les empires d'après les empires s'écroulèrent et s'écroulent encore et à la croissance des montagnes de papiers s'ajoute la croissance des montagnes de déchets électroniques. Au milieu de cette dématérialisation joyeuse, j'observe les <a href="https://id-libre.org/blogigor/" title="blogiGor : traces éphémères">traces éphémères</a> de mon cheminement chaotique.</p>
@ -53,6 +60,11 @@
</div>
<script>
L.mapbox.accessToken = 'pk.eyJ1IjoiaWdvcm1pbGhpdCIsImEiOiI5ZjhhMjgyMGU4OGY5MTY3NDZkZDAxYmJiOTc4NmRkNiJ9.b28EB0Ak2LnAfrQQuWbrsg';
L.mapbox.map('map', 'igormilhit.np85616o', {zoomControl: false});
</script>
</body>
</html>