alvin/Schoolkantine
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Schoolkantine.git synced 2026-03-06 21:36: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:
kitkatpotato16
2025-02-13 11:41:13 +01:00
parent d803212e6b cca3c83202
commit 6e1a288ba0
5 changed files with 68 additions and 7 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>

6
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

1
website/style.css
View File

@@ -132,4 +132,3 @@ grid:
#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>