début implémentation menu

Signed-off-by: iGor milhit <igor@milhit.ch>
master
iGor milhit 2016-05-13 12:19:12 +02:00
parent aca504c2b6
commit 4bd4ff905e
2 changed files with 18 additions and 20 deletions

View File

@ -40,18 +40,18 @@ h1 {
margin-bottom: 2.5rem;
}
/* ----------- ID ---------- */
/* ----------- contact ---------- */
#ID {
#contact {
padding-bottom: 1em;
}
#ID ul {
#contact ul {
list-style-type: none;
margin-bottom: .5rem;
}
#ID li {
#contact li {
line-height: 1.3em;
}

View File

@ -11,8 +11,6 @@
<link rel="stylesheet" href="css/style.css">
<link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="css/font-awesome.css">
<script src='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.js'></script>
<link href='https://api.mapbox.com/mapbox.js/v2.4.0/mapbox.css' rel='stylesheet' />
</head>
<body>
@ -25,7 +23,18 @@
</header>
<div class="container">
<section id="ID" class="row">
<nav>
<ul>
<li><a href="#contact">Contact</a></li>
<li><a href="#qui">Qui suis-je ?</a></li>
<li><a href="#que">Que fais-je ?</a></li>
<li><a href="#online">Ailleurs, en ligne</a></li>
</ul>
</nav>
</div>
<div class="container">
<section id="contact" class="row">
<div class="six columns" id="prive">
<ul>
@ -39,9 +48,9 @@
<div class="six columns" id="prof">
<ul>
<li><i class="fa fa-envelope"></i> prof. : <a href="mailto:igor.milhit@hesge.ch" title="m'écrire sur mon e-mail professionnel" itemprop="email">igor.milhit@hesge.ch</a></li>
<li><i class="fa fa-building"></i> : Rue de la Tambourine 17, 1227 Carouge [<i class="fa fa-map-maker"></i> <a href="http://osm.org/go/0CFm8oMak--?m=" title="Situation sur OpenStreetMap">carte</a>]</li>
<li><i class="fa fa-building"></i> : Rue de la Tambourine 17, 1227 Carouge [<i class="fa fa-map-marker"></i> <a href="http://osm.org/go/0CFm8oMak--?m=" title="Situation sur OpenStreetMap">carte</a>]</li>
<li><i class="fa fa-phone"></i> : <a href="tel:+41223881790">+41 22 388 17 90</a>
<li><i class="fa fa-eye"></i> veille : <a href="https://id-libre.org/shaarli" title="mon site de social-bookmarking">id-libre.org/shaarli</a></li>
<li><i class="fa fa-eye"></i> veille : <a href="https://id-libre.org/shaarli/?searchtags=ID" title="mon site de social-bookmarking">id-libre.org/shaarli</a></li>
<li><i class="fa fa-file-pdf-o"></i> CV : <a href="cv-igor-milhit.pdf" title="Mon CV, en format PDF, mis à jour">cv-igor-milhit.pdf</a></li>
</ul>
</div>
@ -49,8 +58,6 @@
</section>
</div>
<div id="map"></div>
<div class="container">
<section id="presentation">
@ -67,15 +74,6 @@
</div>
<script>
L.mapbox.accessToken = 'pk.eyJ1IjoiaWdvcm1pbGhpdCIsImEiOiI5ZjhhMjgyMGU4OGY5MTY3NDZkZDAxYmJiOTc4NmRkNiJ9.b28EB0Ak2LnAfrQQuWbrsg';
var map = L.mapbox.map('map', 'igormilhit.np85616o', {zoomControl: true}).setView([46.1999, 6.1563], 12);
// désactiver le zoom
map.scrollWheelZoom.disable();
</script>
</div>
</body>