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
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="mailto:hugo.leroux@protonmail.com"><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="mailto:hugo.leroux@protonmail.com">hugo.leroux@protonmail.com</a></li>
|
|
<!--<li class="list-group-item"><strong>Adresse Matrix:</strong> @gotexx:alternanet.fr <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">×</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">×</span>
|
|
</button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<textarea class="form-control" rows="39" readonly>
|
|
-----BEGIN PGP PUBLIC KEY BLOCK-----
|
|
|
|
mQENBFv1hZ4BCADGEixiI4SGgqdl77B4xLjzkzeesrBm3iXWCO/9ln4FQeMXjEdM
|
|
8yT7PTXxsLsvLuiPzP+wAtmRm9GOaSsjphd+JHQN5ff7QjJ2SCJSIsq9JkhEPEoX
|
|
ye2yv2Khatwrexkrr9EfWIAphQE+TiVWiQbUUvolOcWfw868Z26i6EDaU3LLhOv+
|
|
Gn2WPZEGxlilPiJEv+aZuP+aLcKxPth5KyUvavEL0UvJlcAu5vE69BdZ/kU6m68E
|
|
0hOINGjgYlcF9r6AlwCkLWRSbM1yJvw3KJb4KMfiplHz7bZqywnuURJ5vsF+Fomt
|
|
cIK2qBxCqJAxPyoc4bzvdmR2bArNHrmCQsYpABEBAAG0J0h1Z28gTEVST1VYIDxo
|
|
dWdvLmxlcm91eEBhbHRlcm5hbmV0LmZyPokBVAQTAQgAPhYhBNlXXrS3l/umAuAy
|
|
OT6iYKTw7hvMBQJb9YWeAhsDBQkDwmcABQsJCAcCBhUKCQgLAgQWAgMBAh4BAheA
|
|
AAoJED6iYKTw7hvMn5EH/jp855U0gDHEQIYkFk+Yl5WW0wUvfSd34M4JxSHywANG
|
|
YVFGh5SN+fzP0v7RbLJvCnbADvAQWijjHv+Mr/EbM/HiwbHw4e8plG0eW7xiyDdq
|
|
7bTny0o2sEH1OoRLUIkYTo8GmNboEmVSPEWYI/XyefeA0eY1hbZBjBhKaeqTDiXi
|
|
wG4czBechF7O2TBmOjHXGqJ/r/aTPRvn8cGdpqe4PKmXSNCEJ6l3Ekw3YdwCoUbf
|
|
qGTtHtLb4k+7Vb4OdtXfEqnV2vDuNIazos1CjjYjzh2idFfEOlrmdRw2QE4dBa1Z
|
|
S6VdOKXENnzIvEevsL4UEt7BTuhfWPp7wOzwQ+IJvWi0Ikh1Z28gTEVST1VYIDxo
|
|
dWdvLmxlcm91eDJAZXBzaS5mcj6JAVQEEwEIAD4WIQTZV160t5f7pgLgMjk+omCk
|
|
8O4bzAUCW/lAsAIbAwUJA8JnAAULCQgHAgYVCgkICwIEFgIDAQIeAQIXgAAKCRA+
|
|
omCk8O4bzD3aCACW8rrSCFCGkLGJQy04fWENQhkx6oF1zeFl9GJXFG7SLbE+ccOK
|
|
N2tirwVI5OC59dRLbQuQeS2ZMKgk0Tbb1jKn45dlkVuw7L7bS3sdSYZZO6veXG9p
|
|
juqQgI9prJ/f6LPOyv2Te1/a+mghxhfPl/ht6vzkldrUdmy/PkQVMRqZJBE20jZB
|
|
qx8FVqiyYYBu4V7bQuw32VPHeDnl0O0xR2dokbCn4rt++BK7rErH/0kf+5Xu9JAH
|
|
0UdaOTreIF6ais/8/b2NeCJQd2a3qYAxCPPdsdLYzI6+13Oqz+EVxiZCQaGUCpaC
|
|
fIGW+Pogs8Fe/Hd0wtGrLPKde9CsmabNwzsQuQENBFv1hZ4BCADynKXxVJ54OFS2
|
|
iNAwAHgj7JYpdn3TdZzDOfCkqsUJzyisUat1SWI5lV44dPWXymfJUVW91Zft32k6
|
|
j5FVVVMGOBxvMDyr8urYGEx2wD9KGz8A7Ejzg0DFi/AbjTHeOWaPflRVna4obA9J
|
|
rm8bsjdmzq7KCb4S428+jFOy8FcyEw1vLhhK3yO9A1g9B6eBEDfOn8uALekBZAU5
|
|
4s64XVKxmMy8Ms3m/MwFmQ2wyD9IhpXwW+rhO9oG7qqmFEN9yskyCAV+1PE8Vcpx
|
|
6n4hLQXqC8Mo8N/pdMxysGtDzlGWFr8SI/ogH48k6AglnXN67fd58eVxStehNY3N
|
|
xiwWrAPFABEBAAGJATwEGAEIACYWIQTZV160t5f7pgLgMjk+omCk8O4bzAUCW/WF
|
|
ngIbDAUJA8JnAAAKCRA+omCk8O4bzOhMB/4jicNaOhteRGN5wk76rKHndwDQ1jrM
|
|
cRkGL670OnN/SK4if7X1GFBeKDeAZiItxmZZ9VxCuX90M8CRS0dG2x8GaLJcy0cQ
|
|
Ub/9ic+FNJOQYFTqIhXWcqnJ1DrOnliR4NZwnkv/CQ4XffzIBJjgmdakdwVA4SwU
|
|
XSM+2R+IzkjDCGgvcmWQP92rOgfy2YTtZnyY3rYD0PjGKcBRjTtDPXtfGWg7cnZk
|
|
2PTEPV50rCXTw8RYRWHudJ0ubR0zrfn6C5IVqwtoiRSeO2BRcOd6o3PK95ejpiHx
|
|
PS+/h4OsXkQ0g6Gov8F4xvWPVqVlqYRzAgehdmKCeoGkjL4iAM4j9aAW
|
|
=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="mailto:hugo.leroux@protonmail.com"><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>
|