igor
/
igor.milhit
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Activity

début implémentation menu 

Signed-off-by: iGor milhit <igor@milhit.ch>
web-fediverse-moi
iGor milhit 2016-05-13 12:19:12 +02:00
parent aca504c2b6
commit 4bd4ff905e
2 changed files with 18 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/style.css
View File

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

30
index.html
View File

@ -11,8 +11,6 @@
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="icon" href="favicon.ico"> <link rel="icon" href="favicon.ico">
<link rel="stylesheet" href="css/font-awesome.css"> <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> </head>
<body> <body>
@ -25,7 +23,18 @@
</header> </header>
<div class="container"> <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"> <div class="six columns" id="prive">
<ul> <ul>
@ -39,9 +48,9 @@
<div class="six columns" id="prof"> <div class="six columns" id="prof">
<ul> <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-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-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> <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> </ul>
</div> </div>
@ -49,8 +58,6 @@
</section> </section>
</div> </div>
<div id="map"></div>
<div class="container"> <div class="container">
<section id="presentation"> <section id="presentation">
@ -67,15 +74,6 @@
</div> </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> </div>
</body> </body>