fin nav, structure (HTML)

index.html

@@ -5,7 +5,7 @@
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
         <title>iGor milhit</title>
         <meta name="description" content="iGor milhit">
-        <meta name="keywords" content="iGor milhit, ePortfolio, contact, CV, veille">
+        <meta name="keywords" content="iGor milhit, carte d'identité, ePortfolio, contact, CV, veille">
         <link rel="stylesheet" href="css/normalize.css">
         <link rel="stylesheet" href="css/skeleton.css">
         <link rel="stylesheet" href="css/style.css">
@@ -34,15 +34,17 @@
         </div>
 
         <div class="container">
-            <section id="contact" class="row">
+            <h2 id="contact">Contact</h2>
+            <section class="row">
 
                 <div class="six columns" id="prive">
+
                     <ul>
                         <li><i class="fa fa-envelope-o"></i> privé : <a href="mailto:igor@milhit.ch" title="m'écrire" itemprop="email">igor@milhit.ch</a></li>
-                        <li><i class="fa fa-key"></i> publique : <a href="igor-milhit.asc" title="ma clé publique">igor-milhit-pub.asc</a></li>
-                        <li>empreinte : <span id="empreinte">9347 2713 B56F 31D4 724A 8972 3E9D 7C16 05E4 0FCD</span></li>
                         <li><i class="fa fa-home"></i> : Ch. des Clochettes 16, 1206 Genève [<i class="fa fa-map-marker"></i> <a href="http://osm.org/go/0CFtAk9Rb?m=" title="Situation sur OpenStreetMap">carte</a>]</li>
                         <li><i class="fa fa-mobile"></i> : <a href="tel:+41765528059">+41 76 552 80 59</a></li>
+                        <li><i class="fa fa-key"></i> publique : <a href="igor-milhit.asc" title="ma clé publique">igor-milhit-pub.asc</a></li>
+                        <li>empreinte : <span id="empreinte">9347 2713 B56F 31D4 724A 8972 3E9D 7C16 05E4 0FCD</span></li>
                     </ul>
                 </div>
                 <div class="six columns" id="prof">
@@ -60,11 +62,13 @@
 
         <div class="container">
 
-            <section id="presentation">
+            <section id="qui">
+                <h2>Qui suis-je ?</h2>
                 <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>
             </section>
 
-            <section id="professionnel" class="row">
+            <section id="que">
+                <h2>Que fais-je ?</h2>
                 <p>De profession, je suis <em><span itemprop="jobTitle">spécialiste HES en information documentaire</span></em>. En clair, si tu as besoin de pouvoir compter sur une information de qualité, <em>just in time</em>, pourtant noyée dans la surabondance des flux contemporains, alors je suis en mesure de te satisfaire. Depuis septembre 2013, je suis assistant HES d'enseignement à la <a href="http://hesge.ch/heg/" title="site web de la Haute école de gestion de Genève" itemprop="worksFor"><span itemprop="worksFor">Haute école de gestion de Genève</span></a>, au sein de la filière où j'ai obtenu mon diplôme.</p>
 
                 <p>Passionné par l'informatique, je participe aux cours d'informatique de base (bureautique), ainsi qu'à la découverte des logiciels <em>documentaires</em> propres à ma profession. Comme les outils numériques s'imposent de plus en plus comme les intermédiaires incontrournables de la plupart de nos activités, tant privées que professionnelles, je suis convaincu de l'importance des <a href="https://fw.wikipedia.org/wiki/Logiciel_libre" title="article 'logiciel libre' sur Wikipedia en français">logiciels libres</a>. La technologie n'est pas neutre, car elle s'inscrit dans un contexte humain, dans un cadre juridique précis.</p>
@@ -74,6 +78,39 @@
 
         </div>
 
+        <div class="container">
+
+            <h2 id="online">Ailleurs, en ligne</h2>
+            <section class="row">
+
+
+                <div class="one-third column">
+                    <ul>
+                        <li><a href="https://fr.wikipedia.org/wiki/Utilisateur:IGor.avoi" title="Mon compte Wikipédia"><i class="fa fa-wikipedia-w"></i></a></li>
+                        <li><a href="https://www.openstreetmap.org/user/iGormilhit" title="Mon compte OpenStreetMap"><i class="fa fa-map-o"></i></a></li>
+                        <li><a href="https://keybase.io/1g0r" title="Mon profil Keybase"><i class="fa fa-key"></i></a></li>
+                    </ul>
+                </div>
+
+                <div class="one-third column">
+                    <ul>
+                        <li><a href="https://status.vinilox.eu/1g0r/all" title="Mon compte GnuSocial"><i class="fa fa-twitter"></i></a></li>
+                        <li><a href="https://github.com/iGormilhit" title="Mon compte Github"><i class="fa fa-github"></i></a></li>
+                        <li><i class="fa fa-btc"></i><code> 1KKmsg9CkFtbREf1sLEirJbsqJGTqJpStoi</code></li>
+                    </ul>
+                </div>
+
+                <div class="one-third column">
+                    <ul>
+                        <li><a href="https://inventaire.io/inventory/igor" title="Mon compte Inventaire.io"><i class="fa fa-book"></i></a></li>
+                        <li><a href="https://www.discogs.com/user/ignami/collection" title="Mon compte Discogs"><i class="fa fa-music"></i></a></li>
+                    </ul>
+                </div>
+
+            </section>
+
+        </div>
+
     </div>
     </body>
 

txt/moi.md

@@ -1,3 +1,3 @@
-## ... et moi ?
+## Qui suis-je ?
 
 Vieux comme la [crise du pétrole](https://fr.wikipedia.org/wiki/Premier_choc_pétrolier), je suis né entre des [livres](https://inventaire.io/inventory/igor), des taches d'encre et quelques [vinyles](https://www.discogs.com/fr/user/ignami/collection?sort=artist&sort_order=asc). Les noyaux des centrales nucléaires se sont [mises à fusionner](https://fr.wikipedia.org/wiki/Fusion_du_c%C5%93ur_d'un_r%C3%A9acteur_nucl%C3%A9aire#Cas_r.C3.A9els), les empires d'après les empires [s'écroulèrent](https://fr.wikipedia.org/wiki/Union_des_r%C3%A9publiques_socialistes_sovi%C3%A9tiques#Derni.C3.A8res_ann.C3.A9es_de_l.27URSS_.281985-1991.29) 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.

txt/parcours-pro.md

@@ -1,7 +1,7 @@
-## ... que fais-je ?
+## Que fais-je ?
 
 Après un parcours sinueux, au gré duquel j'ai appris la comptabilité double, l'économie politique, la littérature francophone et l'histoire et exercé mon savoir faire dans la grande distribution et sur quelques chantier en tous genre, j'ai acquis un [*Bachelor* HES en information documentaire](https://www.hesge.ch/heg/formation-base/bachelors-science/information-documentaire) à la Haute école de gestion de Genève.
 
-Puis, j'ai travaillé en tant que bibliothécaire à [l'infothèque](https://www.hesge.ch/heg/infotheque/actualites), où j'étais principalement en charge des formations aux usagers et des acquisitions. La formation et les facettes informatiques de la documentation m'attirent beaucoup, aussi je deviens assez rapidement assistant d'enseignement dans la filière Information documentaire de l'école où je me suis formé. J'ai participé très activement aux cours *informatique de base*, *systèmes d'information documentaires* et *publication Web* et *gestion de contenu (CMS)*. Enfin, j'ai mené à terme un projet de vocabulaire pour une base de donnée photographique institutionnelles et je participe encore à deux projets [CUS-P2] : [SLSP](http://blogs.ethz.ch/slsp) et [*Train 2 Dacar*](http://campus.hesge.ch/id_bilingue/projekte/train2dacar/index_fr.asp).
+Puis, j'ai travaillé en tant que bibliothécaire à [l'infothèque](https://www.hesge.ch/heg/infotheque/actualites), où j'étais principalement en charge des formations aux usagers et des acquisitions. La formation et les facettes informatiques de la documentation m'attirent beaucoup, aussi je deviens assez rapidement assistant d'enseignement dans la filière Information documentaire de l'école où je me suis formé. J'ai participé activement aux cours *informatique de base*, *systèmes d'information documentaires*, *publication Web* et *gestion de contenu (CMS)*. Enfin, j'ai mené à terme un projet de vocabulaire pour une base de donnée photographique institutionnelles et je participe encore à deux projets [CUS-P2] : [SLSP](http://blogs.ethz.ch/slsp) et [*Train 2 Dacar*](http://campus.hesge.ch/id_bilingue/projekte/train2dacar/index_fr.asp).