menu et texte
parent
ddb7288d31
commit
34d0012bd4
|
|
@ -96,9 +96,6 @@ body {
|
||||||
line-height: 1.5; /* à corriger si besoin est */
|
line-height: 1.5; /* à corriger si besoin est */
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
*****************************************************************
|
*****************************************************************
|
||||||
* 02 -- ainsi font font font + structure Hx
|
* 02 -- ainsi font font font + structure Hx
|
||||||
|
|
@ -668,33 +665,59 @@ header h1 {
|
||||||
|
|
||||||
}
|
}
|
||||||
.header {
|
.header {
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.logo {
|
||||||
border: 0;
|
border: 0;
|
||||||
border-radius: 50%;
|
border-radius: 50%;
|
||||||
padding: .5em;
|
padding: .5em;
|
||||||
vertical-align: top;
|
vertical-align: top;
|
||||||
|
|
||||||
}
|
}
|
||||||
.navigation {
|
|
||||||
|
|
||||||
|
.navigation ul {
|
||||||
|
list-style-type: none;
|
||||||
|
margin-top: 0;
|
||||||
|
padding-left: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navigation li {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navigation a, .navigation a:active, .navigation a:hover, .navigation a:visited {
|
||||||
|
color: rgb(238, 215, 244);
|
||||||
|
text-decoration: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.navigation div {
|
||||||
|
margin-right: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* === contenu principal === */
|
/* === contenu principal === */
|
||||||
.main {
|
.main {
|
||||||
max-width: 60em;
|
max-width: 60em;
|
||||||
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#contact ul, #online ul {
|
#contact ul, #online ul {
|
||||||
list-style: none;
|
list-style: none;
|
||||||
|
padding: 0;
|
||||||
|
margin-top: 2.5em;
|
||||||
|
}
|
||||||
|
|
||||||
|
#online p {
|
||||||
|
padding-right: 1em;
|
||||||
|
margin: 1em;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* === footer === */
|
/* === footer === */
|
||||||
.footer {
|
footer {
|
||||||
|
background-color: rgb(103, 83, 108);
|
||||||
|
color: rgb(238, 215, 244);
|
||||||
|
padding: 2em 0 2em 0;
|
||||||
|
text-align: center
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -755,11 +778,14 @@ textarea {
|
||||||
|
|
||||||
/* à adapter selon le design voulu */
|
/* à adapter selon le design voulu */
|
||||||
.button {
|
.button {
|
||||||
background: #fff;
|
color: rgb(103, 83, 108);
|
||||||
|
border-style: solid;
|
||||||
|
border-size: .55555px;
|
||||||
|
border-color: rgb(238, 215, 244);
|
||||||
border-radius: 5px;
|
border-radius: 5px;
|
||||||
-webkit-box-shadow: 1px 1px 1px #ddd;
|
-webkit-box-shadow: 1px 1px 1px #ddd;
|
||||||
box-shadow: 1px 1px 1px #ddd;
|
box-shadow: 1px 1px 1px #ddd;
|
||||||
color: #000;
|
background: rgb(238, 215, 244);
|
||||||
}
|
}
|
||||||
|
|
||||||
/*
|
/*
|
||||||
|
|
@ -874,6 +900,10 @@ select:focus:required:valid {
|
||||||
/**
|
/**
|
||||||
* adaptation structure globale (page / skip links / header / contenu principal / footer)
|
* adaptation structure globale (page / skip links / header / contenu principal / footer)
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
.main {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
@ -924,6 +954,10 @@ select:focus:required:valid {
|
||||||
/**
|
/**
|
||||||
* adaptation structure globale (page / skip links / header / contenu principal / footer)
|
* adaptation structure globale (page / skip links / header / contenu principal / footer)
|
||||||
*/
|
*/
|
||||||
|
|
||||||
|
.main {
|
||||||
|
width: 80%;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
|
|
|
||||||
57
index.html
57
index.html
|
|
@ -16,23 +16,16 @@
|
||||||
<header>
|
<header>
|
||||||
<section id="titre" class="main center">
|
<section id="titre" class="main center">
|
||||||
<img class="logo" alt="mon avatar, un micket fâché, en rose et violet" src="img/avatar.svg">
|
<img class="logo" alt="mon avatar, un micket fâché, en rose et violet" src="img/avatar.svg">
|
||||||
<h1 itemprop="name" class="automobile">iGor milhit</h1>
|
<h1 itemprop="name">iGor milhit</h1>
|
||||||
</section>
|
</section>
|
||||||
<nav class="navigation main center">
|
<nav class="navigation main autotablet automobile center mod">
|
||||||
<ul>
|
<div class="left automobile autotablet"><a href="#qui">Qui suis-je ?</a></div>
|
||||||
<li>Menu</li>
|
<div class="left automobile autotablet"><a href="#que">Que fais-je ?</a></div>
|
||||||
<ul>
|
<div class="left automobile autotablet"><a href="#online">Ailleurs, en ligne</a></div>
|
||||||
<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>
|
|
||||||
</ul>
|
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<section id="contact" class="main center">
|
<section id="contact" class="main center">
|
||||||
<h2>Contact</h2>
|
|
||||||
|
|
||||||
<div class="row w100">
|
<div class="row w100">
|
||||||
<div class="col w49 automobile autotablet">
|
<div class="col w49 automobile autotablet">
|
||||||
|
|
@ -73,34 +66,24 @@
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
|
||||||
<section id="online" class="main center">
|
<section id="online" class="main center mod">
|
||||||
<h2>Ailleurs, en ligne</h2>
|
<h2>Ailleurs, en ligne</h2>
|
||||||
<div class="row w100">
|
<p class="left automobile autotablet"><i class="fa fa-wikipedia-w"></i> <a href="https://fr.wikipedia.org/wiki/Utilisateur:IGor.avoi" title="Mon compte Wikipédia">fr.wikipedia</a></p>
|
||||||
<div class="col w30">
|
<p class="left automobile autotablet"><i class="fa fa-map-o"></i> <a href="https://www.openstreetmap.org/user/iGormilhit" title="Mon compte OpenStreetMap">OpenStreetMap</a></p>
|
||||||
<ul>
|
<p class="left automobile autotablet"><i class="fa fa-key"></i> <a href="https://keybase.io/1g0r" title="Mon profil Keybase"> keybase</a></p>
|
||||||
<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>
|
<p class="left automobile autotablet"><i class="fa fa-twitter"></i> <a href="https://status.vinilox.eu/1g0r/all" title="Mon compte GnuSocial">GnuSocial</a></p>
|
||||||
<li><a href="https://www.openstreetmap.org/user/iGormilhit" title="Mon compte OpenStreetMap"><i class="fa fa-map-o"></i></a></li>
|
<p class="left automobile autotablet"><i class="fa fa-github"></i> <a href="https://github.com/iGormilhit" title="Mon compte Github">GitHub</a></p>
|
||||||
<li><a href="https://keybase.io/1g0r" title="Mon profil Keybase"><i class="fa fa-key"></i></a></li>
|
<p class="left automobile autotablet"><i class="fa fa-btc"></i><code> 1KKmsg9CkFtbREf1sLEirJbsqJGTqJpStoi</code></p>
|
||||||
</ul>
|
<p class="left automobile autotablet"><i class="fa fa-book"></i> <a href="https://inventaire.io/inventory/igor" title="Mon compte Inventaire.io">inventaire.io</a></p>
|
||||||
</div>
|
<p class="left automobile autotablet"><i class="fa fa-music"></i> <a href="https://www.discogs.com/user/ignami/collection" title="Mon compte Discogs">discogs</a></p>
|
||||||
<div class="col w5 gut"></div>
|
|
||||||
<div class="col w30">
|
|
||||||
<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="col w5 gut"></div>
|
|
||||||
<div class="col w30">
|
|
||||||
<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>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
|
<footer>
|
||||||
|
<section class="main center">
|
||||||
|
<p><small>Réalisé à l'aide de <em><a href="https://rocssti.net">Röcssti</a></em>, le framework qui a la patate ! — version 2.0.0</small></p>
|
||||||
|
</section>
|
||||||
|
</footer>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -1,9 +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.
|
Après un parcours sinueux, au gré duquel j'ai appris la comptabilité double, l'économie politique, la littérature francophone et l'histoire, tout en exerçant mon savoir faire dans la grande distribution et sur divers chantier, 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é 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).
|
J'ai ensuite travaillé en tant que bibliothécaire à [l'infothèque](https://www.hesge.ch/heg/infotheque), où j'étais principalement en charge des formations aux usagers et des acquisitions des monographies. La formation et l'informatique m'attirent beaucoup, aussi je me suis engagé comme 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).
|
||||||
|
|
||||||
------------
|
|
||||||
|
|
||||||
De métier, je suis //<span itemprop="jobTitle">Spécialiste HES en information documentaire</span>//, ce qui peut se traduire par //artisant en sciences de l'information//. Plus précisément, je produit de l'information, je veille à son accessibilité et/ou à sa diffusion, à sa pérennité et à sa sécurité. Bien entendu, cette information peut prendre différentes formes, des livres aux données numériques de la recherche, en passant par la docuemntation technique, les documents administratifs, les contrats, mais aussi les systèmes qui les prennent en charge... Un domaine, ou plutôt des domaines divers et passionnants.
|
De métier, je suis //<span itemprop="jobTitle">Spécialiste HES en information documentaire</span>//, ce qui peut se traduire par //artisant en sciences de l'information//. Plus précisément, je produit de l'information, je veille à son accessibilité et/ou à sa diffusion, à sa pérennité et à sa sécurité. Bien entendu, cette information peut prendre différentes formes, des livres aux données numériques de la recherche, en passant par la docuemntation technique, les documents administratifs, les contrats, mais aussi les systèmes qui les prennent en charge... Un domaine, ou plutôt des domaines divers et passionnants.
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue