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

initial commit

parents
### Vim ###
[._]*.s[a-w][a-z]
[._]s[a-w][a-z]
*.un~
Session.vim
.netrwhist
*~
<!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>à propos</title>
<meta name="description" content="À propos d'id-libre" />
<meta name="keywords" content="iGor milhit, id-libre.org, id-libre, auto-hébergement, à propos" />
<link rel="icon" href="img/favicon.ico" />
<link rel="stylesheet" href="style.css" media="screen"/>
</head>
<body id="top">
<section>
<div class="content">
<div class="full-width">
<article>
<header>
<h1>À propos d'id-libre</h1>
</header>
<section>
<p>
<em>id-libre</em> est un espace pour apprendre et exercer la liberté d'expression. Concrètement. Peu importe l'échelle.
</p>
</section>
</article>
</div>
</div>
</section>
<aside>
<header role="banner">
<div class="content">
<h1>
<a class="maintitle" href="/" title="id-libre">id-libre</a>
</h1>
<h2>
self-hosted
</h2>
</div>
</header>
<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">iGor's shaarli</a></li>
<li><a href="listening" title="">!listening</a></li>
</ul>
</div>
</nav>
<footer role="contentinfo">
<div class="content">
<small>
<a href="mailto:igormilhit@mailoo.org" title="écrire au 'webmaster'">écrire au 'webmaster'</a>
</small>
</div>
</footer>
</aside>
</body>
</html>
This diff is collapsed.
/home/igor/CV_Igor_Milhit.pdf
\ No newline at end of file
<!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"/>
<!--[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>
<body id="top">
<section>
<div class="content">
<div class="full-width">
<article>
<header>
<h1>contact</h1>
</header>
<section>
<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>
<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>
<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>
</article>
<article>
<header>
<h1>présentation</h1>
</header>
<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>
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>
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>
</section>
</article>
</div>
</div>
</section>
<aside>
<header role="banner">
<div class="content">
<h1>
<a class="maintitle" href="/" title="id-libre">id-libre</a>
</h1>
<h2>
self-hosted
</h2>
</div>
</header>
<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>
</nav>
<footer role="contentinfo">
<div class="content">
<small>
<a href="mailto:igormilhit@mailoo.org" title="écrire au 'webmaster'">écrire au 'webmaster'</a>
</small>
</div>
</footer>
</aside>
</body>
</html>
img/bg.png

15.4 KB

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>id-libre</title>
<meta name="description" content="Page d'accueil d'id-libre" />
<meta name="keywords" content="iGor milhit, id-libre.org, id-libre, auto-hébergement" />
<link rel="icon" href="img/favicon.ico" />
<link rel="stylesheet" href="style.css" media="screen"/>
</head>
<body>
<article id="accueil"> <!-- Le contenant de la page -->
<p class="entree" id="apropos">
<a href="apropos.html" title="à propos d'id-libre"><em>à propos</em></a>
</p>
<p class="entree">
<a href="iGor_milhit/" title="Le ePortfolio d'iGor milhit">iGor milhit</a>
</p>
<p class="entree">
<a href="blogigor" title="Le blog d'iGor">blogiGor</a>
</p>
<p class="entree">
<a href="imagiGor" title="La galerie photo d'iGor">imagiGor</a>
</p>
<p class="entree">
<a href="shaarli" title="Les liens d'iGor">shaarliGor</a>
</p>
<p class="entree">
<a href="shaarlo" title="Mon petit shaarlo">shaarlo</a>
</p>
<p class="entree">
<a href="variations" title="Blog photo de Jeanne">variations</a>
</p>
<p class="entree">
<a href="wiki" title="Un bout de wiki parlant cuisine">cuisine</a>
</p>
<p class="entree">
<a href="notes" title="Mon wiki">notes</a>
</p>
<p class="entree">
<a href="cloud" title="Mon instance OwnCloud">cloud</a>
</p>
<p class="entree">
<a href="listening" title="Trucs à entendre">!listening</a>
</p>
<p class="entree">
<a href="http://musique.id-libre.org" title="Mon instance subsonic">musique</a>
</p>
<p class="entree">
<a href="wallabag" title="Les articles à lire">wallabag</a>
</p>
<p class="entree">
<a href="FreshRSS" title="Mon agrégateur de flux">freshrss</a>
</p>
<p class="entree">
<a href="projet-autoblog" title="#datalove">projet-autoblog</a>
</p>
<p class="entree">
<a href="ZeroBin" title="Ignorance is bliss">zerobin</a>
</p>
</article>
</body>
</html>
/* ---------- 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;
}
/* ---------- GENERAL STYLES ---------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
html {
font-size: 120%;
}
body {
background: url("img/bg.png") repeat scroll center top transparent;
color: rgba(0, 0, 0, 0.8);
font-family: "Cantarell", sans-serif;
line-height: 1.5;
margin: 0;
}
h1 {
font-size: 1.7em;
margin: 20px 0;
}
h2 {
font-size: 1.3em;
}
h3 {
font-size: 1.1em;
}
h4 {
font-size: 1em;
}
h5 {
font-size: 0.8em;
}
h6 {
font-size: 0.7em;
}
a {
color: #2175bd;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
ol,
ul {
padding-left: 0;
}
dd,
li {
margin-left: 20px;
}
mark {
background-color: yellow;
padding:0 5px;
}
code,
pre,
samp,
kbd {
font-family: monospace, serif;
font-size: 1em;
padding: 5px 10px;
white-space: pre-wrap;
}
sub,
sup {
position: relative;
vertical-align: baseline;
}
sup {
top: -5px;
}
sub {
bottom: -5px;
}
blockquote {
margin-left: 2em;
font-style: italic;
}
img {
border: none;
height: auto;
max-width: 100%;
}
figure {
margin: 0;
}
hr {
height: 1px;
background-color: rgba(0, 0, 0, 0.4);
border: 0;
}
fieldset {
border: none;
margin: 0;
padding: 0;
}
legend {
border: none;
padding: 0;
}
label {
cursor: pointer;
display: inline-block;
margin: 0;
vertical-align: middle;
}
button,
input,
select,
textarea {
cursor: pointer;
font-family: inherit;
font-size: 100%;
max-width: 400px;
outline : none;
width: 100%;
}
button,
input,
select {
height: 30px;
padding: 0 5px;
vertical-align: middle;
}
textarea {
overflow: auto;
padding: 5px;
vertical-align: top;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
margin: 0;
width: auto;
}
table {
border: 1px solid black;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
caption {
padding: 5px;
}
th, td {
border: 1px solid black;
padding: 5px;
}
* {
-moz-box-sizing : border-box;
-webkit-box-sizing : border-box;
box-sizing : border-box;
}
.content {
clear: both;
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
}
/* ---------- aside ---------- */
aside {
background-color: #222;
font-size: 85%;
display: inline-block;
right: 0px;
top: 0px;
bottom: 0px;
position: fixed;
width: 210px;
}
aside header h1 a {
color: rgba(231, 231, 231, 0.8);
}
aside header h1 a:hover {
color: rgba(231, 231, 231, 1);
}
aside header h2, aside footer p, aside footer small {
color: rgba(231, 231, 231, 0.6);
}
aside small {
font-size: .7em;