296 lines
12 KiB
HTML
296 lines
12 KiB
HTML
<!DOCTYPE HTML>
|
||
<html lang="fr">
|
||
<head>
|
||
<title>Anael Ginder - Administrateur Systèmes - Portfolio</title>
|
||
<meta name="description" content="Bienvenue sur mon portfolio, Je suis Anael Ginder, vous trouverez sur ce site des informations me concernant, notament mon Curriculum vitae.">
|
||
<meta charset="utf-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||
<link rel="icon" href="images/icons/favicon.png" type="image/png" />
|
||
<link rel="apple-touch-icon-precomposed" href="images/icons/apple-touch-icon-precomposed.png" />
|
||
<link rel="stylesheet" href="assets/css/main.css" />
|
||
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
|
||
<style>
|
||
body {
|
||
height: 100%;
|
||
background-color: #ffffff;
|
||
background-image: url("images/overlay.png"), -moz-linear-gradient(60deg, rgba(255, 165, 150, 0.15) 5%, rgba(0, 228, 255, 0.15)), url("images/backgrounds/raptor.png");
|
||
background-image: url("images/overlay.png"), -webkit-linear-gradient(60deg, rgba(255, 165, 150, 0.15) 5%, rgba(0, 228, 255, 0.15)), url("images/backgrounds/raptor.png");
|
||
background-image: url("images/overlay.png"), -ms-linear-gradient(60deg, rgba(255, 165, 150, 0.15) 5%, rgba(0, 228, 255, 0.15)), url("images/backgrounds/raptor.png");
|
||
background-image: url("images/overlay.png"), linear-gradient(60deg, rgba(255, 165, 150, 0.15) 5%, rgba(0, 228, 255, 0.15)), url("images/backgrounds/raptor.png");
|
||
background-repeat: repeat, no-repeat, no-repeat;
|
||
background-size: 100px 100px, cover, auto;
|
||
background-position: top left, center, top right;
|
||
background-attachment: fixed, fixed, fixed;
|
||
}
|
||
</style>
|
||
<link rel="stylesheet" href="assets/vertical-timeline/css/style.css" />
|
||
<script src="assets/vertical-timeline/js/modernizr.js"></script>
|
||
<script src="assets/js/jquery.min.js"></script>
|
||
<script>
|
||
var loc = window.location.href+'';
|
||
if (loc.indexOf('http://')==0){
|
||
window.location.href = loc.replace('http://','https://');
|
||
}
|
||
</script>
|
||
</head>
|
||
<body class="is-loading">
|
||
<div id="wrapper">
|
||
<div id="main">
|
||
<header>
|
||
<span class="avatar"><img src="images/avatars/pp.jpeg" alt="pp"/></span>
|
||
<h1>Anael Ginder</h1>
|
||
<p>Administrateur systèmes, debianeux, panda à roulettes</p>
|
||
<ul class="icons">
|
||
<li><a href='mailto:%61nael@gind%65r.%66r' class="fa-envelope-o">Mail</a></li>
|
||
</ul>
|
||
<p>Ma clef GPG : <a href ="extra/anael(0xDE9D84471CFD8DD8)pub.asc" title"clef GPG Anael">0xDE9D84471CFD8DD8</a></p>
|
||
</header>
|
||
<hr />
|
||
<nav>
|
||
<ul>
|
||
<li onclick="toggleWork();">Services</li>
|
||
<li onclick="toggleSkills();">Compétences</li>
|
||
<li onclick="toggleResume();">Parcours</li>
|
||
</ul>
|
||
<p><a href="extra/cv.pdf" title="cv" target="_blank" rel="noreferrer">Curriculum Vitæ (PDF)</a></p>
|
||
</nav>
|
||
|
||
<section id="work">
|
||
<p>Voici une liste de services que j'auto-heberge pour ma <a href="https://fr.wikipedia.org/wiki/Souverainet%C3%A9_num%C3%A9rique" target="_blank">souveraineté numérique</a></p>
|
||
<ul>
|
||
<li>
|
||
<h3>Prosody</h3>
|
||
<p>
|
||
Messagerie Instantané
|
||
</p>
|
||
<p>
|
||
<a href="https://cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>SeaDrive</h3>
|
||
<p>
|
||
Cloud & Synchronisation de fichier (privé)
|
||
</p>
|
||
<p>
|
||
<a href="https://cloud.cyberjinh.fr/" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>Zerobin</h3>
|
||
<p>
|
||
Partagez du code (publique)
|
||
</p>
|
||
<p>
|
||
<a href="https://zbin.cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>Mastodon</h3>
|
||
<p>
|
||
Réseaux sociaux
|
||
</p>
|
||
<p>
|
||
<a href="https://social.cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>TinyTinyRSS</h3>
|
||
<p>
|
||
Gestion de flux RSS (privé)
|
||
</p>
|
||
<p>
|
||
<a href="https://rss.cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>Pad</h3>
|
||
<p>
|
||
Pad collaboratif en ligne (publique)
|
||
</p>
|
||
<p>
|
||
<a href="https://pad.cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>Gitea</h3>
|
||
<p>
|
||
Git (publique)
|
||
</p>
|
||
<p>
|
||
<a href="https://git.cyberjinh.fr" target="_blank" rel="noreferrer" class="btn">Voir le site</a>
|
||
</p>
|
||
</li>
|
||
<li>
|
||
<h3>Autres projets</h3>
|
||
<p>
|
||
Serveur de mail (privé)
|
||
</p>
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section id="skills">
|
||
<ul>
|
||
<li>
|
||
Systèmes GNU/Linux - Debian & CentOS | Systemes Windows Serveur 2012 et 2016
|
||
</li>
|
||
<li>
|
||
Réseaux locaux, protocoles de l’Internet (XMPP, HTTP.S, SMTP.S, SNMPv1 v2 et v3)
|
||
</li>
|
||
<li>
|
||
Bash, HTML, CSS, powershell
|
||
</li>
|
||
<li>
|
||
Apache, Iptables, Prosody, Icinga2, Postfix, Dovecot, Mysql
|
||
</li>
|
||
</ul>
|
||
</section>
|
||
<section id="resume">
|
||
|
||
<div class="cd-timeline-block">
|
||
<div class="cd-timeline-img cd-work">
|
||
<img src="assets/vertical-timeline/img/cd-icon-work.svg" alt="Picture">
|
||
</div>
|
||
<div class="cd-timeline-content">
|
||
<h2>Administrateur Systèmes Nameshield, Angers</h2>
|
||
<p>
|
||
<span class="cd-date">Oct. 2019 − Aujourd'hui</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cd-timeline-block">
|
||
<div class="cd-timeline-img cd-work">
|
||
<img src="assets/vertical-timeline/img/cd-icon-work.svg" alt="Picture">
|
||
</div>
|
||
<div class="cd-timeline-content">
|
||
<h2>Alternant technicien informatique Établissement Français du Sang, Nantes</h2>
|
||
<p>
|
||
<span class="cd-date">Oct. 2017 − Oct. 2019</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cd-timeline-block">
|
||
<div class="cd-timeline-img cd-work">
|
||
<img src="assets/vertical-timeline/img/cd-icon-work.svg" alt="Picture">
|
||
</div>
|
||
<div class="cd-timeline-content">
|
||
<h2>Animateur Commercial Sony, Angers</h2>
|
||
<p>
|
||
<span class="cd-date">Oct. 2015 - Sept 2017</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="cd-timeline-block">
|
||
<div class="cd-timeline-img cd-graduation">
|
||
<img src="assets/vertical-timeline/img/cd-icon-graduation.svg" alt="Picture">
|
||
</div>
|
||
<div class="cd-timeline-content">
|
||
<h2>Titre RNCP +3 Gestionnaire en Maintenance et Support
|
||
Informatique en alternance, CESI Nantes</h2>
|
||
<p>
|
||
<span class="cd-date">2017 - actuellement</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<div class="cd-timeline-block">
|
||
<div class="cd-timeline-img cd-graduation">
|
||
<img src="assets/vertical-timeline/img/cd-icon-graduation.svg" alt="Picture">
|
||
</div>
|
||
<div class="cd-timeline-content">
|
||
<h2>BTS Management des Unités Commerciales, Lycée Joachim Du Bellay Angers</h2>
|
||
<p>
|
||
<span class="cd-date">2013 − 2015</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
<footer id="footer">
|
||
<ul class="copyright">
|
||
<li>© Anael Ginder <a href="http://creativecommons.org/publicdomain/zero/1.0/">CC-0</a></li>
|
||
<li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
|
||
<li><a href="https://git.cyberjinh.fr/anael/portofolio">Sources</a></li>
|
||
<li><a href="legales.html">Mentions Légales</a></li>
|
||
<li><a href="cookies.html">Cookies</a></li>
|
||
</ul>
|
||
</footer>
|
||
</div>
|
||
<script>
|
||
if ('addEventListener' in window) {
|
||
window.addEventListener('load', function() { document.body.className = document.body.className.replace(/\bis-loading\b/, ''); });
|
||
document.body.className += (navigator.userAgent.match(/(MSIE|rv:11\.0)/) ? ' is-ie' : '');
|
||
}
|
||
$(document).ready(function() {
|
||
$('#work').hide();
|
||
$('#skills').hide();
|
||
$('#resume').hide();
|
||
var hash = window.location.hash.substring(1);
|
||
switch (hash) {
|
||
case 'work':
|
||
toggleWork();
|
||
break;
|
||
case 'skills':
|
||
toggleSkills();
|
||
break;
|
||
case 'resume':
|
||
toggleResume();
|
||
break;
|
||
}
|
||
});
|
||
function toggleWork() {
|
||
if($('#work:hidden').length !== 0) {
|
||
$('#work').fadeIn();
|
||
$('#skills').hide();
|
||
$('#resume').hide();
|
||
} else {
|
||
$('#work').fadeOut();
|
||
}
|
||
}
|
||
function toggleSkills() {
|
||
if($('#skills:hidden').length !== 0) {
|
||
$('#skills ul li').removeClass('transform');
|
||
$('#skills').fadeIn();
|
||
$('#skills ul li').addClass('transform');
|
||
$('#work').hide();
|
||
$('#resume').hide();
|
||
} else {
|
||
$('#skills').fadeOut();
|
||
}
|
||
}
|
||
function toggleResume() {
|
||
if($('#resume:hidden').length !== 0) {
|
||
$('#resume').fadeIn();
|
||
$('#work').hide();
|
||
$('#skills').hide();
|
||
var timelineBlocks = $('.cd-timeline-block'),
|
||
offset = 1;
|
||
hideBlocks(timelineBlocks, offset);
|
||
$(window).on('scroll', function(){
|
||
(!window.requestAnimationFrame)
|
||
? setTimeout(function(){ showBlocks(timelineBlocks, offset); }, 100)
|
||
: window.requestAnimationFrame(function(){ showBlocks(timelineBlocks, offset); });
|
||
});
|
||
|
||
function hideBlocks(blocks, offset) {
|
||
blocks.each(function(){
|
||
( $(this).offset().top > $(window).scrollTop()+$(window).height()*offset ) && $(this).find('.cd-timeline-img, .cd-timeline-content').addClass('is-hidden');
|
||
});
|
||
}
|
||
|
||
function showBlocks(blocks, offset) {
|
||
blocks.each(function(){
|
||
( $(this).offset().top <= $(window).scrollTop()+$(window).height()*offset && $(this).find('.cd-timeline-img').hasClass('is-hidden') ) && $(this).find('.cd-timeline-img, .cd-timeline-content').removeClass('is-hidden').addClass('bounce-in');
|
||
});
|
||
}
|
||
} else {
|
||
$('#resume').fadeOut();
|
||
}
|
||
}
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|