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:
Dylanomz
2025-02-13 11:48:05 +01:00
parent 7a1d83d46c 6e1a288ba0
commit 05d15fab69
6 changed files with 71 additions and 8 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="icon" href="media/favicon.ico" type="image/x-icon">
</head>
<body>
<!-- Linkerkant menu -->
@@ -54,6 +56,7 @@
<p>&copy; 2025 Vista </p>
</footer>
</div>
<script src="script.js"></script>
<script src="cart.js"></script>
</body>

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

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 208 KiB

10
website/script.js
View File

@@ -1,10 +1,4 @@
// 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) {
const productDisplay = document.getElementById('product-display');
productDisplay.innerHTML = ''; // Maak het display leeg voordat we nieuwe items toevoegen
@@ -62,7 +56,9 @@ function showCategory(category) {
} else if (category === 'Soepen') {
items = [
{ 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') {
items = [

1
website/style.css
View File

@@ -134,4 +134,3 @@ body {
#add-to-cart:hover {
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>