{% extends "site/layout.html.twig" %}

{% block content %}
<style>h4{ font-weight: bold; }</style>
<div style="display: grid; grid-template-columns: repeat(2, 1fr); ">
  <div>
    <h3 style='margin-left: 20px; '>Points forts</h3>
    <div style='margin-left: 20px; '>
      <h4>Expérience</h4>
      <h5>Travaillé en autonomie et en équipe</h5>
      <h5 class='extendable'>Réalisé des projets informatique de A à Z en méthode agile</h5>
      <div>
        <p>Besoins utilisateurs, CDC avec chef de projet</p>
        <p>CRUD, reporting, PDF, Automatisation des processus métiers, envoi mails, gestion étapes</p>
      </div>
      <h5>Toujours donné satisfaction</h5>
    </div>
    <div style='margin-left: 20px; margin-top: 30px; '>
      <h4>Personnalité</h4>
      <h5>Curieux</h5>
      <h5>Ouvert</h5>
      <h5>Dynamique</h5>
      <h5>Apprends vite</h5>
      <h5>Célibataire et Prêt à m'investir</h5>
    </div>
    <div style='margin-left: 20px; margin-top: 30px; '>
      <h4>Philae</h4>
      <h5>Société à taille humaine, collaboration sur le long terme</h5>
      <h5>Formation et échanges entre collaborateurs inter-contrat</h5>
      <h5>Réduction périmétre des missions</h5>
      <h5>Installation Nantes, connaissance clients et collaborateurs</h5>
    </div>
  </div>
  <div>
    <h3>Parcours - 10 ans Informatique</h3>
    <h4>Formation - 2 AFPA sur 2 ans</h4>
    <h5>Formation réseau, internet intranet, droits utilisateurs, virtualisation</h5>
    <h5>Formation conception et développement JAVA langage objet</h5>
    <h4 style=' margin-top: 30px; '>Expérience</h4>
    <h5>Stage VBA → 4 ans Informatique décisionnelle projets VBA</h5>
    <h5>Formation web en PHP école centrale de Nantes</h5>
    <h5>ENEDIS et UIMM : 4 ans développement web</h5>
    <h5>ENEDIS :</h5>
    <h5 class='extendable'>Saintes 18 mois en autonomie pour un chef de projet avec participation CDC</h5>
    <div>
      <h6>Nouveau service ENEDIS → Mise en place des outils non proposés par le national :</h6>
      <p>Consultation de l'avancement des chantiers avec localisation des agents de terrains</p>
      <p>Reporting sur le budget avec visualisation par catégorie</p>
      <p>Historisation des appels concernant les pannes</p>
      <p>Administration par les utilisateurs : trombinoscope et procédures de travail</p>
    </div>
    <h5>La Rochelle 9 mois en équipe GPEC</h5>
    <h5>Tours 1 an → Rapports sur la sécurité du matériel</h5>
    <h5>UIMM :</h5>
    <h5>Rennes 7 mois pour chef de projet Framework maison</h5>
  </div>
</div>
<script>
  var extendables = [...document.getElementsByClassName('extendable')];
  //------------------ EXTENDABLES ----------------- //
   extendables.forEach(extendable => {
     let content = extendable.nextElementSibling;
     content.style.display   = '';
     extendable.style.cursor = 'pointer';

     extendable.addEventListener('click', (e) => { content.style.display = content.style.display == 'none' ? content.style.display = '': content.style.display = 'none'; });
   });
</script>
{% endblock %}