You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 

539 lines
39 KiB

<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Site internet personnel d'Hugo LEROUX - Ingénieur logiciel, passionnée par le logiciel libre, la sécurité informatique et le respect de la vie privée sur internet.">
<meta name="author" content="Hugo LEROUX">
<link rel="icon" href="pictures/favicon.png">
<link rel="canonical" href="https://hugoleroux.ovh" />
<title>Hugo LEROUX - Ingénieur logiciel.</title>
<!-- Bootstrap CSS file -->
<link href="./css/bootstrap.min.css" rel="stylesheet">
<!-- Other JS files -->
<script src="./js/jquery.slim.js"></script>
<script src="./js/popper.min.js"></script>
<!-- Bootstrap JS file -->
<script src="./js/bootstrap.min.js"></script>
<!-- Hugo CSS file -->
<link href="./css/hugo.css" rel="stylesheet">
<!-- ForkAwesome css file -->
<link href="./forkawesome/css/fork-awesome.min.css" rel="stylesheet">
<noscript><img src="https://shynet.sneak.ovh/ingress/7c56799c-23df-4848-bd5a-c9268bf4a782/pixel.gif"></noscript>
<script src="https://shynet.sneak.ovh/ingress/7c56799c-23df-4848-bd5a-c9268bf4a782/script.js"></script>
</head>
<body>
<!-- Begin page content -->
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#"><i class="fa fa-home" aria-hidden="true"></i> hugo@website ~ $</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="#"><i class="fa fa-user-circle" aria-hidden="true"></i> À propos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#projects"><i class="fa fa-cubes" aria-hidden="true"></i> Projets</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#resume"><i class="fa fa-briefcase" aria-hidden="true"></i> Expériences</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#testimonies"><i class="fa fa-trophy" aria-hidden="true"></i> Attestations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#school"><i class="fa fa-university" aria-hidden="true"></i> Scolarité</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact"><i class="fa fa-envelope" aria-hidden="true"></i> Contact</a>
</li>
<li class="nav-item">
<a class="nav-icon ml-md-1" href="&#x6d;&#x61;&#x69;&#x6c;&#x74;&#x6f;&colon;&#x68;&#x75;&#x67;&#x6f;&period;&#x6c;&#x65;&#x72;&#x6f;&#x75;&#x78;&commat;&#x70;&#x72;&#x6f;&#x74;&#x6f;&#x6e;&#x6d;&#x61;&#x69;&#x6c;&period;&#x63;&#x6f;&#x6d;"><i class="fa fa-envelope fa-2x"></i></a>
</li>
<li class="nav-item">
<a class="nav-icon ml-md-1" href="#" data-toggle="modal" data-target="#GPGPublicKeyModal" title="Clé publique GPG"><i class="fa fa-gnupg fa-2x"></i></a>
</li>
<!--
<li class="nav-item">
<a class="nav-icon ml-md-1" href="https://git.hugoleroux.ovh/GotExx" title="Profil Git"><i class="fa fa-git fa-2x"></i></a>
</li>
-->
<li class="nav-item">
<a rel="me" class="nav-icon ml-md-1" href="https://www.linkedin.com/in/hugo-leroux-a0a1b21b3" title="Profil LinkedIn"><i class="fa fa-linkedin-square fa-2x"></i></a>
</li>
</ul>
<a href="https://blog.hugoleroux.ovh" class="btn btn-outline-light ml-md-3" role="button" aria-pressed="true">Blog</a>
</div>
</nav>
<div class="container">
<main role="main" class="section" id="about">
<div class="alert alert-success text-center" role="alert">
Je suis à l'écoute des opportunités, n'hésitez pas à me contacter !
</div>
<div class="row me">
<div class="col-lg-2">
<img src="pictures/portrait.jpg" alt="Portrait d'Hugo LEROUX" class="rounded-circle img-fluid mx-auto d-block">
</div>
<div class="col-lg-10">
<h1><span itemprop="givenName">Hugo</span> <span itemprop="familyName">LEROUX</span></h1>
<h2><span itemprop="jobTitle">Ingénieur logiciel</span>, <span itemprop="worksFor">PREDITIC</span></h2>
<div itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
<h5><span itemprop="addressLocality">Bordeaux</span>, FRANCE</h5>
</div>
</div>
</div>
<p class="lead text-center">Ingénieur logiciel, passionné par le logiciel libre, la sécurité informatique et le respect de la vie privée sur internet.</p>
<div class="card">
<div class="card-body">
<p>
Suite à l'obtention d'un diplôme en ingénierie informatique option Études & Développement au sein de l'EPSI de Bordeaux, j'occupe un poste
d'ingénieur logiciel dans l'entreprise Preditic à Bordeaux.
</p>
<p>
Depuis plusieurs années maintenant, je suis passionné par la philosophie des logiciels libres et j'essaye d'y contribuer lorsque mon
emploi du temps me le permet. De plus, je les utilises autant que possible dans mes projets personnels.
</p>
</div>
</div>
</main>
<div class="project section" id="projects">
<h2><i class="fa fa-cubes" aria-hidden="true"></i> Projets</h2>
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="card space-bottom-card-10">
<img class="card-img" src="pictures/projects-logo/logo-alternanet.png" alt="Logo du projet Alternanet.fr">
<div class="card-body">
<h5 class="card-title">Alternanet.fr <span class="badge badge-danger">Projet clos</span></h5>
<p class="card-text">Alternanet propose un ensemble de services libres et gratuits respectueux de votre vie privée.
Alternanet se positionne en alternative vis à vis des GAFAM et leurs appétit constament grandissant de données personnelles.</p>
<a href="#" class="btn btn-primary disabled"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Visiter</a>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="card">
<img class="card-img" src="pictures/projects-logo/logo-billoky.png" alt="Logo du projet Billoky">
<div class="card-body">
<h5 class="card-title">Billoky</h5>
<p class="card-text">Billoky vous permet de créer un inventaire sécurisé pour tout vos biens et ainsi accélérer vos démarches de remboursement lorsqu'un sinistre intervient dans votre vie.
Billoky vous permet également de stocker vos documents à la manière d'un coffre-fort numérique.</p>
<a href="#" class="btn btn-primary disabled"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Visiter</a> <strong>Bientôt disponible !</strong>
</div>
</div>
</div>
</div>
</div>
<div class="resume section" id="resume">
<h2><i class="fa fa-briefcase" aria-hidden="true"></i> Expériences</h2>
<div class="row">
<div class="col">
<div class="card mb-3">
<div class="card-header text-center">
<strong>Septembre 2020 - Aujourd'hui <span class="badge badge-success">Actuel</span></strong>
</div>
<div class="card-body">
<div class="card-image"><img class="card-img" src="pictures/experiences-logo/preditic.png" alt="Logo de l'entreprise THALES"></div>
<h5 class="card-title">Ingénieur logiciel</h5>
<h6 class="card-subtitle mb-2 text-muted">Preditic - Bordeaux, FRANCE</h6>
<p class="card-text">
Après une expérience réussie dans l'entreprise Thales, j'ai rejoint la société de traitement de données industrielle, Preditic.
</p>
<p class="card-text">
J'interviens au quotidien sur des projets d'importances variables en qualité d'ingénieur logiciel.<br>
Force de proposition, j'apporte mes connaissances dans les différents domaines de compétences que je maîtrise:
<ul>
<li>Développement web</li>
<li>Ingénierie informatique</li>
<li>Sécurité</li>
<li>Infrastructure</li>
</ul>
</p>
</div>
<div class="card-footer">
<strong>Concepts-clés:</strong>
<h5>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> PHP</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> SQL</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Linux</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Shell</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> JS</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> SlimPHP</span>
</h5>
</div>
</div>
<div class="card mb-3">
<div class="card-header text-center">
<strong>Septembre 2017 - Août 2020</strong>
</div>
<div class="card-body">
<div class="card-image"><img class="card-img" src="pictures/experiences-logo/thales.png" alt="Logo de l'entreprise THALES"></div>
<h5 class="card-title">Administrateur Support Atelier</h5>
<h6 class="card-subtitle mb-2 text-muted">Thales Global Services - Bordeaux, FRANCE</h6>
<p class="card-text">
J'ai intégré l'équipe DSI sur le campus de Bordeaux Mérignac en septembre 2017 pour un contrat professionnel
d'une année afin de préparer ma licence "Concepteur développeur informatique" (RNCP niv II). Licence en poche, j'ai signé un
second contrat d'une durée de deux années cette fois-ci afin de préparer mon master "expert en informatique et système d’information" (RNCP niv. I).
</p>
<p class="card-text">
Je participe quotidiennement à la mise en place d'un système de supervision interne fonctionnant sur des outils open-source tel que Check_MK,
Nagios ou encore Nagvis. Il s'agit d'un projet intéressant car, il est question d'intégrer un nouvel outil tout en prenant en compte la complexité
d'un réseau informatique national, mais également de respecter des contraintes de sécurité lourdes.
</p>
<p class="card-text">
J'ai également participé à la mise en place de tests fonctionnels via Jenkins et Selenium et acquis des compétences en DevOps dans des environnements industriels.
</p>
<p class="card-text">
Ce projet m'a permis d'expérimenter mes connaissances en administration système Unix, mais également en développement
avec notamment l'utilisation des langages Python, PHP ou encore Shell.<br>
</p>
</div>
<div class="card-footer">
<strong>Concepts-clés:</strong>
<h5>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> PHP</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Gestion de projet</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Admin. Sys. Unix</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> JS</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Python</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Shell</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> JenkinsCI</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Groovy</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> DevOps</span>
</h5>
</div>
</div>
</div>
</div>
</div>
<div class="testimonies section" id="testimonies">
<h2><i class="fa fa-trophy" aria-hidden="true"></i> Attestations</h2>
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="card card-reward space-bottom-card-10">
<a href="#">
<img src="pictures/testimonials-logo/cnil.png" class="card-img-top" alt="Logo de la Commission nationale française de l'informatique et des libertés">
<div class="card-body">
<h5 class="card-title">L'atelier RGPD de la CNIL</h5>
<p class="card-text"><!--<span class="badge badge-danger">PDF</span> --><span class="badge badge-dark"><i class="fa fa-hourglass" aria-hidden="true"></i> En cours...</span></p>
</div>
</a>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="card card-reward">
<a href="files/attestation_secnumacademie.pdf">
<img src="pictures/testimonials-logo/anssi.png" class="card-img-top" alt="Logo de l'Agence nationale française de la sécurité des systèmes d'information">
<div class="card-body">
<h5 class="card-title">SecuAcadémie de l'ANSSI</h5>
<p class="card-text"><span class="badge badge-danger">PDF</span> <span class="badge badge-dark"><i class="fa fa-trophy" aria-hidden="true"></i> Obtenu le 16 mars 2019</span></p>
</div>
</a>
</div>
</div>
</div>
</div>
<div class="school section" id="school">
<h2><i class="fa fa-university" aria-hidden="true"></i> Scolarité</h2>
<ul class="nav nav-pills nav-justified pb-2" id="scolarity-tab" role="tablist">
<li class="nav-item">
<a class="nav-link active" id="ingenierie-tab" data-toggle="tab" href="#ingenierie" role="tab" aria-controls="ingenierie" aria-selected="true">2018 - 2020</a>
</li>
<li class="nav-item">
<a class="nav-link" id="bachelor-tab" data-toggle="tab" href="#bachelor" role="tab" aria-controls="bachelor" aria-selected="false">2015 - 2018</a>
</li>
</ul>
<div class="tab-content" id="scolarityTabContent">
<div class="tab-pane fade show active" id="ingenierie" role="tabpanel" aria-labelledby="ingenierie-tab">
<div class="row">
<div class="col">
<div class="card mb-3">
<div class="card-header text-center">
<strong>Septembre 2018 - Août 2020</strong>
</div>
<div class="card-body">
<div class="card-image"><img class="card-img" src="pictures/school-logo/epsi.png" alt="Logo de l'EPSI, l'école d'ingénierie informatique"></div>
<h5 class="card-title">Cursus Ingénierie
</h5>
<h6 class="card-subtitle mb-2 text-muted">EPSI - Bordeaux, FRANCE</h6>
<p class="card-text">Dans la continuité de mon Bachelor Informatique et de mon titre RNCP Niveau I "Concepteur développeur informatique"
j'ai continué ma scolarité en cycle Ingénierie pour une durée de 2 ans. À l'issue de ces deux années j'aspire à l'obtention
d'un titre RNCP niveau I "Expert en Informatique et Système d’information". J'ai par la même occasion renouvelé mon contrat chez Thales
pour une durée équivalente à ma scolarité: 2 ans.<br>
</p>
<h5>Documents rédigés</h5>
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="card space-bottom-card-10">
<div class="card-body">
<div class="row">
<div class="col-12 col-md-2 reward">
<i class="fa fa-3x fa-file-pdf-o" aria-hidden="true"></i>
</div>
<div class="col-md-10 align-self-center">
Mémoire "Le lean management dans un projet
informatique" <br/> <a href="files/M20_HUGOLEROUX.pdf" target="_blank">Afficher le mémoire</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
<strong>Concepts-clés:</strong>
<h5>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Gestion de projet</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Agilité</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> IA</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Étude financière</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Prog. temps réel</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Communication</span>
</h5>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="bachelor" role="tabpanel" aria-labelledby="bachelor-tab">
<div class="row">
<div class="col">
<div class="card mb-3">
<div class="card-header text-center">
<strong>Septembre 2015 - Août 2018</strong>
</div>
<div class="card-body">
<div class="card-image"><img class="card-img" src="pictures/school-logo/epsi.png" alt="Logo de l'EPSI, l'école d'ingénierie informatique"></div>
<h5 class="card-title">Cursus Bachelor</h5>
<h6 class="card-subtitle mb-2 text-muted">EPSI - Bordeaux, FRANCE</h6>
<p class="card-text">Après avoir obtenu mon bac professionnel SEN avec mention assez bien, j'ai intégré l'EPSI de Bordeaux. Le cursus Bachelor
permet d'obtenir les connaissances afin de prétendre au tire de Devops. J'ai alors réalisé 2 années en formation initiale. Grâce à Thales j'ai pu réaliser ma dernière année de cycle Bachelor en alternance et ainsi commencer à acquérir une expérience professionnelle.</p><br>
<h5>Diplômes obtenus</h5>
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="card space-bottom-card-10">
<div class="card-body">
<div class="row">
<div class="col-12 col-md-2 reward">
<i class="fa fa-3x fa-graduation-cap" aria-hidden="true"></i>
</div>
<div class="col-md-10 align-self-center">
Titre RNCP niveau II - "Concepteur développeur informatique"
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 col-sm-12">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-12 col-md-2 reward">
<i class="fa fa-3x fa-graduation-cap" aria-hidden="true"></i>
</div>
<div class="col-md-10 align-self-center">
Titre école EPSI – "Concepteur intégrateur devops"
</div>
</div>
</div>
</div>
</div>
</div>
<h5>Documents rédigés</h5>
<div class="row">
<div class="col-md-6 col-sm-12">
<div class="card space-bottom-card-10">
<div class="card-body">
<div class="row">
<div class="col-12 col-md-2 reward">
<i class="fa fa-3x fa-file-pdf-o" aria-hidden="true"></i>
</div>
<div class="col-md-10 align-self-center">
Rapport d'activité <br/> <a href="files/rapport-activité-final.pdf" target="_blank">Afficher le rapport</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="card-footer">
<strong>Concepts-clés:</strong>
<h5>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> POO</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Modélisation BDD</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Tests unitaire</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Oracle</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Java</span>
<span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> ITIL</span>
</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--
<div class="hobbies section" id="hobbies">
<h2><i class="fa fa-heart" aria-hidden="true"></i> Loisirs</h2>
<div class="row">
<div class="col-4">
<div class="list-group" id="list-tab" role="tablist">
<a class="list-group-item list-group-item-action active" id="list-floss-list" data-toggle="list" href="#list-floss" role="tab" aria-controls="floss"><i class="fa fa-lg fa-linux" aria-hidden="true"></i> Logiciels libres</a>
<a class="list-group-item list-group-item-action" id="list-osm-list" data-toggle="list" href="#list-osm" role="tab" aria-controls="osm"><i class="fa fa-lg fa-map" aria-hidden="true"></i> OpenStreetMap</a>
<a class="list-group-item list-group-item-action" id="list-messages-list" data-toggle="list" href="#list-messages" role="tab" aria-controls="messages"><i class="fa fa-lg fa-keyboard-o" aria-hidden="true"></i> Administration système</a>
<a class="list-group-item list-group-item-action" id="list-settings-list" data-toggle="list" href="#list-settings" role="tab" aria-controls="settings"><i class="fa fa-lg fa-plus" aria-hidden="true"></i> Plus</a>
</div>
</div>
<div class="col-8">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade show active" id="list-floss" role="tabpanel" aria-labelledby="list-floss-list">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac dapibus orci, consequat tempus ligula. Aliquam laoreet ligula eu dictum varius. Vestibulum eget ante sit amet lectus dignissim lobortis non non lorem. Maecenas ac lectus sed lacus blandit pellentesque ac at velit. Maecenas pharetra enim ex, eu euismod ligula lacinia ut. Aenean sed sapien non magna facilisis tincidunt. Donec ac ex ullamcorper, pellentesque dolor a, commodo tortor. Morbi dictum erat et augue commodo lobortis. Suspendisse congue non felis eu ultrices. Duis sed sapien felis. In volutpat eu quam sed luctus. Quisque sed interdum massa. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Donec dignissim, purus sed semper condimentum, lectus lorem mattis ligula, et aliquam purus quam ac diam. Mauris mollis quam at blandit posuere. Quisque id mattis neque. Nam porttitor convallis interdum. Maecenas euismod in ante vitae consequat. Sed justo risus, tempus vel lectus at, egestas molestie mauris. Ut id porttitor magna. Nam malesuada tristique lacus, vel cursus justo dignissim eu.
</div>
<div class="tab-pane fade" id="list-osm" role="tabpanel" aria-labelledby="list-osm-list">
Depuis 2016, je contribue au fond de carte collaboratif OpenStreetMap. Ces contributions permettent d'améliorer de jour en jours un outil utilisé par des millions de personnes à travers le monde.
</div>
<div class="tab-pane fade" id="list-messages" role="tabpanel" aria-labelledby="list-messages-list">...</div>
<div class="tab-pane fade" id="list-settings" role="tabpanel" aria-labelledby="list-settings-list">...</div>
</div>
</div>
</div>
</div>
-->
<div class="contact section pb-5" id="contact">
<h2><i class="fa fa-envelope" aria-hidden="true"></i> Contact</h2>
<ul class="list-group list-group-flush">
<li class="list-group-item"><strong>Adresse email:</strong> <a href="&#x6d;&#x61;&#x69;&#x6c;&#x74;&#x6f;&colon;&#x68;&#x75;&#x67;&#x6f;&period;&#x6c;&#x65;&#x72;&#x6f;&#x75;&#x78;&commat;&#x70;&#x72;&#x6f;&#x74;&#x6f;&#x6e;&#x6d;&#x61;&#x69;&#x6c;&period;&#x63;&#x6f;&#x6d;">&#x68;&#x75;&#x67;&#x6f;&period;&#x6c;&#x65;&#x72;&#x6f;&#x75;&#x78;&commat;&#x70;&#x72;&#x6f;&#x74;&#x6f;&#x6e;&#x6d;&#x61;&#x69;&#x6c;&period;&#x63;&#x6f;&#x6d;</a></li>
<!--<li class="list-group-item"><strong>Adresse Matrix:</strong> &#64;&#x67;&#x6f;&#x74;&#x65;&#x78;&#x78;&#58;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72; <button type="button" class="btn btn-success" data-toggle="modal" data-target="#matrixFingerPrintsModal"><i class="fa fa-key-modern" aria-hidden="true"></i> Empreintes</button></li>-->
<li class="list-group-item"><strong>GPG:</strong> <a href="#" data-toggle="modal" data-target="#GPGPublicKeyModal">D957 5EB4 B797 FBA6 02E0 3239 <span class="font-weight-bold">3EA2 60A4 F0EE 1BCC</span></a></li>
</ul>
</div>
</div>
<!-- Modal Matrix
<div class="modal fade" id="matrixFingerPrintsModal" tabindex="-1" role="dialog" aria-labelledby="matrixFingerPrintsModalTitle" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="matrixFingerPrintsModalTitle"><i class="fa fa-key-modern" aria-hidden="true"></i> Empreintes Matrix</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<table class="table table-sm table-borderless">
<thead>
<tr>
<th scope="col">Type</th>
<th scope="col">Appareil</th>
<th scope="col">Identifiant</th>
<th scope="col">Clé</th>
</tr>
</thead>
<tbody>
<tr>
<td><i class="fa fa-laptop" aria-hidden="true" tittle="Ordinateur portable"></i></td>
<td>Zoya</td>
<td>VJPVOAKVBV</td>
<td><strong>Np1R BOUJ JkNo DlVq y0zf Ib/G D3+T b1zN lYJ8 HrOU /CY</strong></td>
</tr>
<tr>
<td><i class="fa fa-desktop" aria-hidden="true" title="Ordinateur fixe"></i></td>
<td>Thora</td>
<td>FZAVPQUXUY</td>
<td><strong>gVDi qv0O HXMW n5K/ +KCQ yw6u oIWb xO7e q71e tvFC Pzs</strong></td>
</tr>
<tr>
<td><i class="fa fa-mobile fa-2x" aria-hidden="true" title="Smartphone"></i></td>
<td>Xiaomi Mi Note 2</td>
<td>DKYWVUPUNU</td>
<td><strong>0ztW IDfV F25G a5VJ b+eL vZUJ b+NZ KPnc go7b wFl4 hI0</strong></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
-->
<!-- Modal GPG -->
<div class="modal fade" id="GPGPublicKeyModal" tabindex="-1" role="dialog" aria-labelledby="GPGPublicKeyModalTitle" aria-hidden="true">
<div class="modal-dialog modal-xl">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="GPGPublicKeyModalTitle"><i class="fa fa-gnupg" aria-hidden="true"></i> Clé GPG publique <a class="btn btn-success" download="hleroux.pub.txt" href="hleroux.pub.txt" role="button"><i class="fa fa-download" aria-hidden="true"></i> Télécharger</a> <small class="text-muted">SHA256: b68b049f3086e3cbe666b8cc7b8d830535712d28d352b674920539d5aee70d50</small></h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</div>
<div class="modal-body">
<textarea class="form-control" rows="39" readonly>
-----BEGIN PGP PUBLIC KEY BLOCK-----
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
=rtOt
-----END PGP PUBLIC KEY BLOCK-----
</textarea>
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<span class="text-muted icon-footer">
<a href="&#x6d;&#x61;&#x69;&#x6c;&#x74;&#x6f;&colon;&#x68;&#x75;&#x67;&#x6f;&period;&#x6c;&#x65;&#x72;&#x6f;&#x75;&#x78;&commat;&#x70;&#x72;&#x6f;&#x74;&#x6f;&#x6e;&#x6d;&#x61;&#x69;&#x6c;&period;&#x63;&#x6f;&#x6d;"><i class="fa fa-envelope fa-2x"></i></a>
<a href="#" data-toggle="modal" data-target="#GPGPublicKeyModal" title="Clé publique GPG"><i class="fa fa-gnupg fa-2x"></i></a>
<a href="https://git.hugoleroux.ovh/GotExx" title="Profil Git"><i class="fa fa-git fa-2x"></i></a>
<a href="https://git.hugoleroux.ovh/GotExx/hugo-website">Code source</a>
</span>
</div>
</footer>
</body>
</html>