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

website/kleurengebruik/kleur layout

@@ -0,0 +1,3 @@
+#676767
+#ffffff
+#F56E28

website/media/logo-mees-catering-black.svg

@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 24.2.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 248 103" style="enable-background:new 0 0 248 103;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<g>
+				<g>
+					<path d="M139,97.5c-0.9,0.4-1.8,0.6-2.8,0.6c-3.1,0-5.1-1.9-5.1-4.9c0-3,2.1-5,5.2-5c1,0,1.8,0.2,2.8,0.6V90
+						c-0.9-0.5-1.7-0.7-2.7-0.7c-2.4,0-3.9,1.5-3.9,3.8c0,2.4,1.5,3.9,3.9,3.9c1,0,1.8-0.2,2.7-0.7V97.5z"/>
+					<path d="M146.6,97.6c0.9-2.5,2.1-5.5,3.6-8.9l0.1-0.3h1.5l0.1,0.3c1.2,2.9,2.2,5.6,3.3,8.9l0.1,0.4h-1.5l-0.1-0.2
+						c-0.3-0.9-0.5-1.6-1-2.9l-0.1-0.2H149l-0.1,0.2c-0.3,0.9-0.8,2.1-1,2.9l-0.1,0.2h-1.4L146.6,97.6z M152.4,93.6l-0.1-0.3
+						c-0.3-0.8-0.4-1.2-0.6-1.8c-0.2-0.6-0.4-1.1-0.5-1.4l-0.2-0.5l-0.2,0.5l-0.4,1c0,0.1-0.1,0.2-0.3,0.7c-0.1,0.3-0.2,0.6-0.3,0.9
+						c-0.1,0.4-0.2,0.5-0.3,0.7l-0.1,0.4H152.4z"/>
+					<path d="M165.6,89.5h-3.3v-1.1h7.8v1.1H167V98h-1.3V89.5z"/>
+					<path d="M178.1,88.4h5.6v1.1h-4.2v2.9h4.1v1.1h-4.1v3.3h4.3V98h-5.7V88.4z"/>
+					<path d="M192,88.4l0.2,0c0.7-0.1,1.6-0.1,2.2-0.1c1.2,0,2,0.2,2.7,0.6c0.7,0.5,1.1,1.2,1.1,2.1c0,0.8-0.3,1.6-0.9,2
+						c-0.3,0.2-0.6,0.4-1.2,0.6l0.2,0.2c0.8,1,1.5,1.9,2.4,3c0.2,0.3,0.6,0.6,0.8,0.9c0.1,0.1,0.2,0.2,0.3,0.3H198
+						c-0.2-0.2-0.3-0.3-0.5-0.6c-0.5-0.6-0.8-1-1.3-1.6c-0.2-0.2-0.4-0.5-0.7-0.9c-0.3-0.4-0.5-0.6-0.6-0.8l-0.1-0.2
+						c-0.2,0-0.4,0-0.5,0c-0.1,0-0.4,0-0.6,0h-0.2V98H192V88.4z M193.4,92.8h0.2c0.3,0.1,0.5,0.1,0.7,0.1c0.8,0,1.3-0.1,1.7-0.3
+						c0.5-0.3,0.8-0.8,0.8-1.5c0-1.2-0.8-1.8-2.3-1.8c-0.3,0-0.6,0-1.1,0.1V92.8z"/>
+					<path d="M207.3,88.4h1.3V98h-1.3V88.4z"/>
+					<path d="M217.3,88.4h1.3c0.3,0,0.5,0.1,0.6,0.3l4.2,6.6c0.3,0.4,0.5,0.8,0.8,1.8c-0.1-0.9-0.2-1.3-0.2-1.9v-6.8h1.3V98h-1.3
+						c-0.3,0-0.5-0.1-0.6-0.3l-4.2-6.7c-0.3-0.4-0.5-0.8-0.8-1.7c0.1,0.9,0.2,1.3,0.2,1.9V98h-1.3V88.4z"/>
+					<path d="M238.6,93.4h3.3v4.3c-1.1,0.3-2.1,0.4-3,0.4c-1.5,0-2.7-0.4-3.6-1.1c-1.1-0.9-1.7-2.3-1.7-3.8c0-3,2.1-5,5.4-5
+						c1,0,1.9,0.2,2.9,0.6V90c-0.9-0.5-1.8-0.7-2.8-0.7c-2.5,0-4,1.5-4,3.9c0,1.2,0.4,2.2,1.1,2.8c0.7,0.7,1.6,1,2.9,1
+						c0.6,0,1.1-0.1,1.6-0.1v-2.3h-2.1V93.4z"/>
+				</g>
+			</g>
+		</g>
+		<g>
+			<g>
+				<path d="M76.1,71.1H60.7V33.7h-5.1v37.4H40.2V33.7H35v37.4H19.6V19.7h25.7v9.3h5.1v-9.3h25.7V71.1z M126.9,71.1H80.7V19.7h46.2
+					v14H96.1v4.7h20.5v14H96.1v4.7h30.8V71.1z M177.7,71.1h-46.2V19.7h46.2v14h-30.8v4.7h20.5v14h-20.5v4.7h30.8V71.1z M228.4,71.1
+					h-46.2v-14H213v-4.7h-30.8V19.7h46.2v14h-30.8v4.7h30.8V71.1z"/>
+				<path d="M14,14.2h220v62.5H14V14.2z M5.9,84.8h236.3V6H5.9V84.8z"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>

website/script.js

@@ -1,4 +1,10 @@
 // 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
@@ -9,30 +15,40 @@ function showCategory(category) {
     if (category === 'Broodjes') {
         items = [
             { title: "Broodje Gezond", imageSrc: "media/broodje-gezond.jpg", price: 3.50 },
-            { title: "Broodje Kaas", imageSrc: "media/broodje-kaas.jpg", price: 3.00 },
+            { title: "Bagel", imageSrc: "media/bagel.jpeg", price: 3.00 },
         ];
     } else if (category === 'Koude-Dranken') {
         items = [
-            { title: "Spa Water", imageSrc: "media/spa.webp", price: 1.00 },
-            { title: "Cola", imageSrc: "media/cola.jpg", price: 1.50 },
-        ]; 
+            { title: "Spa Water", imageSrc: "https://img.discountoffice.cloud/pb7Rq9rrkwr7iOXhP7iKGxdUKWyU6Eq9Tc7M919ezW4/bg:ffffff/rs:fit:640:480:1:1/g:ce/bG9jYWw6Ly8vZGlzY291bnQtd2Vic2l0ZS9wcm9kdWN0SW1hZ2VzLzgvb3JnL1ExNDAxNTk0LTIuanBn.webp", price: 2.00 },
+            { title: "Spa Rood", imageSrc: "https://media.spar.nl/productdetail/spa-intens-bruisend-500-Milliliter-9157116-142821.jpg", price: 2.00 },
+            { title: "Cola zero", imageSrc: "https://lazzerisas.it/wp-content/uploads/2017/10/coca-cola-zero-sleek-can-cl33-768x768.jpg", price: 1.80 },
+            { title: "Cola vanille", imageSrc: "https://media.spar.nl/productdetail/coca-cola-vanilla-zero-250-Milliliter-9192914-151956.jpg", price: 1.80 },
+            { title: "Cola cherry", imageSrc: "https://media.spar.nl/productdetail/coca-cola-cherry-blik-250-ml-250-Milliliter-9192923-151796.jpg", price: 1.80 },
+            { title: "Cola", imageSrc: "https://media.spar.nl/productdetail/coca-cola-original-250-Milliliter-9192888-151953.jpg", price: 1.80 },
+            { title: "Sprite", imageSrc: "https://th.bing.com/th/id/OIP.K5tBIkwpcNJUUCUBfaoGdgHaHa?w=218&h=218&c=7&r=0&o=5&dpr=1.3&pid=1.7", price: 1.80 },
+            { title: "Dr pepper", imageSrc: "https://www.kantinewinkel.nl/media/cache/gallery_main/product/7091/dr-pepper-blik-24-x-33-cl.jpg", price: 1.80 },
+            { title: "Fanta orange original", imageSrc: "https://media.spar.nl/product/fanta-orange-original-330-Milliliter-9192913-155864.jpg", price: 1.80 },
+            { title: "Fanta orange zero", imageSrc: "https://media.spar.nl/product/fanta-orange-zero-250-Milliliter-9197230-157232.jpg", price: 1.80 },
+            { title: "Fanta exotic zero", imageSrc: "https://media.spar.nl/product/fanta-exotic-zero-250-Milliliter-9192899-152006.jpg", price: 1.80 },
+            { title: "Fanta lemon zero", imageSrc: "https://media.spar.nl/product/fanta-lemon-zero-blik-250-ml-250-Milliliter-9192882-153455.jpg", price: 1.80 },
+            { title: "Fanta cassis", imageSrc: "https://media.spar.nl/product/fanta-fanta-cassis-blik-250-Milliliter-9192826-152000.jpg", price: 1.80 }, ]
     } else if (category === 'Warme-Dranken') {
         items = [
             { title: "Chocomel", imageSrc: "media/chocomel.jpg", price: 1.00 },
+            { title: "Chocomel met slagroom", imageSrc: "media/chocomel.jpg", price: 1.25 },
             { title: "Koffie", imageSrc: "media/koffie.jpg", price: 1.50 },
+            { title: "Thee", imageSrc: "media/thee.jpg", price: 1.50 },
         ];
     }
     else if (category === 'Snacks') {
         items = [
             { title: "Frikandel", imageSrc: "media/frikandel.jpg", price: 2.00 },
-            { title: "Mexicano", imageSrc: "media/Mexicano.png", price: 2.00 },
             { title: "Bitterballen", imageSrc: "https://www.taalvoutjes.nl/app/uploads/2014/09/bitterbal.jpg", price: 2.50 },
-            { title: "Kipcorn", imageSrc: "media/Kipcorn.png", price: 2.50 },
         ];
     } else if (category === 'deserts') {
         items = [
             { title: "Ijsjes", imageSrc: "media/Ijs.png", price: 2.00 },
-            { title: "Sorbet", imageSrc: "media/sorbet.jpg", price: 2.50 },
+            { title: "Sorbet", imageSrc: "media/sorbet.webp", price: 2.50 },
         ];
     } else if (category === 'Deals') {
         items = [

website/style.css

@@ -94,10 +94,11 @@ grid:
 }
 
 .close {
+    color: red;
     position: absolute;
-    top: 10px;
-    right: 20px;
-    font-size: 30px;
+    top: 80px;
+    right: 450px;
+    font-size: 40px;
     font-weight: bold;
     cursor: pointer;
 }