From 5a9905ffda63a410ad1440f248e37ae74d739816 Mon Sep 17 00:00:00 2001
From: vista-man <524715@vistacollege.nl>
Date: Thu, 13 Feb 2025 12:25:46 +0100
Subject: [PATCH 01/13] wagen

---
 website/index.html | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)
diff --git a/website/index.html b/website/index.html
index a6d946a..b6093c1 100644
--- a/website/index.html
+++ b/website/index.html
@@ -6,6 +6,7 @@
     <title>Het hoofdmenu van de Mees</title>
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="cart.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
     <link rel="icon" href="media/favicon.ico" type="image/x-icon">
 </head>
 
@@ -52,6 +53,12 @@
         <button id="order-button">Bestellen</button>
     </div>
 
+    <!-- Winkelwagen icoon -->
+    <div class="cart-icon">
+    <i class="fas fa-shopping-cart"></i>
+    <span class="cart-count">0</span> <!-- Aantal producten -->
+    </div>
+
     <footer>
         <p>&copy; 2025 Vista </p>
     </footer>
@@ -62,13 +69,3 @@
 </body>
 </html>
 
-<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
-<!-- Winkelwagen icoon -->
-<div class="cart-icon">
-    <i class="fas fa-shopping-cart"></i>
-    <span class="cart-count">0</span> <!-- Aantal producten -->
-</div>
-
-
-
-

From fc04c74a521ca59322d91974f44dca136dcffafa Mon Sep 17 00:00:00 2001
From: vista-man <524715@vistacollege.nl>
Date: Thu, 13 Feb 2025 12:26:41 +0100
Subject: [PATCH 02/13] d

---
 website/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/website/index.html b/website/index.html
index b6093c1..6c24724 100644
--- a/website/index.html
+++ b/website/index.html
@@ -55,8 +55,8 @@
 
     <!-- Winkelwagen icoon -->
     <div class="cart-icon">
-    <i class="fas fa-shopping-cart"></i>
-    <span class="cart-count">0</span> <!-- Aantal producten -->
+        <i class="fas fa-shopping-cart"></i>
+        <span class="cart-count">0</span> <!-- Aantal producten -->
     </div>
 
     <footer>

From 453de9a5341bb443c0452dcef37cb6f5d48528d2 Mon Sep 17 00:00:00 2001
From: vista-man <524715@vistacollege.nl>
Date: Thu, 13 Feb 2025 13:22:58 +0100
Subject: [PATCH 03/13] nene

---
 website/welcome.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/welcome.html b/website/welcome.html
index 7c87691..26b921b 100644
--- a/website/welcome.html
+++ b/website/welcome.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>De Welkompagina van de Mees</title>
+    <title>De welkompagina van de Mees</title>
     <link rel="stylesheet" href="welcome.css">
     <link rel="icon" href="media/favicon.ico" type="image/x-icon">
 </head>

From ed65e419327566fb1e0b81dd4c237396e3f3a313 Mon Sep 17 00:00:00 2001
From: cowboykipnugget <524877@vistacollege.nl>
Date: Thu, 13 Feb 2025 13:25:06 +0100
Subject: [PATCH 04/13] k

---
 website/menu.html    | 0
 website/welcome.html | 8 ++++----
 2 files changed, 4 insertions(+), 4 deletions(-)
 delete mode 100644 website/menu.html

diff --git a/website/menu.html b/website/menu.html
deleted file mode 100644
index e69de29..0000000
diff --git a/website/welcome.html b/website/welcome.html
index 5af8d6d..f42d180 100644
--- a/website/welcome.html
+++ b/website/welcome.html
@@ -12,11 +12,11 @@
 
     <div class="welcome">
         <div class="circle-wrapper">
-          <h1>Assesment 2</h1>
-          <p>Van Johnny Kindermann</p>
+          <h1>Mees</h1>
+          <p>Naar menu</p>
         </div>
-        <a href="index.html">
-            <button>Bestellen</button>
+        <a href="menu.html">
+            <button>Menu</button>
         </a>
     </div>
 

From ac5a4e37b13a66915e4e5bfb5394bfebf4fdfa4f Mon Sep 17 00:00:00 2001
From: vista-man <524715@vistacollege.nl>
Date: Thu, 13 Feb 2025 13:25:33 +0100
Subject: [PATCH 05/13] cart kleiner

---
 website/cart.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/cart.css b/website/cart.css
index 4343a97..2468b23 100644
--- a/website/cart.css
+++ b/website/cart.css
@@ -1,6 +1,6 @@
 /* Winkelmandje sectie */
 .cart {
-    width: 20%;
+    width: 15%;
     background-color: #fff; /* Change background color to white */
     padding: 20px;
     height: 100vh;

From 50bdfbcc0fdf7ead76e88400ed7dc485f5b52233 Mon Sep 17 00:00:00 2001
From: cowboykipnugget <524877@vistacollege.nl>
Date: Thu, 13 Feb 2025 13:44:02 +0100
Subject: [PATCH 06/13] n

---
 website/welcome.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/website/welcome.html b/website/welcome.html
index 8e4a925..b720b0e 100644
--- a/website/welcome.html
+++ b/website/welcome.html
@@ -15,7 +15,7 @@
           <h1>Mees</h1>
           <p>Naar menu</p>
         </div>
-        <a href="menu.html">
+        <a href="index.html">
             <button>Menu</button>
         </a>
     </div>

From 248b2b4a7ecda13852ed6afc23392f9abab94481 Mon Sep 17 00:00:00 2001
From: vista-man <524715@vistacollege.nl>
Date: Thu, 13 Feb 2025 13:44:06 +0100
Subject: [PATCH 07/13] cart icon

---
 website/cart.js    | 38 +++++++++++++++++++++++---------------
 website/index.html |  2 +-
 2 files changed, 24 insertions(+), 16 deletions(-)

diff --git a/website/cart.js b/website/cart.js
index 7048aac..a4b1ecf 100644
--- a/website/cart.js
+++ b/website/cart.js
@@ -1,20 +1,17 @@
-
-
 // Array to hold items added to the shopping cart
 const cart = [];
+let cartCount = 0; // Initialize cart count
 
-
-
-// Functie om een item aan het winkelwagentje toe te voegen
+// Function to add an item to the shopping cart
 function addToCart(item) {
     cart.unshift(item); // Add item to the beginning of the cart array
     updateCart();
+    cartCount++; // Increment cart count
+    updateCartCountDisplay(); // Update the cart count display
     closeModal();
 }
 
-
-
-// Functie om het winkelwagentje bij te werken
+// Function to update the shopping cart display
 function updateCart() {
     const cartItemsContainer = document.getElementById("cart-items");
     cartItemsContainer.innerHTML = '';
@@ -41,18 +38,29 @@ function updateCart() {
     }
 }
 
-
-// Functie om een item uit het winkelwagentje te verwijderen
+// Function to remove an item from the shopping cart
 function removeFromCart(index) {
     cart.splice(index, 1);
     updateCart();
+    cartCount--; // Decrement cart count
+    updateCartCountDisplay(); // Update the cart count display
 }
 
-// Initial call to updateCart to ensure the button is hidden on page load
-updateCart();
+// Function to update the cart count display
+function updateCartCountDisplay() {
+    const cartCountElement = document.getElementById("cart-count"); // Get the element to display the count
+    if (cartCountElement) { // Check if the element exists
+        cartCountElement.textContent = cartCount; // Update the text content with the cart count
+    }
+}
 
-// Functie om het modaal venster te sluiten
+
+// Initial calls
+updateCart();
+updateCartCountDisplay(); // Initialize the cart count on page load
+
+
+// Function to close the modal window
 function closeModal() {
     document.getElementById('modal').style.display = 'none';
-}
-
+}
\ No newline at end of file
diff --git a/website/index.html b/website/index.html
index 6c24724..64c6963 100644
--- a/website/index.html
+++ b/website/index.html
@@ -56,7 +56,7 @@
     <!-- Winkelwagen icoon -->
     <div class="cart-icon">
         <i class="fas fa-shopping-cart"></i>
-        <span class="cart-count">0</span> <!-- Aantal producten -->
+        <span id="cart-count" class="cart-count">0</span> <!-- Aantal producten -->
     </div>
 
     <footer>

From 30e429731dc469f07f9704998b9b795c1d27f5a6 Mon Sep 17 00:00:00 2001
From: kitkatpotato16 <523488@vistacollege.nl>
Date: Thu, 13 Feb 2025 13:46:30 +0100
Subject: [PATCH 08/13] sausies

---
 website/index.html | 1 +
 website/script.js  | 8 +++++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/website/index.html b/website/index.html
index 6c24724..c5a5cc6 100644
--- a/website/index.html
+++ b/website/index.html
@@ -24,6 +24,7 @@
         <div class="menu-item" onclick="showCategory('Deals')">Deals</div>
         <div class="menu-item" onclick="showCategory('Soepen')">Soepen</div>
         <div class="menu-item" onclick="showCategory('Salades')">Salades</div>
+        <div class="menu-item" onclick="showCategory('Sausjes')">Sausjes</div>
     </div>
 
     <!-- Productweergave -->
diff --git a/website/script.js b/website/script.js
index 4bbb5d5..7e18a4f 100644
--- a/website/script.js
+++ b/website/script.js
@@ -4,6 +4,7 @@ function showCategory(category) {
     productDisplay.innerHTML = ''; // Maak het display leeg voordat we nieuwe items toevoegen
 
     let items = [];
+}
 
     // Afhankelijk van de gekozen categorie, voeg je de juiste producten toe
     if (category === 'Broodjes') {
@@ -71,8 +72,13 @@ function showCategory(category) {
             { title: "Krokante Kip Salade", imageSrc: "media/krokante-kip.jpg", price: 3.00 },
             { title: "Aardappel Salade", imageSrc: "media/aardappel.jpg", price: 2.50 },
         ];
-    }
+    } else if (category === 'Sausjes') {
+    items = [
+        { title: "Ketchup", imageSrc: "https://www.ahealthylife.nl/wp-content/uploads/2021/06/Ketchup_voedingswaarde.jpg", price: 0.25 },
+        { title: "Mayonaise", imageSrc: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTC4FVmHO_hK3mw43z0fuHv1OFUr-hhsfGe1A&s", price: 0.25 }
 
+
+    ]
     // Voeg de items toe aan de weergave
     items.forEach(item => {
         const productBox = document.createElement('div');

From fa6c97d78b29c51ec30dc249bc31ce5075dd31a6 Mon Sep 17 00:00:00 2001
From: kitkatpotato16 <523488@vistacollege.nl>
Date: Thu, 13 Feb 2025 13:49:48 +0100
Subject: [PATCH 09/13] wef

---
 website/script.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/website/script.js b/website/script.js
index 7e18a4f..9e3c9a0 100644
--- a/website/script.js
+++ b/website/script.js
@@ -132,6 +132,8 @@ function getDescription(title) {
         return "Soep van de dag! (Allergieën? Meld het bij ons!)";
     } else if (title === "Salades") {
         return "Een heerlijke salade met verse groenten en een dressing naar keuze.";
+    }   else if (title === "Sausjes") {
+        return "Kies de saus naar je keuze!";
     }
     return "";
 }

From a1f403158b6c35c14878a552c432ff8d3a457844 Mon Sep 17 00:00:00 2001
From: cowboykipnugget <524877@vistacollege.nl>
Date: Thu, 13 Feb 2025 13:59:17 +0100
Subject: [PATCH 10/13] u

---
 {website => Cart}/cart.css                  | 0
 {website => Cart}/cart.js                   | 0
 website/Html categorieën/Broodjes.html      | 0
 website/Html categorieën/Deals.html         | 0
 website/Html categorieën/Deserts.html       | 0
 website/Html categorieën/Koude dranken.html | 0
 website/Html categorieën/Salades.html       | 0
 website/Html categorieën/Snacks.html        | 0
 website/Html categorieën/Soepen.html        | 0
 website/Html categorieën/Warme dranken.html | 0
 10 files changed, 0 insertions(+), 0 deletions(-)
 rename {website => Cart}/cart.css (100%)
 rename {website => Cart}/cart.js (100%)
 create mode 100644 website/Html categorieën/Broodjes.html
 create mode 100644 website/Html categorieën/Deals.html
 create mode 100644 website/Html categorieën/Deserts.html
 create mode 100644 website/Html categorieën/Koude dranken.html
 create mode 100644 website/Html categorieën/Salades.html
 create mode 100644 website/Html categorieën/Snacks.html
 create mode 100644 website/Html categorieën/Soepen.html
 create mode 100644 website/Html categorieën/Warme dranken.html

diff --git a/website/cart.css b/Cart/cart.css
similarity index 100%
rename from website/cart.css
rename to Cart/cart.css
diff --git a/website/cart.js b/Cart/cart.js
similarity index 100%
rename from website/cart.js
rename to Cart/cart.js
diff --git a/website/Html categorieën/Broodjes.html b/website/Html categorieën/Broodjes.html
new file mode 100644
index 0000000..e69de29
diff --git a/website/Html categorieën/Deals.html b/website/Html categorieën/Deals.html
new file mode 100644
index 0000000..e69de29
diff --git a/website/Html categorieën/Deserts.html b/website/Html categorieën/Deserts.html
new file mode 100644
index 0000000..e69de29
diff --git a/website/Html categorieën/Koude dranken.html b/website/Html categorieën/Koude dranken.html
new file mode 100644
index 0000000..e69de29
diff --git a/website/Html categorieën/Salades.html b/website/Html categorieën/Salades.html
new file mode 100644
index 0000000..e69de29
diff --git a/website/Html categorieën/Snacks.html b/website/Html categorieën/Snacks.html
new file mode 100644
index 0000000..e69de29
diff --git a/website/Html categorieën/Soepen.html b/website/Html categorieën/Soepen.html
new file mode 100644
index 0000000..e69de29
diff --git a/website/Html categorieën/Warme dranken.html b/website/Html categorieën/Warme dranken.html
new file mode 100644
index 0000000..e69de29

From 695976fb7b29b84bba3b76e1b7c68398b53347a3 Mon Sep 17 00:00:00 2001
From: cowboykipnugget <524877@vistacollege.nl>
Date: Thu, 13 Feb 2025 14:01:48 +0100
Subject: [PATCH 11/13] m

---
 {Cart => website/Cart}/cart.css | 0
 {Cart => website/Cart}/cart.js  | 0
 2 files changed, 0 insertions(+), 0 deletions(-)
 rename {Cart => website/Cart}/cart.css (100%)
 rename {Cart => website/Cart}/cart.js (100%)

diff --git a/Cart/cart.css b/website/Cart/cart.css
similarity index 100%
rename from Cart/cart.css
rename to website/Cart/cart.css
diff --git a/Cart/cart.js b/website/Cart/cart.js
similarity index 100%
rename from Cart/cart.js
rename to website/Cart/cart.js

From 3551abbb6264d0454b83446fb3ade9789b769943 Mon Sep 17 00:00:00 2001
From: vista-man <524715@vistacollege.nl>
Date: Thu, 13 Feb 2025 14:02:35 +0100
Subject: [PATCH 12/13] f

---
 {Cart => website/Cart}/cart.css | 0
 {Cart => website/Cart}/cart.js  | 0
 2 files changed, 0 insertions(+), 0 deletions(-)
 rename {Cart => website/Cart}/cart.css (100%)
 rename {Cart => website/Cart}/cart.js (100%)

diff --git a/Cart/cart.css b/website/Cart/cart.css
similarity index 100%
rename from Cart/cart.css
rename to website/Cart/cart.css
diff --git a/Cart/cart.js b/website/Cart/cart.js
similarity index 100%
rename from Cart/cart.js
rename to website/Cart/cart.js

From 1f418f9c8547c52f6394b681eb5ce02ee196b69a Mon Sep 17 00:00:00 2001
From: vista-man <524715@vistacollege.nl>
Date: Thu, 13 Feb 2025 14:09:42 +0100
Subject: [PATCH 13/13] FIX

---
 website/index.html | 4 ++--
 website/script.js  | 8 +++-----
 2 files changed, 5 insertions(+), 7 deletions(-)

diff --git a/website/index.html b/website/index.html
index c494fb6..f3b9190 100644
--- a/website/index.html
+++ b/website/index.html
@@ -5,7 +5,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Het hoofdmenu van de Mees</title>
     <link rel="stylesheet" href="style.css">
-    <link rel="stylesheet" href="cart.css">
+    <link rel="stylesheet" href="Cart/cart.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
     <link rel="icon" href="media/favicon.ico" type="image/x-icon">
 </head>
@@ -66,7 +66,7 @@
 
 </div>
     <script src="script.js"></script>
-    <script src="cart.js"></script>
+    <script src="Cart/cart.js"></script>
 </body>
 </html>
 
diff --git a/website/script.js b/website/script.js
index 9e3c9a0..6d5b472 100644
--- a/website/script.js
+++ b/website/script.js
@@ -4,7 +4,7 @@ function showCategory(category) {
     productDisplay.innerHTML = ''; // Maak het display leeg voordat we nieuwe items toevoegen
 
     let items = [];
-}
+
 
     // Afhankelijk van de gekozen categorie, voeg je de juiste producten toe
     if (category === 'Broodjes') {
@@ -76,9 +76,8 @@ function showCategory(category) {
     items = [
         { title: "Ketchup", imageSrc: "https://www.ahealthylife.nl/wp-content/uploads/2021/06/Ketchup_voedingswaarde.jpg", price: 0.25 },
         { title: "Mayonaise", imageSrc: "https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTC4FVmHO_hK3mw43z0fuHv1OFUr-hhsfGe1A&s", price: 0.25 }
-
-
-    ]
+    	];
+    }
     // Voeg de items toe aan de weergave
     items.forEach(item => {
         const productBox = document.createElement('div');
@@ -137,4 +136,3 @@ function getDescription(title) {
     }
     return "";
 }
-
