diff --git a/website/media/Friet.png b/website/media/Friet.png new file mode 100644 index 0000000..eabf51d Binary files /dev/null and b/website/media/Friet.png differ diff --git a/website/media/Kipnuggets.png b/website/media/Kipnuggets.png new file mode 100644 index 0000000..336112f Binary files /dev/null and b/website/media/Kipnuggets.png differ diff --git a/website/script.js b/website/script.js index 1ca20da..3a42ce5 100644 --- a/website/script.js +++ b/website/script.js @@ -45,7 +45,9 @@ function showCategory(category) { { 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: "Mexicano", imageSrc: "media/mexicano.png", price: 2.00 }, - { title: "Kipcorn", imageSrc: "media/kipcorn.png", price: 2.50 }, + { title: "Kipcorn", imageSrc: "media/kipcorn.png", price: 2.20 }, + { title: "Friet", imageSrc: "media/friet.png", price: 3.20 }, + { title: "Kipnuggets", imageSrc: "media/kipnuggets.png", price: 2.70 }, ]; } else if (category === 'deserts') { items = [ diff --git a/website/style.css b/website/style.css index 949c259..4b17d20 100644 --- a/website/style.css +++ b/website/style.css @@ -37,7 +37,8 @@ body { flex-wrap: wrap; padding: 20px; justify-content: space-around; -grid: + + } .product-box { @@ -50,6 +51,7 @@ grid: cursor: pointer; transition: all 0.3s ease; + } .product-box:hover {