début implémentation menu
Signed-off-by: iGor milhit <igor@milhit.ch>web-fediverse-moi
							parent
							
								
									aca504c2b6
								
							
						
					
					
						commit
						4bd4ff905e
					
				| 
						 | 
				
			
			@ -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;
 | 
			
		||||
}
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
							
								
								
									
										30
									
								
								index.html
								
								
								
								
							
							
						
						
									
										30
									
								
								index.html
								
								
								
								
							| 
						 | 
				
			
			@ -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>
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
		Loading…
	
		Reference in New Issue