From f63f68b73c1bf8b025e9aa92b78f1e96e2cfba79 Mon Sep 17 00:00:00 2001
From: Quentin Rouland <quentin.rouland@rdrive.ovh>
Date: Fri, 6 Sep 2019 22:23:48 +0200
Subject: [PATCH] Update About Me

---
 README.md         |  2 +-
 index.html        | 79 ++++++++++++++++++++++++++++-------------------
 mdb/css/style.css |  7 ++++-
 3 files changed, 55 insertions(+), 33 deletions(-)

diff --git a/README.md b/README.md
index 857df73..d846001 100644
--- a/README.md
+++ b/README.md
@@ -1,3 +1,3 @@
 # qrouland.com
 
-qrouland.com source.
\ No newline at end of file
+qrouland.com source code.
diff --git a/index.html b/index.html
index 808073f..7f37645 100644
--- a/index.html
+++ b/index.html
@@ -43,8 +43,8 @@
                         <li class="nav-item" id="about_menu">
                             <a class="nav-link waves-effect" href="javascript:page_selection('#about');">A propos de moi</a>
                         </li>
-                        <li class="nav-item" id="formexp_menu">
-                            <a class="nav-link waves-effect" href="javascript:page_selection('#formexp');">Expériences Professionnelles &#x26; Formations</a>
+                        <li class="nav-item" id="trainexp_menu">
+                            <a class="nav-link waves-effect" href="javascript:page_selection('#trainexp');">Expériences Professionnelles &#x26; Formations</a>
                         </li>
                         <li class="nav-item" id="publications_menu">
                             <a class="nav-link waves-effect" href="javascript:page_selection('#publications');">Publications</a>
@@ -53,7 +53,7 @@
                             <a class="nav-link waves-effect" href="javascript:page_selection('#teachings');">Enseignements</a>
                         </li>
                         <li class="nav-item" id="projects_menu">
-                            <a class="nav-link waves-effect" href="javascript:page_selection('#projects');">Projects</a>
+                            <a class="nav-link waves-effect" href="javascript:page_selection('#projects');">Projets</a>
                         </li>
                     </ul>
                 </div>
@@ -75,9 +75,9 @@
             <section class="section pb-3 text-center">
             <!--Grid row-->
             <div class="row wow fadeIn mb-3">
-
+			
                 <!--Grid column-->
-                <div class="col-lg-4 col-md-3 mb-4">
+                <div class="col-lg-4 col-md-3 mb-4 vcenter">
 
                     <!-- Card Regular -->
                     <div class="card card-cascade text-justify">
@@ -98,7 +98,7 @@
                         <!-- Title -->
                         <h4 class="card-title"><strong>Quentin Rouland</strong></h4>
                         <!-- Subtitle -->
-                        <h6 class="font-weight-bold indigo-text py-2">Doctorant</h6>
+                        <h6 class="font-weight-bold indigo-text py-2">Doctorant en Informatique</h6>
                         <!-- Social -->
                         <div class="pb-2">
                             <a href="mailto:quentin@qrouland.com" target="_blank">
@@ -127,13 +127,29 @@
                     <!-- Card image -->
                 </div>
                 <!--Grid column-->
-
+                
                 <!--Grid column-->
-                <div class="col-lg-8 col-md-9 mb-4">
-                    <p class="mb-2 text-justify"></i>
-                        Après avoir suivi un parcours orienté developpement logiciel à l'<a href="https://www.univ-tlse2.fr/" class="text-primary">Université Toulouse 2 Jean-Jaurès</a>, je suis actuellement doctorant à l'<a href="https://irit.fr" class="text-primary">IRIT</a> dans l'équipe <a href="https://www.irit.fr/-Equipe-ARGOS-" class="text-primary">ARGOS</a>... 
-                        Je m'intéresse ... To be continued :)
-                    </p>                
+				<div class="col-lg-7 col-md-9 vcenter">
+					<span class="align-middle">
+                    <p class="pb-4 text-justify">
+                        Après avoir suivi un parcours orienté développement logiciel à l'<a href="https://www.univ-tlse2.fr/" class="text-primary">Université Toulouse 2 Jean-Jaurès</a> 
+                        et obtenu un 
+                        <a href="https://www.univ-tlse2.fr/accueil/navigation/formation-insertion/formation-continue/master-informatique-collaborative-en-entreprise-ice-1e-et-2e-annee-444876.kjsp"> 
+                        Master en Informatique Collaborative en Entreprise</a> en alternance, je suis actuellement doctorant à l'<a href="https://irit.fr" class="text-primary">IRIT</a>
+                        dans l'équipe <a href="https://www.irit.fr/-Equipe-ARGOS-" class="text-primary">ARGOS</a>. 
+                    </p>     
+                    <p class="pb-4 text-justify">
+                        Mes principaux sujets de recherches concernent les <a href="https://fr.wikipedia.org/wiki/Architecture_logicielle">architectures logicielles</a>, 
+                        la <a href="https://fr.wikipedia.org/wiki/S%C3%A9curit%C3%A9_des_syst%C3%A8mes_d%27information">sécurité</a> et les <a href="https://fr.wikipedia.org/wiki/M%C3%A9thode_formelle_(informatique)">méthodes formelles</a>. 
+                        Et  je m'intéresse plus particulièrement dans la cadre de ma thèse  aux approches basées sur l'<a href="https://fr.wikipedia.org/wiki/Ing%C3%A9nierie_dirig%C3%A9e_par_les_mod%C3%A8les">ingénierie dirigée par les modèles</a> et 
+                        la <a href="https://fr.wikipedia.org/wiki/V%C3%A9rification_formelle">vérification formelle</a> pour les architectures logicielles sécurisées.  
+                    </p>
+                    <p class="pb-4 text-justify">
+                        Ayant commencé à apprendre jeune le <a href="https://fr.wikipedia.org/wiki/D%C3%A9veloppement_de_logiciel">développement logiciel</a> en autodidacte, 
+                        je suis d'un point de vue personnel un développeur passionné. Je porte un intérêt particulier pour les <a href="https://fr.wikipedia.org/wiki/Logiciel_libre">logiciels libres</a> 
+                        et les systèmes <a href="https://fr.wikipedia.org/wiki/Unix">unix</a>.
+                    </p>     
+                    </span>                   
                 </div>
                 <!--Grid column-->
 
@@ -144,8 +160,8 @@
         </div>
         <!--About container-->
 
-        <!-- FormationsExperiences container-->
-        <div class="container" id="formexp" style="display:none;">
+        <!-- TrainingsExperiences container-->
+        <div class="container" id="trainexp" style="display:none;">
             <!--Grid row-->
             <div class="row wow fadeIn mb-3">
                 <!--Grid column-->
@@ -153,16 +169,17 @@
                     <h3 class="mb-3 font-weight-bold dark-grey-text">
                         <strong>Expériences Professionelles</strong>
                     </h3>
-                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
                         <strong>Alternance Master ICE</strong> - Engie Ineo, Toulouse (31)<br>
                         <span class="pl-3">Installation, configuration, sécurisation d’OS Linux (CentOS / Bash)<br>
                         <span class="pl-3">Mise en Place de Machines et Réseau Virtuelle (KVM / Open VSwitch)<br>
                         <span class="pl-3">Mise en Place de Surveillance Système et Réseau (Nagios / IPMI)<br>
                         <span class="pl-3">MCO Système Industriel SCADA (C++ / Qt / Python)
                     </p>       
-                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
                         <strong>Stage Fin L3 MIASHS Informatique</strong> - Freescale Semiconducteur, Toulouse (31)<br>
-                        <span class="pl-3">Création d'un Service Web de Traitement et de Publication Statistiques de Données de Tests (Python [Django, Panda] / HTML / Js [D3.js, JQuery] / CSS)
+                        <span class="pl-3">Création d'un Service Web de Traitement et de Publication Statistiques de Données de Tests <br>
+                        <span class="pl-3">(Python [Django, Panda] / HTML / Js [D3.js, JQuery] / CSS)
                     </p>
                     <p class="text-justify"><i class="fas fa-angle-right mr-2"></i>
                         <strong>Stage Fin DUT Informatique</strong> - Pancee des Plantes, Agen (47)<br>
@@ -180,24 +197,24 @@
                     <h3 class="mb-3 font-weight-bold dark-grey-text">
                         <strong>Formations</strong>
                     </h3>
-                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
-                        <strong>Master ICE (Informatique Collaborative en Entreprise)</strong> - Université Toulouse 2 Jean-Jaurés, Toulouse (31)
+                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Master ICE (Informatique Collaborative en Entreprise)</strong> Université Toulouse 2 Jean-Jaurés  (31)
                     </p>       
-                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
-                        <strong>Licence MIASHS (Mathématiques, Informatique Appliquées et Sciences Humaines et Sociales)</strong> - Université Toulouse 2 Jean-Jaurés, Toulouse (31)
+                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong>Licence MIASHS (Mathématiques, Informatique Appliquées et Sciences Humaines et Sociales)</strong> -  Université Toulouse 2 Jean-Jaurés  (31)
                     </p>
-                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
                         <strong>DUT Informatique</strong> - IUT Blagnac, Blagnac (31)
                     </p> 
-                    <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
-                        <strong> Baccalauréat Scientifique Science de l'Ingénieur option Mathématiques</strong> - Lycée François Mitterran, Moissac (82) 
+                    <p class="mb-3 text-justify"><i class="fas fa-angle-right mr-2"></i>
+                        <strong> Baccalauréat Scientifique Science de l'Ingénieur option Mathématiques</strong> - Lycée François Mitterrand, Moissac (82) 
                     </p>                                    
                 </div>
                 <!--Grid column-->
             </div>
             <!--Grid row-->
         </div>
-        <!--FormationsExperiences container-->
+        <!--TrainingsExperiences container-->
 
 
         <!-- Publications container-->
@@ -207,7 +224,7 @@
                 <!--Grid column-->
                 <div mb-4">
                     <h3 class="mb-3 font-weight-bold dark-grey-text">
-                        <strong>Journal Articles</strong>
+                        <strong>Journal</strong>
                     </h3>
                     <p class="grey-text">
                         Nothing yet !
@@ -223,7 +240,7 @@
                 <!--Grid column-->
                 <div mb-4">
                     <h3 class="mb-3 font-weight-bold dark-grey-text">
-                        <strong>Conference Proceedings</strong>
+                        <strong>Conférence</strong>
                     </h3>
                     <p class="mb-2 text-justify"><i class="fas fa-angle-right mr-2"></i>
                         <strong>Quentin Rouland</strong>, Brahim Hamid, Jason Jaskolka. <a class="text-primary" href="https://doi.org/10.1007/978-3-030-00856-7_13">Formalizing Reusable Communication Models for Distributed Systems Architecture</a> (regular paper). International Conference On Model and Data Engineering (MEDI 2018), Marrakesh, Morocco, 24/10/18-26/10/18, Ladjel Bellatreche (Eds.), Springer, p. 198-216, octobre 2018. 
@@ -239,7 +256,7 @@
                 <!--Grid column-->
                 <div mb-4">
                     <h3 class="mb-3 font-weight-bold dark-grey-text">
-                        <strong>Theses</strong>
+                        <strong>Thèses</strong>
                     </h3>
                     <p class="grey-text">
                         Nothing yet !
@@ -348,8 +365,8 @@
                 <div class="card-body text-white text-center py-5 px-5 my-5">
 
                     <h1 class="mb-4">
-                        <strong>Projects</strong>
-                        <p class="text-center mb-5">Coming soon...</p>
+                        <strong>Projets</strong>
+                        <p class="text-center mb-5">Bientôt...</p>
                     </h1>
                 </div>
                 <!-- Content -->
@@ -436,4 +453,4 @@
     
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/mdb/css/style.css b/mdb/css/style.css
index 68c4e4b..d126a55 100644
--- a/mdb/css/style.css
+++ b/mdb/css/style.css
@@ -5,4 +5,9 @@
 }
 .footer, .push {
     height: 120px; /* .push must be the same height as .footer */
-}
\ No newline at end of file
+}
+
+.vcenter {
+   display: flex;
+   align-items: center;
+}