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

website/cart.css

@@ -1,6 +1,6 @@
 /* Winkelmandje sectie */
 .cart {
-    width: 30%;
+    width: 20%;
     background-color: #fff; /* Change background color to white */
     padding: 20px;
     height: 100vh;

website/script.js

@@ -13,22 +13,22 @@ function showCategory(category) {
         ];
     } else if (category === 'Koude-Dranken') {
         items = [
-            { title: "Spa Water", imageSrc: "https://img.discountoffice.cloud/pb7Rq9rrkwr7iOXhP7iKGxdUKWyU6Eq9Tc7M919ezW4/bg:ffffff/rs:fit:640:480:1:1/g:ce/bG9jYWw6Ly8vZGlzY291bnQtd2Vic2l0ZS9wcm9kdWN0SW1hZ2VzLzgvb3JnL1ExNDAxNTk0LTIuanBn.webp", price: 2.00 },
-            { title: "Spa Rood", imageSrc: "https://media.spar.nl/productdetail/spa-intens-bruisend-500-Milliliter-9157116-142821.jpg", price: 2.00 },
-            { title: "Cola zero", imageSrc: "https://lazzerisas.it/wp-content/uploads/2017/10/coca-cola-zero-sleek-can-cl33-768x768.jpg", price: 1.80 },
-            { title: "Cola vanille", imageSrc: "https://media.spar.nl/productdetail/coca-cola-vanilla-zero-250-Milliliter-9192914-151956.jpg", price: 1.80 },
-            { title: "Cola cherry", imageSrc: "https://media.spar.nl/productdetail/coca-cola-cherry-blik-250-ml-250-Milliliter-9192923-151796.jpg", price: 1.80 },
-            { title: "Cola", imageSrc: "https://media.spar.nl/productdetail/coca-cola-original-250-Milliliter-9192888-151953.jpg", price: 1.80 },
-            { title: "Sprite", imageSrc: "https://th.bing.com/th/id/OIP.K5tBIkwpcNJUUCUBfaoGdgHaHa?w=218&h=218&c=7&r=0&o=5&dpr=1.3&pid=1.7", price: 1.80 },
-            { title: "Dr pepper", imageSrc: "https://www.kantinewinkel.nl/media/cache/gallery_main/product/7091/dr-pepper-blik-24-x-33-cl.jpg", price: 1.80 },
-            { title: "Fanta orange original", imageSrc: "https://media.spar.nl/product/fanta-orange-original-330-Milliliter-9192913-155864.jpg", price: 1.80 },
-            { title: "Fanta orange zero", imageSrc: "https://media.spar.nl/product/fanta-orange-zero-250-Milliliter-9197230-157232.jpg", price: 1.80 },
-            { title: "Fanta exotic zero", imageSrc: "https://media.spar.nl/product/fanta-exotic-zero-250-Milliliter-9192899-152006.jpg", price: 1.80 },
-            { title: "Fanta lemon zero", imageSrc: "https://media.spar.nl/product/fanta-lemon-zero-blik-250-ml-250-Milliliter-9192882-153455.jpg", price: 1.80 },
-            { title: "Fanta cassis", imageSrc: "https://media.spar.nl/product/fanta-fanta-cassis-blik-250-Milliliter-9192826-152000.jpg", price: 1.80 }, ]
+            { title: "Spa Water", imageSrc: "media/spa.webp", price: 2.00 },
+            { title: "Spa Rood", imageSrc: "media/spa-rood.jpg", price: 2.00 },
+            { title: "Cola zero", imageSrc: "media/cola-zero.jpg", price: 1.80 },
+            { title: "Cola vanille", imageSrc: "media/cola-vanilla.jpg", price: 1.80 },
+            { title: "Cola cherry", imageSrc: "media/cola-cherry.jpg", price: 1.80 },
+            { title: "Cola", imageSrc: "media/cola.jpg", price: 1.80 },
+            { title: "Sprite", imageSrc: "media/sprite.jpg", price: 1.80 },
+            { title: "Dr pepper", imageSrc: "media/drpeper.jpg", price: 1.80 },
+            { title: "Fanta orange original", imageSrc: "media/fanta.jpg", price: 1.80 },
+            { title: "Fanta orange zero", imageSrc: "media/fanta-zero.jpg", price: 1.80 },
+            { title: "Fanta exotic zero", imageSrc: "media/fanta-exotic-zero.jpg", price: 1.80 },
+            { title: "Fanta lemon zero", imageSrc: "media/fanta-lemon-zero.jpg", price: 1.80 },
+            { title: "Fanta cassis", imageSrc: "media/fanta-cassis.jpg", price: 1.80 }, ]
     } else if (category === 'Warme-Dranken') {
         items = [
-            { title: "Chocomel", imageSrc: "media/chocomel.jpg", price: 1.00 },
+            { title: "Chocomel", imageSrc: "media/choco-gs.jpg", price: 1.00 },
             { title: "Chocomel met slagroom", imageSrc: "media/chocomel.jpg", price: 1.25 },
             { title: "Koffie", imageSrc: "media/koffie.jpg", price: 1.50 },
             { title: "Thee", imageSrc: "media/thee.jpg", price: 1.50 },
@@ -37,7 +37,7 @@ function showCategory(category) {
     else if (category === 'Snacks') {
         items = [
             { title: "Frikandel", imageSrc: "media/frikandel.jpg", price: 2.00 },
-            { title: "Bitterballen", imageSrc: "https://www.taalvoutjes.nl/app/uploads/2014/09/bitterbal.jpg", price: 2.50 },
+            { title: "Bitterballen", imageSrc: "media/bitterbal.jpg", price: 2.50 },
             { title: "Mexicano", imageSrc: "media/mexicano.png", price: 2.00 },
             { title: "Kipcorn", imageSrc: "media/kipcorn.png", price: 2.20 },
             { title: "Friet", imageSrc: "media/friet.png", price: 3.20 },
@@ -45,8 +45,10 @@ function showCategory(category) {
         ];
     } else if (category === 'deserts') {
         items = [
-            { title: "Ijsjes", imageSrc: "media/Ijs.png", price: 2.00 },
+            { title: "Ijsjes", imageSrc: "media/Ijs.png", price: 1.50 },
             { title: "Sorbet", imageSrc: "media/sorbet.webp", price: 2.50 },
+            { title: "Softijs", imageSrc: "media/softijs.jpg", price: 2.50 },
+            { title: "Sundea ijs", imageSrc: "media/sundea.jpg", price: 2.50 },
         ];
     } else if (category === 'Deals') {
         items = [
@@ -56,14 +58,16 @@ function showCategory(category) {
     } else if (category === 'Soepen') {
         items = [
             { title: "Tomatensoep", imageSrc: "media/soep.jpg", price: 2.50 },
-            { title: "Kippensoep", imageSrc: "https://static.ah.nl/static/recepten/img_RAM_PRD121479_1224x900_JPG.jpg", price: 2.80 },
-            { title: "Erwtensoep", imageSrc: "https://www.24kitchen.nl/files/styles/media_text_wide/public/2022-09/erwtensoep%20%282%29.webp?itok=5FwzHgSE", price: 2.50 },
-            { title: "Groentesoep (met gehaktballetjes)", imageSrc: "https://www.maggi.nl/sites/default/files/styles/home_stage_1500_700/public/srh_recipes/a55f0226c938b6bc40878dad5306271b.jpg?h=02cb7f90&itok=AmnkjPc3", price: 2.80 },
+            { title: "Kippensoep", imageSrc: "media/kippensoep.jpg", price: 2.80 },
+            { title: "Erwtensoep", imageSrc: "media/erwtensoep.webp", price: 2.50 },
+            { title: "Groentesoep (met gehaktballetjes)", imageSrc: "media/groentesoep.jpg", price: 2.80 },
         ];
     } else if (category === 'Salades') {
         items = [
-            { title: "Caesar Salade", imageSrc: "media/salade.jpg", price: 4.00 },
-            { title: "Griekse Salade", imageSrc: "media/salade.jpg", price: 4.50 },
+            { title: "Caesar Salade", imageSrc: "media/salade.jpg", price: 2.50 },
+            { title: "Griekse Salade", imageSrc: "media/griekse.jpg", price: 3.50 },
+            { title: "Krokante Kip Salade", imageSrc: "media/krokante-kip.jpg", price: 3.00 },
+            { title: "Aardappel Salade", imageSrc: "media/aardappel.jpg", price: 2.50 },
         ];
     }
 

website/style.css

@@ -9,7 +9,7 @@ body {
 
 /* Linkerkant menu */
 .menu-list {
-    width: 30%;
+    width: 25%;
     background-color: #f2c14e;
     padding: 20px;
     height: 100vh;
@@ -33,12 +33,11 @@ body {
 
 /* Productweergave in een grid */
 .product-display {
-    width: 70%;
+    width: 55%;
     flex-wrap: wrap;
-    padding: 20px;
-    justify-content: space-around;
-    
- 
+    padding: 50px;
+    justify-content: space-between 40px;
+    display: inline-flex;
 }
 
 .product-box {

website/welcome.html

@@ -21,7 +21,9 @@
     </div>
 
     <footer>
-        <p>&copy; 2025 Vista </p>
+        <center>
+            <p>&copy; 2025 Vista </p>
+        </center>
     </footer>
 
 </body>