Merge branch 'main' of https://github.com/Alvin-Zilverstand/Schoolkantine

website/index.html

@@ -16,6 +16,8 @@
         <div class="menu-item" onclick="showItemDetails('drinks')">Drinken</div>
         <div class="menu-item" onclick="showItemDetails('Snacks')">Snacks</div>
         <div class="menu-item" onclick="showItemDetails('deserts')">Ijsjes</div>
+        <div class="menu-item" onclick="showItemDetails('Deals')">Deals</div>
+        <div class="menu-item" onclick="showItemDetails('soepen')">Soepen</div>
     </div>
 
     <!-- Rechterkant: Productafbeeldingen in mooie hokjes -->

website/script.js

@@ -2,6 +2,7 @@
 function showItemDetails(item) {
     var items = [];
 
+
     // Afhankelijk van het geselecteerde item, voeg de producten toe
     if (item === 'Broodjes') {
         items = [
@@ -37,6 +38,27 @@ function showItemDetails(item) {
         ];
     }
 
+    else if (item === 'Deals') {
+        items = [
+            {
+                title: "deals",
+                image: "",
+                description: "Onze beste deals met de beste prijzen!."
+            }
+        ];
+    }
+
+    else if (item === 'soepen') {
+        items = [
+            {
+                title: "soepen",
+                image: "",
+                description: "Soep van de dag! (Allergieën? Meld het bij ons!)."
+            }
+        ];
+    }
+
+
  // Leeg de productweergave
  const productDisplay = document.getElementById('product-display');
  productDisplay.innerHTML = '';

website/style.css

@@ -92,7 +92,7 @@ body {
 
 .modal img {
     width: 100%;
-    max-width: 200px;
+    max-width: 500px;
     margin: 20px 0;
 }