alvin/Schoolkantine
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Schoolkantine.git synced 2026-03-07 05:53:00 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refactor menu item categories and update display styles

Browse Source
This commit is contained in:
vista-man
2025-02-12 14:08:50 +01:00
parent 5a510af54e
commit 2c5bd2c0e4
4 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
website/index.html
View File

@@ -14,7 +14,7 @@
<div class="menu-list"> <div class="menu-list">
<h2>Menu</h2> <h2>Menu</h2>
<div class="menu-item" onclick="showCategory('Broodjes')">Broodjes</div> <div class="menu-item" onclick="showCategory('Broodjes')">Broodjes</div>
<div class="menu-item" onclick="showCategory('drinks')">Koude Dranken</div> <div class="menu-item" onclick="showCategory('Koude-Dranken')">Koude Dranken</div>
<div class="menu-item" onclick="showCategory('Warme-Dranken')">Warme Dranken</div> <div class="menu-item" onclick="showCategory('Warme-Dranken')">Warme Dranken</div>
<div class="menu-item" onclick="showCategory('Snacks')">Snacks</div> <div class="menu-item" onclick="showCategory('Snacks')">Snacks</div>
<div class="menu-item" onclick="showCategory('deserts')">Ijsjes</div> <div class="menu-item" onclick="showCategory('deserts')">Ijsjes</div>

BIN
website/media/koffie.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 MiB

10
website/script.js
View File

@@ -11,12 +11,18 @@ function showCategory(category) {
{ title: "Broodje Gezond", imageSrc: "media/broodje-gezond.jpg", price: 3.50 }, { title: "Broodje Gezond", imageSrc: "media/broodje-gezond.jpg", price: 3.50 },
{ title: "Broodje Kaas", imageSrc: "media/broodje-kaas.jpg", price: 3.00 }, { title: "Broodje Kaas", imageSrc: "media/broodje-kaas.jpg", price: 3.00 },
]; ];
} else if (category === 'drinks') { } else if (category === 'Koude-Dranken') {
items = [ items = [
{ title: "Spa Water", imageSrc: "media/spa.webp", price: 1.00 }, { title: "Spa Water", imageSrc: "media/spa.webp", price: 1.00 },
{ title: "Cola", imageSrc: "media/cola.jpg", price: 1.50 }, { title: "Cola", imageSrc: "media/cola.jpg", price: 1.50 },
];
} else if (category === 'Warme-Dranken') {
items = [
{ title: "Chocomel", imageSrc: "media/chocomel.jpg", price: 1.00 },
{ title: "Koffie", imageSrc: "media/koffie.jpg", price: 1.50 },
]; ];
} 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/bitterballen.jpg", price: 2.50 }, { title: "Bitterballen", imageSrc: "media/bitterballen.jpg", price: 2.50 },

1
website/style.css
View File

@@ -34,7 +34,6 @@ body {
/* Productweergave in een grid */ /* Productweergave in een grid */
.product-display { .product-display {
width: 70%; width: 70%;
display: flex;
flex-wrap: wrap; flex-wrap: wrap;
padding: 20px; padding: 20px;
justify-content: space-around; justify-content: space-around;