Browse Source

:beetle: Remove php references in HTML

DricomDragon 1 year ago
parent
commit
6a684ff5ba
3 changed files with 274 additions and 332 deletions
  1. 264 295
      src/cv/content.src.html
  2. 9 36
      src/projets/content.src.html
  3. 1 1
      src/projets/static_site/content.src.html

+ 264 - 295
src/cv/content.src.html

@@ -1,347 +1,316 @@
-<!DOCTYPE html>
-<html lang="fr">
-
-<?php
-    $title = "CV";
-    include("include/head.php");
-?>
-
-<body>
-    <!-- Navbar -->
-    <?php
-        include("include/navbar.php")
-    ?>
-
-    <!-- Content -->
-    <main role="main" class="container">
-        <div class="focus-center">
-            <h1>
-                CV
-            </h1>
-            <img src="/include/icon/icons8-96-parse-from-clipboard.png" alt="cv flat icon">
-            <h2>
-                Ingénieur développement logiciel
-            </h2>
-            <div class="row">
-                <div class="col-lg-12 col-xl-6 lead">Diplômé de l'École Centrale de Nantes</div>
-                <div class="col-lg-12 col-xl-6 lead">Ingénieur logiciel chez Klee</div>
-                <div class="col-lg-12 col-xl-6">
-                    <img src="include/images/logoCN.png" class="mx-auto img-fluid m-3" alt="Logo Centrale Nantes">
-                </div>
-                <div class="col-lg-12 col-xl-6">
-                    <img src="include/images/logoKlee.png" class="mx-auto img-fluid m-3" alt="Logo Klee Group">
-                </div>
-            </div>
-            </br>
-            <a href="download/CV_Jovian_Hersemeule.pdf" type="button" class="btn btn-success btn-lg">
-                Télécharger
-                <img src="include/icon/pdf.svg" alt="PDF">
-            </a>
+<div class="focus-center">
+    <h1>
+        CV
+    </h1>
+    <img src="/include/icon/icons8-96-parse-from-clipboard.png" alt="cv flat icon">
+    <h2>
+        Ingénieur développement logiciel
+    </h2>
+    <div class="row">
+        <div class="col-lg-12 col-xl-6 lead">Diplômé de l'École Centrale de Nantes</div>
+        <div class="col-lg-12 col-xl-6 lead">Ingénieur logiciel chez Klee</div>
+        <div class="col-lg-12 col-xl-6">
+            <img src="include/images/logoCN.png" class="mx-auto img-fluid m-3" alt="Logo Centrale Nantes">
+        </div>
+        <div class="col-lg-12 col-xl-6">
+            <img src="include/images/logoKlee.png" class="mx-auto img-fluid m-3" alt="Logo Klee Group">
         </div>
-        <h3>
-            <img src="/include/icon/icons8-50-student-male.png" alt="v ">
-            Formation
-        </h3>
+    </div>
+    </br>
+    <a href="download/CV_Jovian_Hersemeule.pdf" type="button" class="btn btn-success btn-lg">
+        Télécharger
+        <img src="include/icon/pdf.svg" alt="PDF">
+    </a>
+</div>
+<h3>
+    <img src="/include/icon/icons8-50-student-male.png" alt="v ">
+    Formation
+</h3>
+<div class="row">
+
+    <!-- Centrale -->
+    <div class="col-3">
+        2017 - 2020
+    </div>
+    <div class="col-9">
+        <b>École Centrale</b> – <span class="city">Nantes</span>
+        <br/>
+        Diplôme d'ingénieur
+        <br/>
+        Filière généraliste par alternance
+        <br/>
+        Option informatique spécialité génie informatique
+    </div>
+
+    <!-- Chateaubriand -->
+    <div class="col-3">
+        2015 - 2017
+    </div>
+    <div class="col-9">
+        <b>Lycée Chateaubriand</b> – <span class="city">Rennes</span>
+        <br/>
+        Classe Préparatoire aux Grandes Écoles
+        <br/>
+        Filière MPI (Maths, Physique, Informatique)
+        <br/>
+        Option informatique théorique
+    </div>
+
+    <!-- Réaumur -->
+    <div class="col-3">
+        2013 - 2015
+    </div>
+    <div class="col-9">
+        <b>Lycée Réaumur</b> – <span class="city">Laval</span>
+        <br/>
+        Bac général
+        <br/>
+        Filière SSI (Scientifique spécialité Sciences de l'Ingénieur)
+    </div>
+</div>
+<h3>
+    <img src="/include/icon/icons8-48-compass.png" alt="v ">
+    Expériences
+</h3>
+<div class="row">
+    <div class="col-lg-12 col-xl-6">
+        <h4>Professionnelles</h4>
+
+        <!-- Klee -->
         <div class="row">
-
-            <!-- Centrale -->
             <div class="col-3">
-                2017 - 2020
+                juillet 2021 - auj
             </div>
             <div class="col-9">
-                <b>École Centrale</b> – <span class="city">Nantes</span>
+                <b>Klee Group</b> – <span class="city">Robinson</span>
                 <br/>
-                Diplôme d'ingénieur
+                Ingénieur d'études et développement
+            </div>
+        </div>
+
+        <!-- Qarnot -->
+        <div class="row">
+            <div class="col-3">
+                fév - mai 2021
+            </div>
+            <div class="col-9">
+                <b>Qarnot Computing</b> – <span class="city">Montrouge</span>
                 <br/>
-                Filière généraliste par alternance
+                Développeur logiciel infrastructure distribuée
                 <br/>
-                Option informatique spécialité génie informatique
+                Développement en Dotnet Core sur la plateforme de calcul haute performance décentralisée sur des radiateurs-ordinateurs
             </div>
+        </div>
 
-            <!-- Chateaubriand -->
+        <!-- Viaccess France -->
+        <div class="row">
             <div class="col-3">
-                2015 - 2017
+                2017 - 2020
             </div>
             <div class="col-9">
-                <b>Lycée Chateaubriand</b> – <span class="city">Rennes</span>
+                <b>Viaccess Orca</b> – <span class="city">Cesson Sévigné</span>
                 <br/>
-                Classe Préparatoire aux Grandes Écoles
+                Développeur dans l'équipe outil
                 <br/>
-                Filière MPI (Maths, Physique, Informatique)
+                Apprentissage en alternance
                 <br/>
-                Option informatique théorique
+                Développement d'une application web de suivi de processus
             </div>
+        </div>
 
-            <!-- Réaumur -->
+        <!-- Viaccess Finland -->
+        <div class="row">
             <div class="col-3">
-                2013 - 2015
+                mai - août 2019
             </div>
             <div class="col-9">
-                <b>Lycée Réaumur</b> – <span class="city">Laval</span>
+                <b>Viaccess Orca Finland</b> – <span class="city">Tampere</span> – <em>Finlande</em>
                 <br/>
-                Bac général
+                Développeur dans l'équipe Android
                 <br/>
-                Filière SSI (Scientifique spécialité Sciences de l'Ingénieur)
+                Développement d'application mobile
+                <br/>
+                Réinstallation et modernisation d'un serveur d'intégration continue
             </div>
         </div>
-        <h3>
-            <img src="/include/icon/icons8-48-compass.png" alt="v ">
-            Expériences
-        </h3>
-        <div class="row">
-            <div class="col-lg-12 col-xl-6">
-                <h4>Professionnelles</h4>
-
-                <!-- Klee -->
-                <div class="row">
-                    <div class="col-3">
-                        juillet 2021 - auj
-                    </div>
-                    <div class="col-9">
-                        <b>Klee Group</b> – <span class="city">Robinson</span>
-                        <br/>
-                        Ingénieur d'études et développement
-                    </div>
-                </div>
-
-                <!-- Qarnot -->
-                <div class="row">
-                    <div class="col-3">
-                        fév - mai 2021
-                    </div>
-                    <div class="col-9">
-                        <b>Qarnot Computing</b> – <span class="city">Montrouge</span>
-                        <br/>
-                        Développeur logiciel infrastructure distribuée
-                        <br/>
-                        Développement en Dotnet Core sur la plateforme de calcul haute performance décentralisée sur des radiateurs-ordinateurs
-                    </div>
-                </div>
-
-                <!-- Viaccess France -->
-                <div class="row">
-                    <div class="col-3">
-                        2017 - 2020
-                    </div>
-                    <div class="col-9">
-                        <b>Viaccess Orca</b> – <span class="city">Cesson Sévigné</span>
-                        <br/>
-                        Développeur dans l'équipe outil
-                        <br/>
-                        Apprentissage en alternance
-                        <br/>
-                        Développement d'une application web de suivi de processus
-                    </div>
-                </div>
-
-                <!-- Viaccess Finland -->
-                <div class="row">
-                    <div class="col-3">
-                        mai - août 2019
-                    </div>
-                    <div class="col-9">
-                        <b>Viaccess Orca Finland</b> – <span class="city">Tampere</span> – <em>Finlande</em>
-                        <br/>
-                        Développeur dans l'équipe Android
-                        <br/>
-                        Développement d'application mobile
-                        <br/>
-                        Réinstallation et modernisation d'un serveur d'intégration continue
-                    </div>
-                </div>
 
-            </div>
-
-            <div class="col-lg-12 col-xl-6">
-
-                <h4>Scolaires</h4>
-
-                <!-- Projet de Centrale -->
-                <div class="row">
-                    <div class="col-3">
-                        2019 - 2020
-                    </div>
-                    <div class="col-9">
-                        <b>Conception d'un jeu-vidéo</b>
-                        <br/>
-                        Projet professionnalisant
-                        <br/>
-                        Développement du jeu et administration des outils de projet
-                        <br/>
-                        En équipe avec une graphiste et un responsable de projet
-                    </div>
-                </div>
-
-                <!-- TIPE -->
-                <div class="row">
-                    <div class="col-3">
-                        2016 - 2017
-                    </div>
-                    <div class="col-9">
-                        <b>Conception d'IA</b>
-                        <br/>
-                        Projet de concours
-                        <br/>
-                        Développement d'Intelligences Artificielles (IA) sur le jeu de stratégie Quoridor
-                    </div>
-                </div>
+    </div>
 
-            </div>
-        </div>
+    <div class="col-lg-12 col-xl-6">
 
-        <h3>
-            <img src="/include/icon/icons8-48-development-skill.png" alt="v ">
-            Compétences
-        </h3>
+        <h4>Scolaires</h4>
 
+        <!-- Projet de Centrale -->
         <div class="row">
-            <div class="col-lg-12 col-xl-4">
-                <h4>Langues</h4>
-
-                <div class="row">
-                    <b class="col-4">
-                        Français
-                    </b>
-                    <div class="col-8">
-                        Langue maternelle
-                    </div>
-
-                    <b class="col-4">
-                        Anglais
-                    </b>
-                    <div class="col-8">
-                        Courant
-                        <br/>
-                        score <strong>920</strong> au TOEIC
-                    </div>
-
-                    <b class="col-4">
-                        Allemand
-                    </b>
-                    <div class="col-8">
-                        Intermédiaire
-                        <br/>
-                        équivalent A2
-                    </div>
-
-                    <br/>
-                </div>
+            <div class="col-3">
+                2019 - 2020
             </div>
-
-            <div class="col-lg-12 col-xl-8">
-
-                <h4>Informatique</h4>
-
-                <div class="row">
-                    <b class="col-4">
-                        Langages
-                    </b>
-                    <div class="col-8">
-                        C# Dotnet C++ Python Java Groovy Kotlin
-                    </div>
-
-                    <b class="col-4">
-                        GNU/Linux
-                    </b>
-                    <div class="col-8">
-                        SSH Shell Ubuntu APT Systemd Docker QEMU/KVM
-                    </div>
-
-                    <b class="col-4">
-                        Outils
-                    </b>
-                    <div class="col-8">
-                        Git Vim Buildbot VSCode GitLab Jira
-                    </div>
-
-                    <b class="col-4">
-                        Données
-                    </b>
-                    <div class="col-8">
-                        SQL PostgreSQL Modélisation
-                    </div>
-
-                    <b class="col-4">
-                        Web
-                    </b>
-                    <div class="col-8">
-                        Bootstrap Angular HTML
-                    </div>
-
-                    <b class="col-4">
-                        Méthodes
-                    </b>
-                    <div class="col-8">
-                        UML Kanban Scrum
-                    </div>
-
-                    <b class="col-4">
-                        Administration de systèmes
-                    </b>
-                    <div class="col-8">
-                        Conteneurisation Sécurité Réseau
-                    </div>
-                </div>
+            <div class="col-9">
+                <b>Conception d'un jeu-vidéo</b>
+                <br/>
+                Projet professionnalisant
+                <br/>
+                Développement du jeu et administration des outils de projet
+                <br/>
+                En équipe avec une graphiste et un responsable de projet
             </div>
         </div>
-        <h3>
-            <img src="/include/icon/icons8-48-treble-clef.png" alt="v ">
-            Intérêts
-        </h3>
 
+        <!-- TIPE -->
         <div class="row">
-            <div class="col-md-12 col-lg-6 col-xl-4">
-
-                <h4>Engagement associatif</h4>
-                Bénévole à Ingénieurs Sans Frontières
+            <div class="col-3">
+                2016 - 2017
+            </div>
+            <div class="col-9">
+                <b>Conception d'IA</b>
                 <br/>
-                - groupe local de Nantes (3 ans)
+                Projet de concours
                 <br/>
-                - équipe systèmes d'information de la coordination nationale (depuis mai 2020)
+                Développement d'Intelligences Artificielles (IA) sur le jeu de stratégie Quoridor
             </div>
+        </div>
 
-            <div class="col-md-12 col-lg-6 col-xl-4">
+    </div>
+</div>
 
-                <h4>Voyages</h4>
-                Stage international : <em>Finlande</em>
-                <br/>
-                Touristiques : <em>Maroc, Angleterre, Italie, Espagne</em>
+<h3>
+    <img src="/include/icon/icons8-48-development-skill.png" alt="v ">
+    Compétences
+</h3>
+
+<div class="row">
+    <div class="col-lg-12 col-xl-4">
+        <h4>Langues</h4>
+
+        <div class="row">
+            <b class="col-4">
+                Français
+            </b>
+            <div class="col-8">
+                Langue maternelle
+            </div>
+
+            <b class="col-4">
+                Anglais
+            </b>
+            <div class="col-8">
+                Courant
                 <br/>
-                Hébergé chez l'habitant : <em>Pays de Galles</em>
+                score <strong>920</strong> au TOEIC
+            </div>
+
+            <b class="col-4">
+                Allemand
+            </b>
+            <div class="col-8">
+                Intermédiaire
                 <br/>
-                Échanges et jumelage : <em>Allemagne</em>
+                équivalent A2
             </div>
 
-            <div class="col-md-12 col-lg-6 col-xl-2">
+            <br/>
+        </div>
+    </div>
+
+    <div class="col-lg-12 col-xl-8">
 
-                <h4>Sport</h4>
-                Vélo
-                <br/>
-                Course à pieds
-                <br/>
-                Badmindton
+        <h4>Informatique</h4>
+
+        <div class="row">
+            <b class="col-4">
+                Langages
+            </b>
+            <div class="col-8">
+                C# Dotnet C++ Python Java Groovy Kotlin
             </div>
 
-            <div class="col-md-12 col-lg-6 col-xl-2">
+            <b class="col-4">
+                GNU/Linux
+            </b>
+            <div class="col-8">
+                SSH Shell Ubuntu APT Systemd Docker QEMU/KVM
+            </div>
 
-                <h4>Musique</h4>
-                Clarinettiste en orchestre d'harmonie
-                <br/>
-                Débutant en guitare
+            <b class="col-4">
+                Outils
+            </b>
+            <div class="col-8">
+                Git Vim Buildbot VSCode GitLab Jira
             </div>
-        </div>
 
-    </main>
+            <b class="col-4">
+                Données
+            </b>
+            <div class="col-8">
+                SQL PostgreSQL Modélisation
+            </div>
 
-    <!-- Footer -->
-    <?php
-        include("include/footer.php")
-    ?>
+            <b class="col-4">
+                Web
+            </b>
+            <div class="col-8">
+                Bootstrap Angular HTML
+            </div>
 
-    <!-- Scripts -->
-    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
-            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
-            crossorigin="anonymous"></script>
-    <script src="include/js/bootstrap.js"></script>
-</body>
-</html>
+            <b class="col-4">
+                Méthodes
+            </b>
+            <div class="col-8">
+                UML Kanban Scrum
+            </div>
+
+            <b class="col-4">
+                Administration de systèmes
+            </b>
+            <div class="col-8">
+                Conteneurisation Sécurité Réseau
+            </div>
+        </div>
+    </div>
+</div>
+<h3>
+    <img src="/include/icon/icons8-48-treble-clef.png" alt="v ">
+    Intérêts
+</h3>
+
+<div class="row">
+    <div class="col-md-12 col-lg-6 col-xl-4">
+
+        <h4>Engagement associatif</h4>
+        Bénévole à Ingénieurs Sans Frontières
+        <br/>
+        - groupe local de Nantes (3 ans)
+        <br/>
+        - équipe systèmes d'information de la coordination nationale (depuis mai 2020)
+    </div>
+
+    <div class="col-md-12 col-lg-6 col-xl-4">
+
+        <h4>Voyages</h4>
+        Stage international : <em>Finlande</em>
+        <br/>
+        Touristiques : <em>Maroc, Angleterre, Italie, Espagne</em>
+        <br/>
+        Hébergé chez l'habitant : <em>Pays de Galles</em>
+        <br/>
+        Échanges et jumelage : <em>Allemagne</em>
+    </div>
+
+    <div class="col-md-12 col-lg-6 col-xl-2">
+
+        <h4>Sport</h4>
+        Vélo
+        <br/>
+        Course à pieds
+        <br/>
+        Badmindton
+    </div>
+
+    <div class="col-md-12 col-lg-6 col-xl-2">
+
+        <h4>Musique</h4>
+        Clarinettiste en orchestre d'harmonie
+        <br/>
+        Débutant en guitare
+    </div>
+</div>

+ 9 - 36
src/projets/content.src.html

@@ -37,12 +37,8 @@ Vous pouvez retrouver l'intégralité de mes projets et leur code source <a href
 </p>
 
 <!-- Catégorie : En cours -->
-<?php
-    $category_img_src = "/include/icon/icons8-50-rocket.png";
-    $category_img_alt = "Rocket flat icon";
-?>
 <h3>
-    <img src="<?php echo $category_img_src; ?>" alt="<?php echo $category_img_alt; ?>">
+    <img src="/include/icon/icons8-50-rocket.png" alt="Rocket flat icon">
     En cours
 </h3>
 <p>
@@ -50,23 +46,16 @@ Vous pouvez retrouver l'intégralité de mes projets et leur code source <a href
 </p>
 
 <div class="card-columns">
-    <?php
         $pro_title = "Jovian Website";
         $pro_text = "Mon site Internet : celui sur lequel vous naviguez actuellement.";
         $pro_img_src = "/include/icon/icons8-400-city.png";
         $pro_img_alt = "Jovian site icon";
-        $pro_page = "projets/pro_static_site.php";
-        include("include/project-card.php");
-    ?>
+        $pro_page = "projets/static_site/content.html";
 </div>
 
 <!-- Catégorie : Présentables -->
-<?php
-    $category_img_src = "/include/icon/icons8-50-space-shuttle.png";
-    $category_img_alt = "Space shuttle flat icon";
-?>
 <h3>
-    <img src="<?php echo $category_img_src; ?>" alt="<?php echo $category_img_alt; ?>">
+    <img src="/include/icon/icons8-50-space-shuttle.png" alt="Space shuttle flat icon">
     Présentables
 </h3>
 <p>
@@ -75,31 +64,22 @@ Vous pouvez retrouver l'intégralité de mes projets et leur code source <a href
 </p>
 
 <div class="card-columns">
-    <?php
         $pro_title = "ASCII Space Destroyer";
         $pro_text = "Un jeu de vaisseau spatial dessiné avec des caractères ASCII, où le joueur peut créer son propre vaisseau.";
         $pro_img_src = "include/images/project_icon_ASCII.png";
         $pro_img_alt = "ASCII Space Destroyer image";
-        $pro_page = "projets/pro_ascii_space.php";
-        include("include/project-card.php");
-    ?>
-    <?php
+        $pro_page = "projets/ascii_space/content.html";
+
         $pro_title = "Quoridor";
         $pro_text = "Un jeu de plateau retranscrit sur ordinateur, où le joueur peut affronter un ami ou une intelligence articielle.";
         $pro_img_src = "include/images/quoridor_400x400.png";
         $pro_img_alt = "Quoridor image";
-        $pro_page = "projets/pro_quoridor.php";
-        include("include/project-card.php");
-    ?>
+        $pro_page = "projets/quoridor/content.html";
 </div>
 
 <!-- Catégorie : projets à venir -->
-<?php
-    $category_img_src = "/include/icon/icons8-50-blueprint.png";
-    $category_img_alt = "Blueprint flat icon";
-?>
 <h3>
-    <img src="<?php echo $category_img_src; ?>" alt="<?php echo $category_img_alt; ?>">
+    <img src="/include/icon/icons8-50-blueprint.png" alt="Blueprint flat icon">
     À venir
 </h3>
 <p>
@@ -107,23 +87,16 @@ Vous pouvez retrouver l'intégralité de mes projets et leur code source <a href
 </p>
 
 <div class="card-columns">
-    <?php
         $pro_title = "Pulsar";
         $pro_text = "Un jeu de vaisseaux spatiaux, où chaque équipe tente de prendre l'ascendant dans un système solaire.";
         $pro_img_src = "/include/icon/icons8-400-code.png";
         $pro_img_alt = "Pulsar image";
-        $pro_page = "projets/pro_pulsar.php";
-        include("include/project-card.php");
-    ?>
+        $pro_page = "projets/pulsar/content.html";
 </div>
 
 <!-- Catégorie : Projets terminés -->
-<?php
-    $category_img_src = "/include/icon/icons8-48-uranus-planet.png";
-    $category_img_alt = "Planet flat icon";
-?>
 <h3>
-    <img src="<?php echo $category_img_src; ?>" alt="<?php echo $category_img_alt; ?>">
+    <img src="/include/icon/icons8-48-uranus-planet.png>" alt="Planet flat icon">
     Terminés
 </h3>
 <p>

+ 1 - 1
src/projets/static_site/content.src.html

@@ -182,7 +182,7 @@
     d'améliorer le contenu proposé sur ce site et pour soutenir les développeurs d'Icons8.
 </p>
 <p>
-    Voici la <a href="/public/credit.php">liste des icônes utilisées sur ce site</a>.
+    Voici la <a href="/public/credit/content.html">liste des icônes utilisées sur ce site</a>.
 </p>
 
 <h3>