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

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

Browse Source
This commit is contained in:
cowboykipnugget
2025-02-13 11:53:09 +01:00
parent 8308101f21 05d15fab69
commit 0a07f69f0b
10 changed files with 78 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
website/index.html
View File

@@ -8,6 +8,8 @@
<link rel="stylesheet" href="cart.css"> <link rel="stylesheet" href="cart.css">
<link rel="icon" href="media/favicon.ico" type="image/x-icon"> <link rel="icon" href="media/favicon.ico" type="image/x-icon">
</head> </head>
<body> <body>
<!-- Linkerkant menu --> <!-- Linkerkant menu -->
@@ -54,6 +56,7 @@
<p>&copy; 2025 Vista </p> <p>&copy; 2025 Vista </p>
</footer> </footer>
</div>
<script src="script.js"></script> <script src="script.js"></script>
<script src="cart.js"></script> <script src="cart.js"></script>
</body> </body>

BIN
website/media/Friet.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 840 KiB

BIN
website/media/Kipcorn.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 719 KiB

BIN
website/media/Kipnuggets.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.5 MiB

BIN
website/media/Mexicano.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.2 MiB

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 208 KiB

17
website/script.js
View File

@@ -1,10 +1,4 @@
// Functie om de productcategorie te tonen // Functie om de productcategorie te tonen
function goToMainPage() {
document.getElementById('welcome-page').style.display = 'none';
document.getElementById('main-page').style.display = 'block';
}
function showCategory(category) { function showCategory(category) {
const productDisplay = document.getElementById('product-display'); const productDisplay = document.getElementById('product-display');
productDisplay.innerHTML = ''; // Maak het display leeg voordat we nieuwe items toevoegen productDisplay.innerHTML = ''; // Maak het display leeg voordat we nieuwe items toevoegen
@@ -43,8 +37,11 @@ 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.20 },
{ title: "Friet", imageSrc: "media/friet.png", price: 3.20 },
{ title: "Kipnuggets", imageSrc: "media/kipnuggets.png", price: 2.70 },
]; ];
} else if (category === 'deserts') { } else if (category === 'deserts') {
items = [ items = [
@@ -59,7 +56,9 @@ function showCategory(category) {
} else if (category === 'Soepen') { } else if (category === 'Soepen') {
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: "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 },
]; ];
} else if (category === 'Salades') { } else if (category === 'Salades') {
items = [ items = [

3
website/style.css
View File

@@ -49,6 +49,8 @@ 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 {
@@ -131,4 +133,3 @@ body {
#add-to-cart:hover { #add-to-cart:hover {
background-color: #45a049; background-color: #45a049;
} }

37
website/welcome.css Normal file
View File

@@ -0,0 +1,37 @@
.welcome {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
height: 100vh;
background-color: #ffffff;
color: #431111;
text-align: center;
}
.welcome h1 {
font-size: 50px;
margin-bottom: 20px;
}
.welcome p {
font-size: 20px;
margin-bottom: 30px;
}
.welcome button {
padding: 10px 20px;
font-size: 18px;
color: white;
background-color: #431111;
border: none;
border-radius: 5px;
cursor: pointer;
box-shadow: #ff0000;
transition: transform 0.3s ease;
}
.welcome button:hover {
transform: scale(1.2); /* Grows 20% larger */
background-color: #a35c5c;
}

28
website/welcome.html Normal file
View File

@@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>De Welkompagina van de Mees</title>
<link rel="stylesheet" href="welcome.css">
<link rel="icon" href="media/favicon.ico" type="image/x-icon">
</head>
<body>
<div class="welcome">
<div class="circle-wrapper">
<h1>Assesment 2</h1>
<p>Van Johnny Kindermann</p>
</div>
<a href="index.html">
<button>Bestellen</button>
</a>
</div>
<footer>
<p>&copy; 2025 Vista </p>
</footer>
</body>
</html>