This commit is contained in:
vista-man
2025-02-13 11:38:47 +01:00
5 changed files with 6 additions and 2 deletions

BIN
website/media/Kipcorn.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 719 KiB

BIN
website/media/Mexicano.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 MiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 208 KiB

View File

@@ -37,8 +37,9 @@ function showCategory(category) {
else if (category === 'Snacks') { else if (category === 'Snacks') {
items = [ items = [
{ title: "Frikandel", imageSrc: "media/frikandel.jpg", price: 2.00 }, { title: "Frikandel", imageSrc: "media/frikandel.jpg", price: 2.00 },
{ title: "Bitterballen", imageSrc: "media/bitterbal.jpg", price: 2.50 }, { title: "Bitterballen", imageSrc: "https://www.taalvoutjes.nl/app/uploads/2014/09/bitterbal.jpg", price: 2.50 },
{ title: "Kroketten", imageSrc: "media/kroket.webp", price: 2.50 }, { title: "Mexicano", imageSrc: "media/mexicano.png", price: 2.00 },
{ title: "Kipcorn", imageSrc: "media/kipcorn.png", price: 2.50 },
]; ];
} else if (category === 'deserts') { } else if (category === 'deserts') {
items = [ items = [
@@ -54,6 +55,7 @@ function showCategory(category) {
items = [ items = [
{ title: "Tomatensoep", imageSrc: "media/soep.jpg", price: 2.50 }, { title: "Tomatensoep", imageSrc: "media/soep.jpg", price: 2.50 },
{ title: "Kippensoep", imageSrc: "media/soep.jpg", price: 2.80 }, { title: "Kippensoep", imageSrc: "media/soep.jpg", price: 2.80 },
{ 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 },
]; ];
} else if (category === 'Salades') { } else if (category === 'Salades') {
items = [ items = [

View File

@@ -37,6 +37,7 @@ body {
flex-wrap: wrap; flex-wrap: wrap;
padding: 20px; padding: 20px;
justify-content: space-around; justify-content: space-around;
grid:
} }
.product-box { .product-box {
@@ -48,6 +49,7 @@ body {
text-align: center; text-align: center;
cursor: pointer; cursor: pointer;
transition: all 0.3s ease; transition: all 0.3s ease;
} }
.product-box:hover { .product-box:hover {