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

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

Browse Source
This commit is contained in:
vista-man
2025-02-12 09:35:53 +01:00
parent 11fd63e348 68ae3bc3d9
commit 7b71713e73
3 changed files with 22 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
website/index.html
View File

@@ -12,10 +12,17 @@
<!-- Linkerkant menu -->
<div class="menu-list">
<h2>Menu</h2>
<div class="menu-item" onclick="showItemDetails('Broodjes')">Broodjes</div>
<div class="menu-item" onclick="showItemDetails('drinks')">Drinken</div>
<div class="menu-item" onclick="showItemDetails('Snacks')">snacks</div>
<div class="menu-item" onclick="showItemDetails('deserts')">ijsjes</div>
<!-- Broodje Gezond -->
<div class="menu-item" onclick="showItemDetails('Broodjes')">Broodje Gezond</div>
<!-- Spa Water -->
<div class="menu-item" onclick="showItemDetails('drinks')">Spa Water</div>
<!-- Frikandel -->
<div class="menu-item" onclick="showItemDetails('Snacks')">Frikandel</div>
<!-- Ijsjes -->
<div class="menu-item" onclick="showItemDetails('deserts')">Ijsjes</div>
<!-- Placeholder Items -->
<div class="menu-item" onclick="showItemDetails('Placeholder1')">Placeholder 1</div>
<div class="menu-item" onclick="showItemDetails('Placeholder2')">Placeholder 2</div>
</div>
<div id="menu-detail" class="menu-detail">

9
website/script.js
View File

@@ -21,7 +21,16 @@
title = "Ijsjes";
imageSrc = "media/ijs.png";
description = "Een lekker ijsje met vele smaken, zoals aardbei, vannille, chocolade, mint, bosbes en nog veel meer (alleen in de zomer!)";
} else if (item === 'Placeholder1') {
title = "Placeholder 1";
image = "";
description = "Beschrijving voor Placeholder 1.";
} else if (item === 'Placeholder2') {
title = "Placeholder 2";
image = "";
description = "Beschrijving voor Placeholder 2.";
}
// Toon de details aan de rechterkant
document.getElementById("item-title").innerText = title;

3
website/style.css
View File

@@ -1,3 +1,4 @@
/* Algemeen stijlen */
body {
font-family: Arial, sans-serif;
margin: 0;
@@ -66,4 +67,4 @@ footer {
position: fixed;
bottom: 0;
width: 100%;
}
}