Merge pull request #1 from groupe1cir1n/Felix

Felix project file

projets.html

@@ -4,6 +4,8 @@
    <meta charset="utf-8">
    <title> Projets </title>
    <script src="https://kit.fontawesome.com/5b8b37978c.js" crossorigin="anonymous"></script>
+   <script type="module" src="src/js/projets/projets.js" defer></script>
+   <script src="src/js/projets/returnToTop.js"  defer></script>
    <link rel="stylesheet" href="src/css/appear.css">
    <link rel="stylesheet" href="src/css/style_projets.css">
    <link rel="stylesheet" href="src/css/navbar.css">
@@ -49,21 +51,21 @@
       <div class="projet">
           <h2>CASTEL : accompagnement dans la transformation digitale</h2>
           <div class="imgpprojet">
-            <img src="src/img/Projets/castel.jpg" alt="projet Castel">
+            <img class="imageArticle" src="src/img/Projets/castel/img1.jpg" alt="projet Castel">
             <p><strong>Description :</strong> Contrat industriel en partenariat avec l’entreprise Castel29. L’objectif de ce travail est d’accompagner l’entreprise dans sa transformation digitale. Le but est de numériser l’environnement de l’entreprise pour améliorer la sécurité de ses employés mais aussi de numériser la chaîne de fabrication. Actuellement, nous travaillons avec l’entreprise sur les possibilités de mise en place de solutions de maintenance prédictive.<br><br> <strong>Mot-clés :</strong> Usine du futur, IoT, Capteurs, Déploiement<br> <strong>Partenaires :</strong> Castel29 <br> <strong>Rôle de l'équipe dans le projet :</strong> Montage, coordination, dimensionnement, réalisation.</p>
           </div>
       </div>
       <div class="projet">
         <h2>VISEMAR : amélioration des performances des drones autonomes sous-marins par vision</h2>
         <div class="imgpprojet">
-          <img src="src/img/Projets/visemar.jpg" alt="projet visemar">
+          <img class="imageArticle" src="src/img/Projets/visemar/img1.jpg" alt="projet visemar">
           <p><strong>Description :</strong> Dans le cadre du programme régional Systèmes Autonomes en Milieu Maritime (SAMM), nous collaborons avec Thales comme partenaire industriel et le Lab-STICC via le projet intitulé : « Système de VISion Embarqué pour l’amélioration de l’autonomie des drones sous-marins » (VISEMAR). Le projet VISEMAR s’intéresse à l’amélioration des performancesde fonctionnement des drones autonomes sous-marins et donc leur autonomie en embarquant un système de vision doté de fonctions d’apprentissage, d’analyse de scène, de prise de décision et de communications.<br><br> <strong>Mot-clés :</strong> Réseaux de neurones, Intelligence embarquée, FPGA, Sous-marin<br> <strong>Partenaires :</strong> Région Bretagne, Thales, Lab-STICC <br> <strong>Rôle de l'équipe dans le projet :</strong> Montage, coordination, dimensionnement, réalisation.</p>
         </div>
       </div>
       <div class="projet">
         <h2>SEAS : Système d'Étude Autonome et de Surveillance de la faune patrimoniale en milieu protégé</h2>
         <div class="imgpprojet">
-          <img src="src/img/Projets/seas.jpg" alt="projet seas">
+          <img class="imageArticle" src="src/img/Projets/seas/img1.jpg" alt="projet seas">
           <p><strong>Description :</strong> Conception et développement d’un système d’étude de traitement des phoques dans l’île de Morgol.<br><br> <strong>Mot-clés :</strong> Deep Learning, Traitement de vidéos<br> <strong>Partenaires :</strong> AFB, Océanopolis <br> <strong>Rôle de l'équipe dans le projet :</strong> dimensionnement, réalisation.</p>
         </div>
       </div>
@@ -71,7 +73,7 @@
       <div class="projet">
         <h2>HPeC : architectures électroniques reconfigurables dynamiquement (2019)</h2>
         <div class="imgpprojet">
-          <img src="src/img/Projets/hpec.jpg" alt="projet hpec">
+          <img class="imageArticle" src="src/img/Projets/hpec/img1.jpg" alt="projet hpec">
           <p><strong>Description :</strong> projet ANR porté par Jean-Philippe Diguet du Lab-STICC. L’objectif du projet est de démontrer l’apport des architectures électroniques reconfigurables dynamiquement dans le contexte des drones aériens. Un des lots du projet concerne l’implantation sur FPGA de solution de détection, d’apprentissage et de suivi d’objet en temps-réel.<br><br> <strong>Mot-clés :</strong> FPGA<br> <strong>Partenaires :</strong> Lab-STICC, Inria, GIPSA-Lab, INPIXAL, Institut Pascal <br> <strong>Rôle de l'équipe dans le projet :</strong> Conseil.</p>
         </div>
       </div>

src/js/InfosEtContact/contacts/contactsFunc.js

@@ -0,0 +1,3 @@
+function InvalidForm(){
+
+}

src/js/projets/projets.js

@@ -0,0 +1,8 @@
+import * as projets from './projetsFunc.js';
+
+function main(){
+    projets.returnToTopButton();
+    projets.changeImageUnderMouse();
+}
+
+main();

src/js/projets/projetsFunc.js

@@ -0,0 +1,42 @@
+function returnToTopButton(){
+    var TopButton = document.createElement("button");
+    TopButton.setAttribute("id", "returnToTopButton");
+    TopButton.setAttribute("onclick", "returnToTop()");
+    TopButton.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M201.4 137.4c12.5-12.5 32.8-12.5 45.3 0l160 160c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L224 205.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l160-160z"/></svg>';
+    //Creation du CSS du bouton
+    TopButton.style.width = "25px";
+    TopButton.style.height = "25px";
+    TopButton.style.position = "fixed";
+    TopButton.style.bottom = "20px";
+    TopButton.style.right = "20px";
+    TopButton.style.borderRadius = "50%";
+    document.body.appendChild(TopButton);
+}
+
+
+function changeImage(image){
+    //Verifie si le nom de l'image est img1 ou img2, sachant que chaque image est dans un dossier contenant le nom du projet
+    if(image.src.includes("img1")){
+        //console.log("img1 to img2");
+        image.src = image.src.replace("img1", "img2");
+    }
+    else if(image.src.includes("img2")){
+        //console.log("img2 to img1");
+        image.src = image.src.replace("img2", "img1");
+    }
+    //console.log("Ni img1 ni img2");
+}
+
+
+function changeImageUnderMouse(){
+    document.addEventListener('click', function(event){
+        var elementClicked = event.target;
+        //console.log(elementClicked);
+        //Verifie si l'element cliqué est une image
+        if(elementClicked.tagName == "IMG"){
+            changeImage(elementClicked);
+        }
+    });
+}
+
+export {returnToTopButton, changeImageUnderMouse};

src/js/projets/returnToTop.js

@@ -0,0 +1,4 @@
+function returnToTop(){
+    document.body.scrollTop = 0;
+    document.documentElement.scrollTop = 0;
+}

src/js/script.js

@@ -1 +1,3 @@
+
+
 console.log("Yo")