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