parent
3a0b1e70c5
commit
e60d420f08
|
@ -28,6 +28,13 @@ h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/* ----------- map ------------- */
|
||||||
|
|
||||||
|
#map {
|
||||||
|
height: 30em;
|
||||||
|
margin-bottom: 2.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
/* ----------- carte ---------- */
|
/* ----------- carte ---------- */
|
||||||
|
|
||||||
#carte {
|
#carte {
|
||||||
|
@ -36,6 +43,7 @@ h1 {
|
||||||
|
|
||||||
#carte ul {
|
#carte ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
|
margin-bottom: .5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#carte li {
|
#carte li {
|
||||||
|
|
12
index.html
12
index.html
|
@ -9,6 +9,8 @@
|
||||||
<link rel="stylesheet" href="css/normalize.css">
|
<link rel="stylesheet" href="css/normalize.css">
|
||||||
<link rel="stylesheet" href="css/skeleton.css">
|
<link rel="stylesheet" href="css/skeleton.css">
|
||||||
<link rel="stylesheet" href="css/style.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>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -38,6 +40,11 @@
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</section>
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="map"></div>
|
||||||
|
|
||||||
|
<div class="container">
|
||||||
|
|
||||||
<section id="presentation">
|
<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>
|
<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>
|
</div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
L.mapbox.accessToken = 'pk.eyJ1IjoiaWdvcm1pbGhpdCIsImEiOiI5ZjhhMjgyMGU4OGY5MTY3NDZkZDAxYmJiOTc4NmRkNiJ9.b28EB0Ak2LnAfrQQuWbrsg';
|
||||||
|
L.mapbox.map('map', 'igormilhit.np85616o', {zoomControl: false});
|
||||||
|
</script>
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
Loading…
Reference in New Issue