diff --git a/website/cart.css b/website/cart.css index 5bf9ec8..4343a97 100644 --- a/website/cart.css +++ b/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; diff --git a/website/media/aardappel.jpg b/website/media/aardappel.jpg new file mode 100644 index 0000000..42ab6d2 Binary files /dev/null and b/website/media/aardappel.jpg differ diff --git a/website/media/choco-gs.jpg b/website/media/choco-gs.jpg new file mode 100644 index 0000000..e65ea19 Binary files /dev/null and b/website/media/choco-gs.jpg differ diff --git a/website/media/erwtensoep.webp b/website/media/erwtensoep.webp new file mode 100644 index 0000000..1c1ea9e Binary files /dev/null and b/website/media/erwtensoep.webp differ diff --git a/website/media/griekse.jpg b/website/media/griekse.jpg new file mode 100644 index 0000000..c3404b3 Binary files /dev/null and b/website/media/griekse.jpg differ diff --git a/website/media/groentesoep.jpg b/website/media/groentesoep.jpg new file mode 100644 index 0000000..bf08e52 Binary files /dev/null and b/website/media/groentesoep.jpg differ diff --git a/website/media/kippensoep.jpg b/website/media/kippensoep.jpg new file mode 100644 index 0000000..92e6c79 Binary files /dev/null and b/website/media/kippensoep.jpg differ diff --git a/website/media/krokante-kip.jpg b/website/media/krokante-kip.jpg new file mode 100644 index 0000000..c069208 Binary files /dev/null and b/website/media/krokante-kip.jpg differ diff --git a/website/media/softijs.jpg b/website/media/softijs.jpg new file mode 100644 index 0000000..aca53b5 Binary files /dev/null and b/website/media/softijs.jpg differ diff --git a/website/media/sundea.jpg b/website/media/sundea.jpg new file mode 100644 index 0000000..ee96cee Binary files /dev/null and b/website/media/sundea.jpg differ diff --git a/website/menu.html b/website/menu.html new file mode 100644 index 0000000..e69de29 diff --git a/website/script.js b/website/script.js index d34a56d..8662ec2 100644 --- a/website/script.js +++ b/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 }, ]; } diff --git a/website/style.css b/website/style.css index bc9a5eb..46bd676 100644 --- a/website/style.css +++ b/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 { diff --git a/website/welcome.html b/website/welcome.html index 5af8d6d..7c87691 100644 --- a/website/welcome.html +++ b/website/welcome.html @@ -21,7 +21,9 @@