igor.milhit/index.html

<!DOCTYPE html>
<html lang="fr">
    <head>
        <meta charset="utf-8">
        <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, 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">
        <link rel="icon" href="favicon.ico">
        <link rel="stylesheet" href="css/font-awesome.css">
    </head>

    <body>
        <div itemscope itemtype="http://schema.org/Person">
        <header>
            <div id="title" class="container">
                <img id="avatar" alt="mon avatar, un micket fâché, en rose et violet" src="img/avatar.svg">
                <h1 itemprop="name">iGor milhit</h1>
            </div>
        </header>

        <div class="container">
            <nav>
                <ul>
                    <li class="button button-primary">Menu</li>
                    <ul>
                        <li><a href="#contact" class="button">Contact</a></li>
                        <li><a href="#qui" class="button">Qui suis-je ?</a></li>
                        <li><a href="#que" class="button">Que fais-je ?</a></li>
                        <li><a href="#online" class="button">Ailleurs, en ligne</a></li>
                    </ul>
                </ul>
            </nav>
        </div>

        <div class="container">
            <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-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">
                    <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-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/?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>

            </section>
        </div>

        <div class="container">

            <section id="qui">
                <h2>Qui suis-je ?</h2>
                <p>Vieux comme la <a href="https://fr.wikipedia.org/wiki/Premier_choc_pétrolier" title="Article Wikipedia sur le Premier choc pétrolier">crise du pétrole</a>, je suis né entre des <a href="https://inventaire.io/inventory/igor" title="Mon compte Inventaire.io">livres</a>, des taches d’encre et quelques <a href="https://www.discogs.com/fr/user/ignami/collection?sort=artist&amp;sort_order=asc" title="Mon compte Discogs">vinyles</a>. Les noyaux des centrales nucléaires se sont <a href="https://fr.wikipedia.org/wiki/Fusion_du_c%C5%93ur_d&#39;un_r%C3%A9acteur_nucl%C3%A9aire#Cas_r.C3.A9els" title="Section Cas réels de l'article Wikipedia sur la Fusion du co&oelig;ur d'un réacteur nucléaire">mises à fusionner</a>, les empires d’après les empires <a href="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" title="Section Dernières années de l'URSS de l'article Wikipedia sur l'URSS">s’écroulèrent</a> 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="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>

                <p>Cet attrait pour l'informatique libre m'a poussé dans l'aventure de l'<a href="https://fr.wikipedia.org/wiki/Auto-hébergement_(Internet)" title="article 'auto-hebergement' sur Wikipedia en français">auto-hébergement</a> : <a href="http://id-libre.org" title="id-libre.org">id-libre</a>. L'administration d'un serveur me permet de pousser plus loin ma compréhension des fonctionnements du Web et m'initie peu à peu à la sécurité d'un système d'information.</p>
            </section>

        </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>

</html>
-												initial commit

											
										
										
											2015-09-22 14:03:38 +02:00
+								<!DOCTYPE html>
 								<html lang="fr">
 								    <head>
 								        <meta charset="utf-8">
 								        <meta name="viewport" content="width=device-width, initial-scale=1.0">
 								        <title>iGor milhit</title>
 								        <meta name="description" content="iGor milhit">
-												fin nav, structure (HTML)

											
										
										
											2016-05-16 12:52:46 +02:00
+								        <meta name="keywords" content="iGor milhit, carte d'identité, ePortfolio, contact, CV, veille">
-												initial commit

											
										
										
											2015-09-22 14:03:38 +02:00
+								        <link rel="stylesheet" href="css/normalize.css">
 								        <link rel="stylesheet" href="css/skeleton.css">
 								        <link rel="stylesheet" href="css/style.css">
-												Favicon :

   * ajout du favicon.ico oversized
   * la multiplication des formats et size me semble moche, tanpis

											
										
										
											2015-10-30 15:12:53 +01:00
+								        <link rel="icon" href="favicon.ico">
-												Ajout fontawesome

											
										
										
											2015-10-30 15:43:57 +01:00
+								        <link rel="stylesheet" href="css/font-awesome.css">
-												initial commit

											
										
										
											2015-09-22 14:03:38 +02:00
+								    </head>
 								    <body>
-												ajout microdata schema.org

											
										
										
											2015-11-25 17:59:29 +01:00
+								        <div itemscope itemtype="http://schema.org/Person">
-												modif header

											
										
										
											2015-11-07 09:03:02 +01:00
+								        <header>
 								            <div id="title" class="container">
-												Réorganisation de l'en-tête + simplification :

   * retour à la skeleton.css d'origine
   * déplacement de l'avatar dans l'en-tête

											
										
										
											2015-09-27 19:57:37 +02:00
+								                <img id="avatar" alt="mon avatar, un micket fâché, en rose et violet" src="img/avatar.svg">
-												ajout microdata schema.org

											
										
										
											2015-11-25 17:59:29 +01:00
+								                <h1 itemprop="name">iGor milhit</h1>
-												modif header

											
										
										
											2015-11-07 09:03:02 +01:00
+								            </div>
 								        </header>
-												initial commit

											
										
										
											2015-09-22 14:03:38 +02:00
-												modif header

											
										
										
											2015-11-07 09:03:02 +01:00
+								        <div class="container">
-												début implémentation menu

Signed-off-by: iGor milhit <igor@milhit.ch>

											
										
										
											2016-05-13 12:19:12 +02:00
+								            <nav>
 								                <ul>
-												version html du qui, menu en bouttons

											
										
										
											2016-05-16 15:34:11 +02:00
+								                    <li class="button button-primary">Menu</li>
 								                    <ul>
 								                        <li><a href="#contact" class="button">Contact</a></li>
 								                        <li><a href="#qui" class="button">Qui suis-je ?</a></li>
 								                        <li><a href="#que" class="button">Que fais-je ?</a></li>
 								                        <li><a href="#online" class="button">Ailleurs, en ligne</a></li>
 								                    </ul>
-												début implémentation menu

Signed-off-by: iGor milhit <igor@milhit.ch>

											
										
										
											2016-05-13 12:19:12 +02:00
+								                </ul>
 								            </nav>
 								        </div>
 								        <div class="container">
-												fin nav, structure (HTML)

											
										
										
											2016-05-16 12:52:46 +02:00
+								            <h2 id="contact">Contact</h2>
 								            <section class="row">
-												initial commit

											
										
										
											2015-09-22 14:03:38 +02:00
-												début modification html/css

Signed-off-by: iGor milhit <igor@milhit.ch>

											
										
										
											2016-05-13 09:27:45 +02:00
+								                <div class="six columns" id="prive">
-												fin nav, structure (HTML)

											
										
										
											2016-05-16 12:52:46 +02:00
-												initial commit

											
										
										
											2015-09-22 14:03:38 +02:00
+								                    <ul>
-												ajout microdata schema.org

											
										
										
											2015-11-25 17:59:29 +01:00
+								                        <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>
-												début modification html/css

Signed-off-by: iGor milhit <igor@milhit.ch>

											
										
										
											2016-05-13 09:27:45 +02:00
+								                        <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>
-												fin nav, structure (HTML)

											
										
										
											2016-05-16 12:52:46 +02:00
+								                        <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>
-												Réorganisation de l'en-tête + simplification :

   * retour à la skeleton.css d'origine
   * déplacement de l'avatar dans l'en-tête

											
										
										
											2015-09-27 19:57:37 +02:00
+								                    </ul>
 								                </div>
-												début modification html/css

Signed-off-by: iGor milhit <igor@milhit.ch>

											
										
										
											2016-05-13 09:27:45 +02:00
+								                <div class="six columns" id="prof">
-												Réorganisation de l'en-tête + simplification :

   * retour à la skeleton.css d'origine
   * déplacement de l'avatar dans l'en-tête

											
										
										
											2015-09-27 19:57:37 +02:00
+								                    <ul>
-												ajout microdata schema.org

											
										
										
											2015-11-25 17:59:29 +01:00
+								                        <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>
-												début implémentation menu

Signed-off-by: iGor milhit <igor@milhit.ch>

											
										
										
											2016-05-13 12:19:12 +02:00
+								                        <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>
-												début modification html/css

Signed-off-by: iGor milhit <igor@milhit.ch>

											
										
										
											2016-05-13 09:27:45 +02:00
+								                        <li><i class="fa fa-phone"></i> : <a href="tel:+41223881790">+41 22 388 17 90</a>
-												début implémentation menu

Signed-off-by: iGor milhit <igor@milhit.ch>

											
										
										
											2016-05-13 12:19:12 +02:00
+								                        <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>
-												Ajout fontawesome

											
										
										
											2015-10-30 15:43:57 +01:00
+								                        <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>
-												initial commit

											
										
										
											2015-09-22 14:03:38 +02:00
+								                    </ul>
 								                </div>
 								            </section>
-												insertion mapbox

											
										
										
											2015-10-23 09:24:55 +02:00
+								        </div>
 								        <div class="container">
-												initial commit

											
										
										
											2015-09-22 14:03:38 +02:00
-												fin nav, structure (HTML)

											
										
										
											2016-05-16 12:52:46 +02:00
+								            <section id="qui">
 								                <h2>Qui suis-je ?</h2>
-												version html du qui, menu en bouttons

											
										
										
											2016-05-16 15:34:11 +02:00
+								                <p>Vieux comme la <a href="https://fr.wikipedia.org/wiki/Premier_choc_pétrolier" title="Article Wikipedia sur le Premier choc pétrolier">crise du pétrole</a>, je suis né entre des <a href="https://inventaire.io/inventory/igor" title="Mon compte Inventaire.io">livres</a>, des taches d’encre et quelques <a href="https://www.discogs.com/fr/user/ignami/collection?sort=artist&amp;sort_order=asc" title="Mon compte Discogs">vinyles</a>. Les noyaux des centrales nucléaires se sont <a href="https://fr.wikipedia.org/wiki/Fusion_du_c%C5%93ur_d&#39;un_r%C3%A9acteur_nucl%C3%A9aire#Cas_r.C3.A9els" title="Section Cas réels de l'article Wikipedia sur la Fusion du co&oelig;ur d'un réacteur nucléaire">mises à fusionner</a>, les empires d’après les empires <a href="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" title="Section Dernières années de l'URSS de l'article Wikipedia sur l'URSS">s’écroulèrent</a> 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>
-												initial commit

											
										
										
											2015-09-22 14:03:38 +02:00
+								            </section>
-												fin nav, structure (HTML)

											
										
										
											2016-05-16 12:52:46 +02:00
+								            <section id="que">
 								                <h2>Que fais-je ?</h2>
-												amélioration worksFor

											
										
										
											2015-11-25 18:08:13 +01:00
+								                <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>
-												initial commit

											
										
										
											2015-09-22 14:03:38 +02:00
 								                <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>
 								                <p>Cet attrait pour l'informatique libre m'a poussé dans l'aventure de l'<a href="https://fr.wikipedia.org/wiki/Auto-hébergement_(Internet)" title="article 'auto-hebergement' sur Wikipedia en français">auto-hébergement</a> : <a href="http://id-libre.org" title="id-libre.org">id-libre</a>. L'administration d'un serveur me permet de pousser plus loin ma compréhension des fonctionnements du Web et m'initie peu à peu à la sécurité d'un système d'information.</p>
 								            </section>
 								        </div>
-												fin nav, structure (HTML)

											
										
										
											2016-05-16 12:52:46 +02:00
+								        <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>
-												ajout microdata schema.org

											
										
										
											2015-11-25 17:59:29 +01:00
+								    </div>
-												initial commit

											
										
										
											2015-09-22 14:03:38 +02:00
+								    </body>
 								</html>