adding project logos and images

httpdocs/images.html

@@ -13,10 +13,10 @@
 			  <li><a href="cursus.html">Cursus</a></li>
 			  <li><a href="planning.html">Planning</a></li>
 			  <li class="dropdown">
-				<a href="#">Gallerie</a>
+				<a href="#">Techniques</a>
 				<ul class="dropdown-content">
-				  <li><a href="images.html">Images</a></li>
+				  <li><a href="images.html">Projets</a></li>
-				  <li><a href="videos.html">Vidéos</a></li>
+				  <li><a href="videos.html">Compétences</a></li>
 				</ul>
 			  </li>
 			  <li><a href="form.html">Contact</a></li>
@@ -85,18 +85,18 @@
     <h3 class="title_gallery">Projets Scolaires</h3>
     <div class="gallery">
       <article class="article-wrapper">
-        <div class="rounded-lg container-project">
+        <div class="rounded-lg container-project" style="background-image: url('img/project/scolaire/mastermind_menu.png'); background-size: cover; background-position: center;">
           </div>
           <div class="project-info">
             <div class="flex-pr">
-              <div class="project-title text-nowrap">analytics</div>
+              <div class="project-title text-nowrap">MasterMind</div>
                 <div class="project-hover">
                   <svg style="color: black;" xmlns="http://www.w3.org/2000/svg" width="2em" height="2em" color="black" stroke-linejoin="round" stroke-linecap="round" viewBox="0 0 24 24" stroke-width="2" fill="none" stroke="currentColor"><line y2="12" x2="19" y1="12" x1="5"></line><polyline points="12 5 19 12 12 19"></polyline></svg>
                   </div>
                 </div>
                 <div class="types">
-                  <span style="background-color: rgba(165, 96, 247, 0.43); color: rgb(85, 27, 177);" class="project-type">• Analytics</span>
+                  <span style="background-color: rgba(165, 96, 247, 0.43); color: rgb(85, 27, 177);" class="project-type">• Maui</span>
-                   <span class="project-type">• Dashboards</span>
+                   <span class="project-type">• .Net</span>
               </div>
           </div>
       </article>

httpdocs/index.html

@@ -12,10 +12,10 @@
 			  <li><a href="cursus.html">Cursus</a></li>
 			  <li><a href="planning.html">Planning</a></li>
 			  <li class="dropdown">
-				<a href="#">Gallerie</a>
+				<a href="#">technique</a>
 				<ul class="dropdown-content">
-				  <li><a href="images.html">Images</a></li>
+				  <li><a href="images.html">Projets</a></li>
-				  <li><a href="videos.html">Vidéos</a></li>
+				  <li><a href="videos.html">Compétences</a></li>
 				</ul>
 			  </li>
 			  <li><a href="form.html">Contact</a></li>

httpdocs/project.js

@@ -5,12 +5,12 @@ document.addEventListener("DOMContentLoaded", function () {
 
     // Simulated "database" of projects
     const projects = {
-        "analytics": {
+        "mastermind": {
-            title: "Projet Analytics",
+            title: "Projet MasterMind",
-            subtitle: "Un projet basé sur l'analyse de données.",
+            subtitle: "Un projet de création du jeux MasterMind.",
-            description: "Ce projet se concentre sur l'analyse de données et les tableaux de bord interactifs.",
+            description: "Le but de ce projet était de réaliser par groupe de 4 personnes sur une durée de 3 mois un jeu de MasterMind en .net Maui.",
-            images: ["img/project/scolaire/mastermind_menu.png", "img/project/analytics2.jpg"],
+            images: ["img/project/scolaire/mastermind_menu.png", "img/project/scolaire/mastermind_game.png", "img/project/scolaire/mastermind_login.png"],
-            technologies: ["html", "css", "js"]
+            technologies: ["csharp", "xaml", "json"]
         },
         "dashboards": {
             title: "Projet Dashboards",
@@ -44,7 +44,6 @@ document.addEventListener("DOMContentLoaded", function () {
         galleryContainer.appendChild(img);
     });
 
-    // Update technologies
     // Update technologies
     const techContainer = document.getElementById("project-tech-icons");
     project.technologies.forEach(tech => {

httpdocs/style.css

@@ -1021,11 +1021,12 @@ body.fade-out {
 }
 
 .tech-box img {
-  width: 30px;
+  width: 35px; 
-  height: 30px;
+  height: 35px;
-  border-radius: 50%;
+  object-fit: contain;
-  background: rgba(255, 255, 255, 0.2);
+  background: transparent;
-  padding: 5px;
+  border-radius: 5px;
+  padding: 2px;
 }
   
 .tech-box:hover {
@@ -1041,6 +1042,11 @@ body.fade-out {
 .nodejs-box { background: #83CD29; border-color: #639b1e; }
 .python-box { background: #3776AB; border-color: #255680; }
 .sql-box { background: #4479A1; border-color: #325d78; }
+.php-box { background: #777BB3; border-color: #5a5f9e; }
+.java-box { background: #ED8B00; border-color: #b35d00; }
+.csharp-box { background: #00599C; border-color: #003d6a; }
+.xaml-box { background: #FFC107; color: #333; border-color: #c2b000; }
+.json-box { background: #E34F26; border-color: #b3391d; }
 
 /* Animations */
 @keyframes fadeIn {

httpdocs/toggle.js

@@ -1,4 +1,4 @@
-const devMode = true; // Change to false to return to the normal site
+const devMode = false; // Change to false to return to the normal site
 
 if (devMode && !window.location.pathname.endsWith('under_dev.html')) {
     window.location.replace('under_dev.html');