Browse Source

Ajout des clés publiques GPG et Matrix + Ajout du JS Bootstrap

Hugo LEROUX 2 months ago
parent
commit
6283de27bd
Signed by: Hugo LEROUX <hugo.leroux@alternanet.fr> GPG Key ID: 3EA260A4F0EE1BCC
7 changed files with 350 additions and 183 deletions
  1. 4
    4
      css/bootstrap.min.css
  2. 1
    0
      css/bootstrap.min.css.map
  3. 330
    179
      index.html
  4. 7
    0
      js/bootstrap.min.js
  5. 1
    0
      js/bootstrap.min.js.map
  6. 2
    0
      js/jquery.slim.js
  7. 5
    0
      js/popper.min.js

+ 4
- 4
css/bootstrap.min.css
File diff suppressed because it is too large
View File


+ 1
- 0
css/bootstrap.min.css.map
File diff suppressed because it is too large
View File


+ 330
- 179
index.html View File

@@ -10,10 +10,17 @@
10 10
 
11 11
   <title>Hugo LEROUX - Étudiant passionné des logiciels libres et le respect de la vie privée.</title>
12 12
 
13
-  <!-- Bootstrap css file -->
13
+  <!-- Bootstrap CSS file -->
14 14
   <link href="./css/bootstrap.min.css" rel="stylesheet">
15 15
 
16
-  <!-- Hugo css file -->
16
+  <!-- Other JS files -->
17
+  <script src="./js/jquery.slim.js"></script>
18
+  <script src="./js/popper.min.js"></script>
19
+
20
+  <!-- Bootstrap JS file -->
21
+  <script src="./js/bootstrap.min.js"></script>
22
+
23
+  <!-- Hugo CSS file -->
17 24
   <link href="./css/hugo.css" rel="stylesheet">
18 25
 
19 26
   <!-- ForkAwesome css file -->
@@ -54,7 +61,7 @@
54 61
           <a class="nav-icon ml-md-1" href="&#x6d;&#x61;&#x69;&#x6c;&#x74;&#x6f;&#x3a;&#x68;&#x75;&#x67;&#x6f;&#x2e;&#x6c;&#x65;&#x72;&#x6f;&#x75;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;"><i class="fa fa-envelope fa-2x"></i></a>
55 62
         </li>
56 63
         <li class="nav-item">
57
-          <a class="nav-icon ml-md-1" href="hleroux.pub.txt" title="Clé publique GPG"><i class="fa fa-gnupg fa-2x"></i></a>
64
+          <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>
58 65
         </li>
59 66
         <li class="nav-item">
60 67
           <a class="nav-icon ml-md-1" href="https://git.alternanet.fr/gotexx" title="Profil Gitea"><i class="fa fa-git fa-2x"></i></a>
@@ -103,209 +110,353 @@
103 110
             <div class="card-body">
104 111
               <h5 class="card-title">Alternanet.fr</h5>
105 112
               <p class="card-text">Alternanet propose un ensemble de services libres et gratuits respectueux de votre vie privée.
106
-              Alternanet se positionne en alternative vis à vis des GAFAM et leurs appétit constament grandissant de données personnelles.</p>
107
-              <a href="https://alternanet.fr" class="btn btn-primary"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Visiter</a>
113
+                Alternanet se positionne en alternative vis à vis des GAFAM et leurs appétit constament grandissant de données personnelles.</p>
114
+                <a href="https://alternanet.fr" class="btn btn-primary"><i class="fa fa-arrow-circle-right" aria-hidden="true"></i> Visiter</a>
115
+              </div>
108 116
             </div>
109 117
           </div>
110
-        </div>
111
-        <div class="col-md-6 col-sm-12">
112
-          <div class="card">
113
-            <img class="card-img" src="pictures/projects-logo/logo-billoky.png" alt="Logo du projet Billoky">
114
-            <div class="card-body">
115
-              <h5 class="card-title">Billoky</h5>
116
-              <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.
117
-              Billoky vous permet également de stocker vos documents à la manière d'un coffre-fort numérique.</p>
118
-              <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>
118
+          <div class="col-md-6 col-sm-12">
119
+            <div class="card">
120
+              <img class="card-img" src="pictures/projects-logo/logo-billoky.png" alt="Logo du projet Billoky">
121
+              <div class="card-body">
122
+                <h5 class="card-title">Billoky</h5>
123
+                <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.
124
+                  Billoky vous permet également de stocker vos documents à la manière d'un coffre-fort numérique.</p>
125
+                  <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>
126
+                </div>
127
+              </div>
119 128
             </div>
120 129
           </div>
121 130
         </div>
122
-      </div>
123
-    </div>
124
-    <div class="resume section" id="resume">
125
-      <h2><i class="fa fa-briefcase" aria-hidden="true"></i> Expériences</h2>
126
-      <div class="row">
127
-        <div class="col">
128
-          <div class="card mb-3">
129
-            <div class="card-header text-center">
130
-              <strong>Depuis septembre 2017 <span class="badge badge-success"> Actuel</span></strong>
131
-            </div>
132
-            <div class="card-body">
133
-              <div class="card-image"><img class="card-img" src="pictures/experiences-logo/thales.png" alt="Logo de l'entreprise THALES"></div>
134
-              <h5 class="card-title">Administrateur Support Atelier</h5>
135
-              <h6 class="card-subtitle mb-2 text-muted">Thales Global Services - Bordeaux, FRANCE</h6>
136
-              <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
137
-                d'une année afin de préparer ma licence "Concepteur développeur informatique" (RNCP niv II). Licence en poche, j'ai signé un
138
-                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).<br>
131
+        <div class="resume section" id="resume">
132
+          <h2><i class="fa fa-briefcase" aria-hidden="true"></i> Expériences</h2>
133
+          <div class="row">
134
+            <div class="col">
135
+              <div class="card mb-3">
136
+                <div class="card-header text-center">
137
+                  <strong>Depuis septembre 2017 <span class="badge badge-success"> Actuel</span></strong>
138
+                </div>
139
+                <div class="card-body">
140
+                  <div class="card-image"><img class="card-img" src="pictures/experiences-logo/thales.png" alt="Logo de l'entreprise THALES"></div>
141
+                  <h5 class="card-title">Administrateur Support Atelier</h5>
142
+                  <h6 class="card-subtitle mb-2 text-muted">Thales Global Services - Bordeaux, FRANCE</h6>
143
+                  <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
144
+                    d'une année afin de préparer ma licence "Concepteur développeur informatique" (RNCP niv II). Licence en poche, j'ai signé un
145
+                    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).<br>
139 146
 
140
-                 Je participe quotidiennement à la mise en place d'un système de supervision interne fonctionnant sur des outils open-source tel que Check_MK,
141
-                 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é
142
-                 d'un réseau informatique national mais également de respecter des contraintes de sécurité lourdes.
143
-                 Ce projet m'a permis d'expérimenter mes connaissances en administration système Unix mais également en développement
144
-                 avec notamment l'utilisation des langages Python, PHP ou encore Shell.<br>
147
+                    Je participe quotidiennement à la mise en place d'un système de supervision interne fonctionnant sur des outils open-source tel que Check_MK,
148
+                    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é
149
+                    d'un réseau informatique national mais également de respecter des contraintes de sécurité lourdes.
150
+                    Ce projet m'a permis d'expérimenter mes connaissances en administration système Unix mais également en développement
151
+                    avec notamment l'utilisation des langages Python, PHP ou encore Shell.<br>
145 152
 
146
-                 Il s'agit de l'expérience la plus enrichissante à l'heure actuelle tant pour sa durée
147
-                 que pour son contenu.<br>
148
-              </p>
149
-            </div>
150
-            <div class="card-footer">
151
-              <strong>Concepts-clés:</strong>
152
-              <h5>
153
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> PHP</span>
154
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Gestion de projet</span>
155
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Admin. Sys. Unix</span>
156
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> JS</span>
157
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Python</span>
158
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Shell</span>
159
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> JenkinsCI</span>
160
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Groovy</span>
161
-              </h5>
153
+                    Il s'agit de l'expérience la plus enrichissante à l'heure actuelle tant pour sa durée
154
+                    que pour son contenu.<br>
155
+                  </p>
156
+                </div>
157
+                <div class="card-footer">
158
+                  <strong>Concepts-clés:</strong>
159
+                  <h5>
160
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> PHP</span>
161
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Gestion de projet</span>
162
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Admin. Sys. Unix</span>
163
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> JS</span>
164
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Python</span>
165
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Shell</span>
166
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> JenkinsCI</span>
167
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Groovy</span>
168
+                  </h5>
169
+                </div>
170
+              </div>
162 171
             </div>
163 172
           </div>
164 173
         </div>
165
-      </div>
166
-    </div>
167
-    <div class="testimonies section" id="testimonies">
168
-      <h2><i class="fa fa-trophy" aria-hidden="true"></i> Attestations</h2>
169
-      <div class="row">
170
-        <div class="col-md-6 col-sm-12">
171
-          <div class="card card-reward space-bottom-card-10">
172
-            <a href="#">
173
-              <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">
174
-              <div class="card-body">
175
-                <h5 class="card-title">L'atelier RGPD de la CNIL</h5>
176
-                <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>
174
+        <div class="testimonies section" id="testimonies">
175
+          <h2><i class="fa fa-trophy" aria-hidden="true"></i> Attestations</h2>
176
+          <div class="row">
177
+            <div class="col-md-6 col-sm-12">
178
+              <div class="card card-reward space-bottom-card-10">
179
+                <a href="#">
180
+                  <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">
181
+                  <div class="card-body">
182
+                    <h5 class="card-title">L'atelier RGPD de la CNIL</h5>
183
+                    <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>
184
+                  </div>
185
+                </a>
177 186
               </div>
178
-            </a>
179
-          </div>
180
-        </div>
181
-        <div class="col-md-6 col-sm-12">
182
-          <div class="card card-reward">
183
-            <a href="files/attestation_secnumacademie.pdf">
184
-              <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">
185
-              <div class="card-body">
186
-                <h5 class="card-title">SecuAcadémie de l'ANSSI</h5>
187
-                <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>
187
+            </div>
188
+            <div class="col-md-6 col-sm-12">
189
+              <div class="card card-reward">
190
+                <a href="files/attestation_secnumacademie.pdf">
191
+                  <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">
192
+                  <div class="card-body">
193
+                    <h5 class="card-title">SecuAcadémie de l'ANSSI</h5>
194
+                    <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>
195
+                  </div>
196
+                </a>
188 197
               </div>
189
-            </a>
198
+            </div>
190 199
           </div>
191 200
         </div>
192
-      </div>
193
-    </div>
194
-    <div class="school section" id="school">
195
-      <h2><i class="fa fa-university" aria-hidden="true"></i> Scolarité</h2>
196
-      <div class="row">
197
-        <div class="col">
198
-          <div class="card mb-3">
199
-            <div class="card-header text-center">
200
-              <strong>Septembre 2018 - Août 2020 <span class="badge badge-success"> Actuel</span></strong>
201
-            </div>
202
-            <div class="card-body">
203
-              <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>
204
-              <h5 class="card-title">Cursus Ingénierie
205
-              </h5>
206
-              <h6 class="card-subtitle mb-2 text-muted">EPSI - Bordeaux, FRANCE</h6>
207
-              <p class="card-text">Dans la continuité de mon Bachelor Informatique et de mon titre RNCP Niveau I "Concepteur développeur informatique"
208
-                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
209
-                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
210
-                pour une durée équivalente à ma scolarité: 2 ans.<br>
211
-              </p>
212
-            </div>
213
-            <div class="card-footer">
214
-              <strong>Concepts-clés:</strong>
215
-              <h5>
216
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Gestion de projet</span>
217
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Agilité</span>
218
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> IA</span>
219
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Étude financière</span>
220
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Prog. temps réel</span>
221
-                <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Communication</span>
222
-              </h5>
201
+        <div class="school section" id="school">
202
+          <h2><i class="fa fa-university" aria-hidden="true"></i> Scolarité</h2>
203
+          <div class="row">
204
+            <div class="col">
205
+              <div class="card mb-3">
206
+                <div class="card-header text-center">
207
+                  <strong>Septembre 2018 - Août 2020 <span class="badge badge-success"> Actuel</span></strong>
208
+                </div>
209
+                <div class="card-body">
210
+                  <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>
211
+                  <h5 class="card-title">Cursus Ingénierie
212
+                  </h5>
213
+                  <h6 class="card-subtitle mb-2 text-muted">EPSI - Bordeaux, FRANCE</h6>
214
+                  <p class="card-text">Dans la continuité de mon Bachelor Informatique et de mon titre RNCP Niveau I "Concepteur développeur informatique"
215
+                    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
216
+                    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
217
+                    pour une durée équivalente à ma scolarité: 2 ans.<br>
218
+                  </p>
219
+                </div>
220
+                <div class="card-footer">
221
+                  <strong>Concepts-clés:</strong>
222
+                  <h5>
223
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Gestion de projet</span>
224
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Agilité</span>
225
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> IA</span>
226
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Étude financière</span>
227
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Prog. temps réel</span>
228
+                    <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Communication</span>
229
+                  </h5>
230
+                </div>
231
+              </div>
223 232
             </div>
224 233
           </div>
225 234
         </div>
226
-      </div>
227
-    </div>
228
-    <div class="row">
229
-      <div class="col">
230
-        <div class="card mb-3">
231
-          <div class="card-header text-center">
232
-            <strong>Septembre 2015 - Août 2018</strong>
233
-          </div>
234
-          <div class="card-body">
235
-            <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>
236
-            <h5 class="card-title">Cursus Bachelor</h5>
237
-            <h6 class="card-subtitle mb-2 text-muted">EPSI - Bordeaux, FRANCE</h6>
238
-            <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
239
-            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
240
-            pu réaliser ma dernière année de cycle Bachelor en alternance et ainsi commencer à acquérir une expérience professionnelle.<br>
241
-              <h5>Diplômes obtenus</h5>
242
-              <div class="row">
243
-                <div class="col-md-6 col-sm-12">
244
-                  <div class="card space-bottom-card-10">
245
-                      <div class="card-body">
246
-                        <div class="row">
247
-                          <div class="col-12 col-md-2 reward">
248
-                            <i class="fa fa-3x fa-graduation-cap" aria-hidden="true"></i>
249
-                          </div>
250
-                          <div class="col-md-10 align-self-center">
251
-                            Titre RNCP niveau II - "Concepteur développeur informatique"
235
+        <div class="row">
236
+          <div class="col">
237
+            <div class="card mb-3">
238
+              <div class="card-header text-center">
239
+                <strong>Septembre 2015 - Août 2018</strong>
240
+              </div>
241
+              <div class="card-body">
242
+                <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>
243
+                <h5 class="card-title">Cursus Bachelor</h5>
244
+                <h6 class="card-subtitle mb-2 text-muted">EPSI - Bordeaux, FRANCE</h6>
245
+                <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
246
+                  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
247
+                  pu réaliser ma dernière année de cycle Bachelor en alternance et ainsi commencer à acquérir une expérience professionnelle.<br>
248
+                  <h5>Diplômes obtenus</h5>
249
+                  <div class="row">
250
+                    <div class="col-md-6 col-sm-12">
251
+                      <div class="card space-bottom-card-10">
252
+                        <div class="card-body">
253
+                          <div class="row">
254
+                            <div class="col-12 col-md-2 reward">
255
+                              <i class="fa fa-3x fa-graduation-cap" aria-hidden="true"></i>
256
+                            </div>
257
+                            <div class="col-md-10 align-self-center">
258
+                              Titre RNCP niveau II - "Concepteur développeur informatique"
259
+                            </div>
252 260
                           </div>
253 261
                         </div>
254 262
                       </div>
255
-                  </div>
256
-                </div>
257
-                <div class="col-md-6 col-sm-12">
258
-                  <div class="card">
259
-                      <div class="card-body">
260
-                        <div class="row">
261
-                          <div class="col-12 col-md-2 reward">
262
-                            <i class="fa fa-3x fa-graduation-cap" aria-hidden="true"></i>
263
-                          </div>
264
-                          <div class="col-md-10 align-self-center">
265
-                            Titre école EPSI – "Concepteur intégrateur devops"
263
+                    </div>
264
+                    <div class="col-md-6 col-sm-12">
265
+                      <div class="card">
266
+                        <div class="card-body">
267
+                          <div class="row">
268
+                            <div class="col-12 col-md-2 reward">
269
+                              <i class="fa fa-3x fa-graduation-cap" aria-hidden="true"></i>
270
+                            </div>
271
+                            <div class="col-md-10 align-self-center">
272
+                              Titre école EPSI – "Concepteur intégrateur devops"
273
+                            </div>
266 274
                           </div>
267 275
                         </div>
268 276
                       </div>
277
+                    </div>
269 278
                   </div>
270
-                </div>
279
+                </p>
271 280
               </div>
272
-            </p>
281
+              <div class="card-footer">
282
+                <strong>Concepts-clés:</strong>
283
+                <h5>
284
+                  <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> POO</span>
285
+                  <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Modélisation BDD</span>
286
+                  <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Tests unitaire</span>
287
+                  <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Oracle</span>
288
+                  <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Java</span>
289
+                  <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> ITIL</span>
290
+                </h5>
291
+              </div>
292
+            </div>
273 293
           </div>
274
-          <div class="card-footer">
275
-            <strong>Concepts-clés:</strong>
276
-            <h5>
277
-              <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> POO</span>
278
-              <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Modélisation BDD</span>
279
-              <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Tests unitaire</span>
280
-              <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Oracle</span>
281
-              <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> Java</span>
282
-              <span class="badge badge-primary"><i class="fa fa-hashtag" aria-hidden="true"></i> ITIL</span>
283
-            </h5>
294
+        </div>
295
+        <div class="contact section pb-5" id="contact">
296
+          <h2><i class="fa fa-envelope" aria-hidden="true"></i> Contact</h2>
297
+          <ul class="list-group list-group-flush">
298
+            <li class="list-group-item"><strong>Adresse email:</strong> <a href="&#x6d;&#x61;&#x69;&#x6c;&#x74;&#x6f;&#x3a;&#x68;&#x75;&#x67;&#x6f;&#x2e;&#x6c;&#x65;&#x72;&#x6f;&#x75;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;">&#x68;&#x75;&#x67;&#x6f;&#x2e;&#x6c;&#x65;&#x72;&#x6f;&#x75;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;</a></li>
299
+            <li class="list-group-item"><strong>Adresse XMPP:</strong> <a href="&#x78;&#x6d;&#x70;&#x70;&#x3a;&#x67;&#x6f;&#x74;&#x65;&#x78;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;">&#x67;&#x6f;&#x74;&#x65;&#x78;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;</a> <button type="button" class="btn btn-success" data-toggle="modal" data-target="#XMPPFingerPrintsModal"><i class="fa fa-key-modern" aria-hidden="true"></i> Empreintes</button></li>
300
+            <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>
301
+            <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>
302
+          </ul>
303
+        </div>
304
+      </div>
305
+      <!-- Modal XMPP -->
306
+      <div class="modal fade" id="XMPPFingerPrintsModal" tabindex="-1" role="dialog" aria-labelledby="XMPPFingerPrintsModalTitle" aria-hidden="true">
307
+        <div class="modal-dialog modal-xl">
308
+          <div class="modal-content">
309
+            <div class="modal-header">
310
+              <h5 class="modal-title" id="XMPPFingerPrintsModalTitle"><i class="fa fa-key-modern" aria-hidden="true"></i> Empreintes OMEMO</h5>
311
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
312
+                <span aria-hidden="true">&times;</span>
313
+              </button>
314
+            </div>
315
+            <div class="modal-body">
316
+              <table class="table table-sm table-borderless">
317
+                <thead>
318
+                  <tr>
319
+                    <th scope="col">Type</th>
320
+                    <th scope="col">Appareil</th>
321
+                    <th scope="col">Nom</th>
322
+                    <th scope="col">Clé</th>
323
+                  </tr>
324
+                </thead>
325
+                <tbody>
326
+                  <tr>
327
+                    <td><i class="fa fa-laptop" aria-hidden="true" tittle="Ordinateur portable"></i></td>
328
+                    <td>Zoya</td>
329
+                    <td>VJPVOAKVBV</td>
330
+                    <td><strong>Np1R BOUJ JkNo DlVq y0zf Ib/G D3+T b1zN lYJ8 HrOU /CY</strong></td>
331
+                  </tr>
332
+                  <tr>
333
+                    <td><i class="fa fa-desktop" aria-hidden="true" title="Ordinateur fixe"></i></td>
334
+                    <td>Thora</td>
335
+                    <td>FZAVPQUXUY</td>
336
+                    <td><strong>gVDi qv0O HXMW n5K/ +KCQ yw6u oIWb xO7e q71e tvFC Pzs</strong></td>
337
+                  </tr>
338
+                  <tr>
339
+                    <td><i class="fa fa-mobile fa-2x" aria-hidden="true" title="Smartphone"></i></td>
340
+                    <td>Xiaomi Mi Note 2</td>
341
+                    <td>WZDFYWANYJ</td>
342
+                    <td><strong>yUQ7 jMdT 4Jv1 bgCA /vIO E3x4 tQIQ +2Wy Z3uH 3v/3 NL4</strong></td>
343
+                  </tr>
344
+                </tbody>
345
+              </table>
346
+            </div>
284 347
           </div>
285 348
         </div>
286 349
       </div>
287
-    </div>
288
-    <div class="contact section pb-5" id="contact">
289
-      <h2><i class="fa fa-envelope" aria-hidden="true"></i> Contact</h2>
290
-      <ul class="list-group list-group-flush">
291
-        <li class="list-group-item"><strong>Adresse email:</strong> <a href="&#x6d;&#x61;&#x69;&#x6c;&#x74;&#x6f;&#x3a;&#x68;&#x75;&#x67;&#x6f;&#x2e;&#x6c;&#x65;&#x72;&#x6f;&#x75;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;">&#x68;&#x75;&#x67;&#x6f;&#x2e;&#x6c;&#x65;&#x72;&#x6f;&#x75;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;</a></li>
292
-        <li class="list-group-item"><strong>Adresse XMPP:</strong> <a href="&#x78;&#x6d;&#x70;&#x70;&#x3a;&#x67;&#x6f;&#x74;&#x65;&#x78;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;">&#x67;&#x6f;&#x74;&#x65;&#x78;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;</a></li>
293
-        <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;</li>
294
-        <li class="list-group-item"><strong>GPG:</strong> <a href="hleroux.pub.txt">D957 5EB4 B797 FBA6 02E0 3239 <span class="font-weight-bold">3EA2 60A4 F0EE 1BCC</span></a></li>
295
-      </ul>
296
-    </div>
297
-  </div>
350
+      <!-- Modal Matrix -->
351
+      <div class="modal fade" id="matrixFingerPrintsModal" tabindex="-1" role="dialog" aria-labelledby="matrixFingerPrintsModalTitle" aria-hidden="true">
352
+        <div class="modal-dialog modal-xl">
353
+          <div class="modal-content">
354
+            <div class="modal-header">
355
+              <h5 class="modal-title" id="matrixFingerPrintsModalTitle"><i class="fa fa-key-modern" aria-hidden="true"></i> Empreintes Matrix</h5>
356
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
357
+                <span aria-hidden="true">&times;</span>
358
+              </button>
359
+            </div>
360
+            <div class="modal-body">
361
+              <table class="table table-sm table-borderless">
362
+                <thead>
363
+                  <tr>
364
+                    <th scope="col">Type</th>
365
+                    <th scope="col">Appareil</th>
366
+                    <th scope="col">Nom</th>
367
+                    <th scope="col">Clé</th>
368
+                  </tr>
369
+                </thead>
370
+                <tbody>
371
+                  <tr>
372
+                    <td><i class="fa fa-laptop" aria-hidden="true" tittle="Ordinateur portable"></i></td>
373
+                    <td>Zoya</td>
374
+                    <td>VJPVOAKVBV</td>
375
+                    <td><strong>Np1R BOUJ JkNo DlVq y0zf Ib/G D3+T b1zN lYJ8 HrOU /CY</strong></td>
376
+                  </tr>
377
+                  <tr>
378
+                    <td><i class="fa fa-desktop" aria-hidden="true" title="Ordinateur fixe"></i></td>
379
+                    <td>Thora</td>
380
+                    <td>FZAVPQUXUY</td>
381
+                    <td><strong>gVDi qv0O HXMW n5K/ +KCQ yw6u oIWb xO7e q71e tvFC Pzs</strong></td>
382
+                  </tr>
383
+                  <tr>
384
+                    <td><i class="fa fa-mobile fa-2x" aria-hidden="true" title="Smartphone"></i></td>
385
+                    <td>Xiaomi Mi Note 2</td>
386
+                    <td>WZDFYWANYJ</td>
387
+                    <td><strong>yUQ7 jMdT 4Jv1 bgCA /vIO E3x4 tQIQ +2Wy Z3uH 3v/3 NL4</strong></td>
388
+                  </tr>
389
+                </tbody>
390
+              </table>
391
+            </div>
392
+          </div>
393
+        </div>
394
+      </div>
395
+      <!-- Modal GPG -->
396
+      <div class="modal fade" id="GPGPublicKeyModal" tabindex="-1" role="dialog" aria-labelledby="GPGPublicKeyModalTitle" aria-hidden="true">
397
+        <div class="modal-dialog modal-xl">
398
+          <div class="modal-content">
399
+            <div class="modal-header">
400
+              <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>
401
+              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
402
+                <span aria-hidden="true">&times;</span>
403
+              </button>
404
+            </div>
405
+            <div class="modal-body">
406
+              <textarea class="form-control" rows="39" readonly>
407
+                -----BEGIN PGP PUBLIC KEY BLOCK-----
298 408
 
299
-  <footer class="footer">
300
-    <div class="container">
301
-      <span class="text-muted icon-footer">
302
-        <a href="&#x78;&#x6d;&#x70;&#x70;&#x3a;&#x67;&#x6f;&#x74;&#x65;&#x78;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;" title="Adresse XMPP: &#x67;&#x6f;&#x74;&#x65;&#x78;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;"><i class="fa fa-xmpp fa-2x"></i></a>
303
-        <a href="&#x6d;&#x61;&#x69;&#x6c;&#x74;&#x6f;&#x3a;&#x68;&#x75;&#x67;&#x6f;&#x2e;&#x6c;&#x65;&#x72;&#x6f;&#x75;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;"><i class="fa fa-envelope fa-2x"></i></a>
304
-        <a href="hleroux.pub.txt" title="Clé publique GPG"><i class="fa fa-gnupg fa-2x"></i></a>
305
-        <a href="https://git.alternanet.fr/gotexx" title="Profil Gitea"><i class="fa fa-git fa-2x"></i></a>
306
-        <a href="https://mstdn.alternanet.fr/@gotexx" title="Profil Mastodon"><i class="fa fa-mastodon fa-2x"></i></a>
307
-         </span>
308
-    </div>
309
-  </footer>
310
-</body>
311
-</html>
409
+                mQENBFv1hZ4BCADGEixiI4SGgqdl77B4xLjzkzeesrBm3iXWCO/9ln4FQeMXjEdM
410
+                8yT7PTXxsLsvLuiPzP+wAtmRm9GOaSsjphd+JHQN5ff7QjJ2SCJSIsq9JkhEPEoX
411
+                ye2yv2Khatwrexkrr9EfWIAphQE+TiVWiQbUUvolOcWfw868Z26i6EDaU3LLhOv+
412
+                Gn2WPZEGxlilPiJEv+aZuP+aLcKxPth5KyUvavEL0UvJlcAu5vE69BdZ/kU6m68E
413
+                0hOINGjgYlcF9r6AlwCkLWRSbM1yJvw3KJb4KMfiplHz7bZqywnuURJ5vsF+Fomt
414
+                cIK2qBxCqJAxPyoc4bzvdmR2bArNHrmCQsYpABEBAAG0J0h1Z28gTEVST1VYIDxo
415
+                dWdvLmxlcm91eEBhbHRlcm5hbmV0LmZyPokBVAQTAQgAPhYhBNlXXrS3l/umAuAy
416
+                OT6iYKTw7hvMBQJb9YWeAhsDBQkDwmcABQsJCAcCBhUKCQgLAgQWAgMBAh4BAheA
417
+                AAoJED6iYKTw7hvMn5EH/jp855U0gDHEQIYkFk+Yl5WW0wUvfSd34M4JxSHywANG
418
+                YVFGh5SN+fzP0v7RbLJvCnbADvAQWijjHv+Mr/EbM/HiwbHw4e8plG0eW7xiyDdq
419
+                7bTny0o2sEH1OoRLUIkYTo8GmNboEmVSPEWYI/XyefeA0eY1hbZBjBhKaeqTDiXi
420
+                wG4czBechF7O2TBmOjHXGqJ/r/aTPRvn8cGdpqe4PKmXSNCEJ6l3Ekw3YdwCoUbf
421
+                qGTtHtLb4k+7Vb4OdtXfEqnV2vDuNIazos1CjjYjzh2idFfEOlrmdRw2QE4dBa1Z
422
+                S6VdOKXENnzIvEevsL4UEt7BTuhfWPp7wOzwQ+IJvWi0Ikh1Z28gTEVST1VYIDxo
423
+                dWdvLmxlcm91eDJAZXBzaS5mcj6JAVQEEwEIAD4WIQTZV160t5f7pgLgMjk+omCk
424
+                8O4bzAUCW/lAsAIbAwUJA8JnAAULCQgHAgYVCgkICwIEFgIDAQIeAQIXgAAKCRA+
425
+                omCk8O4bzD3aCACW8rrSCFCGkLGJQy04fWENQhkx6oF1zeFl9GJXFG7SLbE+ccOK
426
+                N2tirwVI5OC59dRLbQuQeS2ZMKgk0Tbb1jKn45dlkVuw7L7bS3sdSYZZO6veXG9p
427
+                juqQgI9prJ/f6LPOyv2Te1/a+mghxhfPl/ht6vzkldrUdmy/PkQVMRqZJBE20jZB
428
+                qx8FVqiyYYBu4V7bQuw32VPHeDnl0O0xR2dokbCn4rt++BK7rErH/0kf+5Xu9JAH
429
+                0UdaOTreIF6ais/8/b2NeCJQd2a3qYAxCPPdsdLYzI6+13Oqz+EVxiZCQaGUCpaC
430
+                fIGW+Pogs8Fe/Hd0wtGrLPKde9CsmabNwzsQuQENBFv1hZ4BCADynKXxVJ54OFS2
431
+                iNAwAHgj7JYpdn3TdZzDOfCkqsUJzyisUat1SWI5lV44dPWXymfJUVW91Zft32k6
432
+                j5FVVVMGOBxvMDyr8urYGEx2wD9KGz8A7Ejzg0DFi/AbjTHeOWaPflRVna4obA9J
433
+                rm8bsjdmzq7KCb4S428+jFOy8FcyEw1vLhhK3yO9A1g9B6eBEDfOn8uALekBZAU5
434
+                4s64XVKxmMy8Ms3m/MwFmQ2wyD9IhpXwW+rhO9oG7qqmFEN9yskyCAV+1PE8Vcpx
435
+                6n4hLQXqC8Mo8N/pdMxysGtDzlGWFr8SI/ogH48k6AglnXN67fd58eVxStehNY3N
436
+                xiwWrAPFABEBAAGJATwEGAEIACYWIQTZV160t5f7pgLgMjk+omCk8O4bzAUCW/WF
437
+                ngIbDAUJA8JnAAAKCRA+omCk8O4bzOhMB/4jicNaOhteRGN5wk76rKHndwDQ1jrM
438
+                cRkGL670OnN/SK4if7X1GFBeKDeAZiItxmZZ9VxCuX90M8CRS0dG2x8GaLJcy0cQ
439
+                Ub/9ic+FNJOQYFTqIhXWcqnJ1DrOnliR4NZwnkv/CQ4XffzIBJjgmdakdwVA4SwU
440
+                XSM+2R+IzkjDCGgvcmWQP92rOgfy2YTtZnyY3rYD0PjGKcBRjTtDPXtfGWg7cnZk
441
+                2PTEPV50rCXTw8RYRWHudJ0ubR0zrfn6C5IVqwtoiRSeO2BRcOd6o3PK95ejpiHx
442
+                PS+/h4OsXkQ0g6Gov8F4xvWPVqVlqYRzAgehdmKCeoGkjL4iAM4j9aAW
443
+                =rtOt
444
+                -----END PGP PUBLIC KEY BLOCK-----
445
+              </textarea>
446
+            </div>
447
+          </div>
448
+        </div>
449
+      </div>
450
+      <footer class="footer">
451
+        <div class="container">
452
+          <span class="text-muted icon-footer">
453
+            <a href="&#x78;&#x6d;&#x70;&#x70;&#x3a;&#x67;&#x6f;&#x74;&#x65;&#x78;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;" title="Adresse XMPP: &#x67;&#x6f;&#x74;&#x65;&#x78;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;"><i class="fa fa-xmpp fa-2x"></i></a>
454
+            <a href="&#x6d;&#x61;&#x69;&#x6c;&#x74;&#x6f;&#x3a;&#x68;&#x75;&#x67;&#x6f;&#x2e;&#x6c;&#x65;&#x72;&#x6f;&#x75;&#x78;&#x40;&#x61;&#x6c;&#x74;&#x65;&#x72;&#x6e;&#x61;&#x6e;&#x65;&#x74;&#x2e;&#x66;&#x72;"><i class="fa fa-envelope fa-2x"></i></a>
455
+            <a href="#" data-toggle="modal" data-target="#GPGPublicKeyModal" title="Clé publique GPG"><i class="fa fa-gnupg fa-2x"></i></a>
456
+            <a href="https://git.alternanet.fr/gotexx" title="Profil Gitea"><i class="fa fa-git fa-2x"></i></a>
457
+            <a href="https://mstdn.alternanet.fr/@gotexx" title="Profil Mastodon"><i class="fa fa-mastodon fa-2x"></i></a>
458
+          </span>
459
+        </div>
460
+      </footer>
461
+    </body>
462
+    </html>

+ 7
- 0
js/bootstrap.min.js
File diff suppressed because it is too large
View File


+ 1
- 0
js/bootstrap.min.js.map
File diff suppressed because it is too large
View File


+ 2
- 0
js/jquery.slim.js
File diff suppressed because it is too large
View File


+ 5
- 0
js/popper.min.js
File diff suppressed because it is too large
View File


Loading…
Cancel
Save