Unverified Commit 14be03d1 authored by iGor milhit's avatar iGor milhit 🐑
Browse files

fonte merriweather pour iGor_milhit

parent f935fca5
@font-face {
font-family: "Cantarell";
src: url("fonts/cantarell/Cantarell-Regular.ttf");
}
@font-face {
font-family: "CantarellB";
src: url("fonts/cantarell/Cantarell-Bold.ttf");
font-weight: bold;
}
@font-face {
font-family: "CantarellI";
src: url("fonts/cantarell/Cantarell-Oblique.ttf");
font-style: italic;
}
@font-face {
font-family: "CantarellBI";
src: url("fonts/cantarell/Cantarell-BoldOblique.ttf");
font-style: italic;
font-weight: bold;
}
@font-face {
font-family: 'merriweatherlight';
src: url('merriweather_light-webfont.eot');
src: url('merriweather_light-webfont.eot?#iefix') format('embedded-opentype'),
url('merriweather_light-webfont.woff2') format('woff2'),
url('merriweather_light-webfont.woff') format('woff'),
url('merriweather_light-webfont.ttf') format('truetype'),
url('merriweather_light-webfont.svg#merriweather_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'merriweatherlight';
src: url('merriweather-lightitalic-webfont.eot');
src: url('merriweather-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
url('merriweather-lightitalic-webfont.woff2') format('woff2'),
url('merriweather-lightitalic-webfont.woff') format('woff'),
url('merriweather-lightitalic-webfont.ttf') format('truetype'),
url('merriweather-lightitalic-webfont.svg#merriweatherlight_italic') format('svg');
font-weight: normal;
font-style: italic;
}
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>iGor milhit</title>
<meta name="description" content="iGor milhit" />
<meta name="keywords" content="iGor milhit, ePortfolio, contact, CV, veille" />
<link rel="icon" href="../img/favicon.ico" />
<link rel="stylesheet" href="../style.css" media="screen"/>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<title>iGor milhit</title>
<meta name="description" content="iGor milhit" />
<meta name="keywords" content="iGor milhit, ePortfolio, contact, CV, veille" />
<link rel="icon" href="../img/favicon.ico" />
<link rel="stylesheet" href="../style.css" media="screen"/>
<!--[if lt IE 9]>
<script src="http://localhost/pluxml/themes/miniGor/js/html5ie.js"></script>
<script src="http://localhost/pluxml/themes/miniGor/js/respond.min.js"></script>
<![endif]-->
</head>
</head>
<body id="top">
<body id="top" class="ig">
<section>
<section>
<div class="content">
<div class="content">
<div class="full-width">
<div class="full-width">
<article>
<article>
<header>
<header>
<h1>contact</h1>
<h1>contact</h1>
</header>
</header>
<section>
<section>
<p>
Quelques éléments de <a href="https://keybase.io/1g0r" "mon profil keybase">preuve</a>.
</p>
<p>
Quelques éléments de <a href="https://keybase.io/1g0r" "mon profil keybase">preuve</a>.
</p>
<h3>
Je suis accessible par le moyen suivant&nbsp;:
</h3>
<h3>
Je suis accessible par le moyen suivant&nbsp;:
</h3>
<ul>
<li>e-mail : <a href="mailto:igor@id-libre.org">igor@id-libre.org</a>
<ul>
<li><a title="lien vers ma clé publique sur pgp.mit.edu" href="http://pgp.mit.edu:11371/pks/lookup?op=get&amp;search=0x3E9D7C1605E40FCD">Ma clé publique (public key)</a></li>
<li>empreinte : <code>9347 2713 B56F 31D4 724A 8972 3E9D 7C16 05E4 0FCD</code></li>
</ul>
</ul>
<ul>
<li>e-mail : <a href="mailto:igor@id-libre.org">igor@id-libre.org</a>
<ul>
<li><a title="lien vers ma clé publique sur pgp.mit.edu" href="http://pgp.mit.edu:11371/pks/lookup?op=get&amp;search=0x3E9D7C1605E40FCD">Ma clé publique (public key)</a></li>
<li>empreinte : <code>9347 2713 B56F 31D4 724A 8972 3E9D 7C16 05E4 0FCD</code></li>
</ul>
</ul>
<h3>
On peut suivre ma diffusion de veille...
</h3>
<h3>
On peut suivre ma diffusion de veille...
</h3>
<ul>
<li>via mon shaarli : <a href="http://id-libre.org/shaarli" title="mon site de social bookmarking">http://id-libre.org/shaarli</a> : des flux RSS sont disponibles, pour l'ensemble des liens, pour tel ou tel tag, voire combinaison de tag, et même pour des recherches.</li>
</ul>
<ul>
<li>via mon shaarli : <a href="http://id-libre.org/shaarli" title="mon site de social bookmarking">http://id-libre.org/shaarli</a> : des flux RSS sont disponibles, pour l'ensemble des liens, pour tel ou tel tag, voire combinaison de tag, et même pour des recherches.</li>
</ul>
</section>
</section>
</article>
</article>
<article>
<article>
<header>
<header>
<h1>présentation</h1>
<h1>présentation</h1>
</header>
</header>
<section>
<section>
<p>
Je m'appelle <a href="/iGor_milhit" title="mon ePortfolio">iGor milhit</a>. 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="/blogigor/" title="blogiGor : traces éphémères">traces éphémères</a> de mon cheminement chaotique.
</p>
<p>
Je m'appelle <a href="/iGor_milhit" title="mon ePortfolio">iGor milhit</a>. 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="/blogigor/" title="blogiGor : traces éphémères">traces éphémères</a> de mon cheminement chaotique.
</p>
<p>
De profession, je suis <em>spécialiste HES en information documentaire</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">Haute école de gestion de Genève</a>, au sein de la filière où j'ai obtenu mon diplôme.
</p>
<p>
De profession, je suis <em>spécialiste HES en information documentaire</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">Haute école de gestion de Genève</a>, au sein de la filière où j'ai obtenu mon diplôme.
</p>
<p>Mon <a href="CV_Igor_Milhit.pdf" title="Mon CV, en format PDF, mis à jour">CV</a>.
<p>Mon <a href="CV_Igor_Milhit.pdf" title="Mon CV, en format PDF, mis à jour">CV</a>.
<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>
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="/" 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>
<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="/" 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>
</section>
</article>
</article>
</div>
</div>
</div>
</div>
</section>
</section>
<aside>
<aside>
<header role="banner">
<header role="banner">
<div class="content">
<div class="content">
<h1>
<a class="maintitle" href="/" title="id-libre">id-libre</a>
</h1>
<h1>
<a class="maintitle" href="/" title="id-libre">id-libre</a>
</h1>
<h2>
self-hosted
</h2>
<h2>
self-hosted
</h2>
</div>
</div>
</header>
</header>
<nav role="navigation">
<nav role="navigation">
<div class="content">
<ul>
<li><a href="/iGor_milhit" title="mon ePortfolio">iGor milhit</a></li>
<li><a href="/blogigor" title="blogiGor : le blog d'iGor milhit">blogiGor</a></li>
<li><a href="/imagiGor" title="imagiGor : les photos d'iGor milhit'">imagiGor</a></li>
<li><a href="/variations" title="variations photographiques">variations</a></li>
<li><a href="/shaarli" title="le partage de liens d'iGor">shaarliGor</a></li>
<li><a href="/listening" title="">!listening</a></li>
</ul>
<div class="content">
<ul>
<li><a href="/iGor_milhit" title="mon ePortfolio">iGor milhit</a></li>
<li><a href="/blogigor" title="blogiGor : le blog d'iGor milhit">blogiGor</a></li>
<li><a href="/imagiGor" title="imagiGor : les photos d'iGor milhit'">imagiGor</a></li>
<li><a href="/variations" title="variations photographiques">variations</a></li>
<li><a href="/shaarli" title="le partage de liens d'iGor">shaarliGor</a></li>
<li><a href="/listening" title="">!listening</a></li>
</ul>
</div>
</div>
</nav>
</nav>
<footer role="contentinfo">
<footer role="contentinfo">
<div class="content">
<div class="content">
<small>
<a href="mailto:igormilhit@mailoo.org" title="écrire au 'webmaster'">écrire au 'webmaster'</a>
</small>
<small>
<a href="mailto:igormilhit@mailoo.org" title="écrire au 'webmaster'">écrire au 'webmaster'</a>
</small>
</div>
</div>
</footer>
</footer>
</aside>
</aside>
</body>
</body>
</html>
......
/* ---------- Fonts ---------- */
/* ---------- Fonts ---------- */
@font-face {
font-family: "Cantarell";
src: url("fonts/cantarell/Cantarell-Regular.ttf");
}
@font-face {
font-family: "CantarellB";
src: url("fonts/cantarell/Cantarell-Bold.ttf");
font-weight: bold;
}
@font-face {
font-family: "CantarellI";
src: url("fonts/cantarell/Cantarell-Oblique.ttf");
font-style: italic;
}
@font-face {
font-family: "CantarellBI";
src: url("fonts/cantarell/Cantarell-BoldOblique.ttf");
font-style: italic;
font-weight: bold;
}
@import url('fonts/fonts.css');
/* ---------- GENERAL STYLES ---------- */
......@@ -56,6 +37,10 @@ body {
margin: 0;
}
.ig {
font-family: "merriweatherlight", serif;
}
h1 {
font-size: 1.7em;
margin: 20px 0;
......@@ -63,8 +48,7 @@ h1 {
h2 {
font-size: 1.3em;
}
}
h3 {
font-size: 1.1em;
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment