<!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&#58;&#37;61n&#97;el&#64;&#103;&#105;nd%65r&#46;%&#54;6r' 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>&copy; 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>