Deployment

css/forms.css

@@ -494,10 +494,10 @@ textarea {
   width: 15px;
   height: 15px;
   accent-color: #3b82f6;
-  appearance: none; /* Reset default styles */
+  /* appearance: none;  */
   border: 1px solid white; /* Ensures consistent size */
 
-  display: flex; /* Helps alignment */
+  display: flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;

forms.html

@@ -98,9 +98,9 @@ <h2 style="font-size: 17px; color: white">Personal informations</h2>
     </div>
     <div class="section-right">
       <div class="section-right-header">
-        <button class="section-right-header-buttons" id="hackaton-btn" >Hackathon</button>
-        <button class="section-right-header-buttons" id="Workshops-btn" disabled>Workshops</button>
-        <button class="section-right-header-buttons" id="Best-idea-btn" >Best idea</button>
+        <button class="section-right-header-buttons" id="hackaton-btn" disabled>Hackathon</button>
+        <button class="section-right-header-buttons" id="Workshops-btn" >Workshops</button>
+        <button class="section-right-header-buttons" id="Best-idea-btn" disabled>Best idea</button>
       </div>
 
       <!-- join solo section -->

index.html

@@ -333,17 +333,17 @@ <h1 class="ppnm">Our Sponsors & Partners</h1>
 		<div class="sponsors-grid">
 				<!-- Top row with large sponsors -->
 				<div class="sponsor-large sponsor">
-					<img src="images/R (13) 1.png" alt="Sponsor Logo" id="Huawei" style="width: 9rem;">
+					<img src="images/R (13) 1.png" alt="Sponsor Logo" id="Huawei" style="width: 9rem;" loading="lazy">
 				</div>
 				<div class="sponsor-large sponsor">
 					<!-- style="width: 9rem;" -->
-					<img src="images/Qareeb.png" alt="Algerie Telecom Logo" id="Qareeb" style="width: 13rem;">
+					<img src="images/Qareeb.png" alt="Algerie Telecom Logo" id="Qareeb" style="width: 13rem;" loading="lazy">
 				</div>
 				<div class="sponsor-large sponsor">
-					<img src="images/BW2-logoss.png" alt="Algerie Telecom Logo"id="bouchebout" style="width: 9rem;">
+					<img src="images/BW2-logoss.png" alt="Algerie Telecom Logo"id="bouchebout" style="width: 9rem;" loading="lazy">
 				</div>
 				<div class="sponsor-large sponsor">
-					<img src="images/BW2-logo (1).png" alt="Algerie Telecom Logo" style="width: 13rem;">
+					<img src="images/BW2-logo (1).png" alt="Algerie Telecom Logo" style="width: 13rem;" loading="lazy">
 				</div>
 				<!-- Bottom row with smaller sponsors -->
 

js/forms.js

@@ -171,8 +171,8 @@ document.addEventListener("DOMContentLoaded", () => {
   const buttons = document.querySelectorAll(".section-right-header button");
 
   if (buttons.length > 0) {
-    buttons[0].classList.remove("section-right-header-buttons");
-    buttons[0].classList.add("button-clicked");
+    buttons[1].classList.remove("section-right-header-buttons");
+    buttons[1].classList.add("button-clicked");
   }
 
   buttons.forEach((button) => {
@@ -328,10 +328,10 @@ var workShopName = "";
 const workshopsData = [
   {
     idForm: 0,
-    title: "Intro to JavaScript",
+    title: "Benchmarking LLMs in Cybersecurity",
     description:
-      "Learn the basics of JavaScript and how to build interactive web pages.",
-    date: "June 20, 2025 - 10:00 AM",
+      "In this hands-on workshop, participants will explore CyberMetric (https://github.com/cybermetric/CyberMetric), an open-source benchmarking suite for evaluating large language models (LLMs) in cybersecurity contexts.",
+    date: " 14 April | 01:00 - 3:00 PM",
 
     inputs: [
       { myId: "firstname", googleFormId: "entry.658690704", isRequired: true },
@@ -349,15 +349,15 @@ const workshopsData = [
         googleFormId: "entry.103198324",
         isRequired: true,
       },
-      { myId: "company", googleFormId: "entry.1724201722", isRequired: true },
+      // { myId: "company", googleFormId: "entry.1724201722", isRequired: true },
     ],
   },
   {
     idForm: 1,
-    title: "Intro to python",
+    title: "AI in Production",
     description:
-      "Learn the basics of JavaScript and how to build interactive web pages.",
-    date: "June 20, 2025 - 10:00 AM",
+      "This workshop dives into the key principles and best practices for deploying software applications, with a special focus on AI models. Participants will learn how to ensure stability in production environments, and building a scalable applicatios. ",
+    date: "14 April | 01:00 - 3:00 PM",
 
     inputs: [
       { myId: "firstname", googleFormId: "entry.658690704", isRequired: true },
@@ -375,7 +375,59 @@ const workshopsData = [
         googleFormId: "entry.103198324",
         isRequired: true,
       },
-      { myId: "company", googleFormId: "entry.1724201722", isRequired: true },
+      // { myId: "company", googleFormId: "entry.1724201722", isRequired: true },
+    ],
+  },
+  {
+    idForm: 2,
+    title: "NLP Applications",
+    description:
+      "(NLP) including chatbots, sentiment analysis, language translation, text summarization, and information extraction, transforming how machines understand and interact with human language.",
+    date: "15 April | 10:30 AM - 12:15 PM",
+
+    inputs: [
+      { myId: "firstname", googleFormId: "entry.658690704", isRequired: true },
+      { myId: "lastname", googleFormId: "entry.1443784", isRequired: true },
+      { myId: "email", googleFormId: "entry.249523467", isRequired: true },
+      { myId: "phone", googleFormId: "entry.228551235", isRequired: true },
+      { myId: "university", googleFormId: "entry.34071298", isRequired: true },
+      {
+        myId: "fieldofstudy",
+        googleFormId: "entry.820120420",
+        isRequired: true,
+      },
+      {
+        myId: "academiclevel",
+        googleFormId: "entry.103198324",
+        isRequired: true,
+      },
+      // { myId: "company", googleFormId: "entry.1724201722", isRequired: true },
+    ],
+  },
+  {
+    idForm: 3,
+    title: "Huawei ACT Academy",
+    description:
+      "Huawei ACT Academy offers advanced training in cutting-edge technologies, empowering students and professionals with hands-on experience, industry insights, and certifications to thrive in fields like AI, cloud computing, and networking.",
+    date: "15 April | 10:30 AM - 12:15 PM",
+
+    inputs: [
+      { myId: "firstname", googleFormId: "entry.658690704", isRequired: true },
+      { myId: "lastname", googleFormId: "entry.1443784", isRequired: true },
+      { myId: "email", googleFormId: "entry.249523467", isRequired: true },
+      { myId: "phone", googleFormId: "entry.228551235", isRequired: true },
+      { myId: "university", googleFormId: "entry.34071298", isRequired: true },
+      {
+        myId: "fieldofstudy",
+        googleFormId: "entry.820120420",
+        isRequired: true,
+      },
+      {
+        myId: "academiclevel",
+        googleFormId: "entry.103198324",
+        isRequired: true,
+      },
+      // { myId: "company", googleFormId: "entry.1724201722", isRequired: true },
     ],
   },
 ];
@@ -403,7 +455,7 @@ workshopsContainer.innerHTML = workshopsData.map(
   `
 );
 
-showSection("Hackathon-join-solo");
+showSection("Workshops-items");
 
 document.addEventListener("DOMContentLoaded", function () {
   document.getElementById("hackaton-btn").addEventListener("click", () => {

js/schedule.js

@@ -169,14 +169,14 @@ const speakersDatabase = {
         {
             name: "Huawie",
             time: "09:30 AM - 09:45 AM",
-            image: "images/Huawei.png",
+            image: "images/Huawei.webp",
         }
     ],
     "sponsor-qareeb": [
         {
             name: "Qareeb",
             time: "10:45 AM - 11:00 AM",
-            image: "images/Quareeb.png",
+            image: "images/Quareeb.webp",
         }
     ],
 
@@ -188,7 +188,7 @@ const speakersDatabase = {
             time: "10:00 AM - 10:45 AM",
             affiliation: "Kasdi Merbah University - Ouargla",
             bio: "Associate Professor in Computer Science at Kasdi Merbah University - Ouargla, Algeria. Ph.D. from Abdelhamid Mehri University of Constantine (2020). Research expertise in machine learning, deep learning, optimization, and metaheuristics. Published extensively in international conferences and peer-reviewed journals.",
-            image: "images/zitouni.png"
+            image: "images/zitouni.webp"
         }
     ],
     "conference-halimi": [
@@ -198,7 +198,7 @@ const speakersDatabase = {
             time: "09:00 AM - 09:45 AM",  
             affiliation: "University of Guelma, Algeria | LabSTIC Laboratory",
             bio: "Computing Lecturer at the Computer Science Department of Guelma University, Algeria and researcher at the LabSTIC laboratory. Holds a Ph.D. in Computer Science from Annaba University. Specialist in neural network architectures with extensive teaching experience.",
-            image: "images/Halimi.png"
+            image: "images/Halimi.webp"
         }
     ],
 
@@ -210,15 +210,15 @@ const speakersDatabase = {
             time: "01:00 PM - 3:00 PM",
             affiliation: "Researcher in Artificial Intelligence and Cybersecurity",  
             bio: "Leading expert in AI security and large language models. Developer of CyberMetric, the open-source framework for evaluating LLMs in cybersecurity. Published researcher with multiple papers on AI applications in cryptography, network security, and threat detection. Google Scholar verified author with works cited in top security conferences and journals.",
-            image: "images/Ferrag.png"
+            image: "images/Ferrag.webp"
         },
         {
             name: "Dr. Zeyd Farhet",
             title: "AI in Production: From Development to Deployment",
             time: "01:00 PM - 3:00 PM",
             affiliation: "AI/ML Engineer | Production AI Specialist",
             bio: "Experienced AI/ML engineer specializing in deploying machine learning models in production environments. Expert in MLOps practices, model optimization, and scalable AI solutions. Passionate about bridging the gap between research and real-world applications, with hands-on experience in implementing end-to-end AI systems across various industries.",
-            image: "images/zayd.png"
+            image: "images/zayd.webp"
         }
     ],
 
@@ -230,13 +230,13 @@ const speakersDatabase = {
             time: "10:30 AM - 12:15 PM",  
             affiliation: "University of Guelma, Algeria | Faculty of Mathematics, Computer Science and Materials Science",
             bio: "Professor of Computer Science specializing in 3D reconstruction, image processing, and pattern recognition. Extensive research experience with publications in international journals. Active contributor to e-learning technologies. Verified research profiles on Google Scholar, ResearchGate, and Scopus.",
-            image: "images/Kouahla.png"
+            image: "images/Kouahla.webp"
         },
         { 
             name: "Mr. Aimene imed Eddine Medani",
             title: "Huawei ACT Academy",
             time: "10:30 AM - 12:15 PM",
-            image: "images/Aymen_Huwaei.png"
+            image: "images/Aymen_Huwaei.webp"
         }
     ],
 
@@ -248,15 +248,15 @@ const speakersDatabase = {
             time: "10:30 AM - 11:00 AM",
             affiliation: "University Rector",
             bio: "Academic leader with strong focus on technology education. Oversees university's AI research initiatives.",
-            image: "images/pr-ahmed-boudiaf.jpg"
+            image: "images/pr-ahmed-boudiaf.webp"
         },
         {
             name: "Ms. Leila Amrouche",
             title: "Awards Ceremony",
             time: "11:00 AM - 12:30 PM",
             affiliation: "TechGeeks Director",
             bio: "Organizer of national AI competitions with 5+ years experience in tech community building.",
-            image: "images/ms-leila-amrouche.jpg"
+            image: "images/ms-leila-amrouche.webp"
         }
     ]
 };
@@ -268,7 +268,8 @@ function generateSpeakersHTML(speakers) {
             <img src="${speaker.image}" 
                  alt="${speaker.name}" 
                  class="speaker-image"
-                 onerror="this.src='images/default-speaker.png'">
+                 onerror="this.src='images/default-speaker.png'"
+                 loading="lazy">
             <div class="speaker-info">
                 <div class="speaker-name">${speaker.name}</div>
                 <div class="speaker-title">${speaker.title || ''}</div>