From 0e5362a5ca9fbf1755590b6db9c4ae099cc69ef0 Mon Sep 17 00:00:00 2001
From: cowboykipnugget <524877@vistacollege.nl>
Date: Fri, 21 Feb 2025 12:27:54 +0100
Subject: [PATCH 1/2] s

---
 website/betalen.html | 37 +++++++++++++++++++++++++++++++++++--
 1 file changed, 35 insertions(+), 2 deletions(-)
diff --git a/website/betalen.html b/website/betalen.html
index 5369641..e75f55b 100644
--- a/website/betalen.html
+++ b/website/betalen.html
@@ -1,12 +1,45 @@
 <!DOCTYPE html>
 <html lang="nl">
+
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Betaalpagina Mees</title>
     <link rel="icon" href="media/favicon.ico" type="image/x-icon">
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            text-align: center;
+            padding: 50px;
+            background-color: #f9f9f9;
+        }
+        h1 {
+            color: #F56E28;
+        }
+        p {
+            font-size: 1.2em;
+            margin-top: 20px;
+        }
+        button {
+            margin-top: 30px;
+            padding: 10px 20px;
+            background-color: #F56E28;
+            color: white;
+            border: none;
+            cursor: pointer;
+            font-size: 1.1em;
+        }
+        button:hover {
+            background-color: #F56E28;
+        }
+    </style>
 </head>
+
 <body>
-    <h1></h1>
+    <h1>Bedankt voor uw bestelling!</h1>
+    <p>Uw bestelling is succesvol geplaatst. U kunt dit tabblad nu sluiten.</p>
+    <button onclick="window.close()">Sluit dit tabblad</button>
+    <h1>Uw Bestellings nummer=</h1>
 </body>
-</html>
\ No newline at end of file
+
+</html>

From 02bb273621567ada7ab394b8ad494cf59622638d Mon Sep 17 00:00:00 2001
From: vista-man <524715@vistacollege.nl>
Date: Fri, 21 Feb 2025 13:20:24 +0100
Subject: [PATCH 2/2] Refactor payment page styles and add new stylesheet

---
 website/betaal.css   | 25 +++++++++++++++++++++++++
 website/betalen.html | 28 +---------------------------
 website/style.css    |  1 +
 3 files changed, 27 insertions(+), 27 deletions(-)
 create mode 100644 website/betaal.css

diff --git a/website/betaal.css b/website/betaal.css
new file mode 100644
index 0000000..abd2d3a
--- /dev/null
+++ b/website/betaal.css
@@ -0,0 +1,25 @@
+body {
+    font-family: Arial, sans-serif;
+    text-align: center;
+    padding: 50px;
+    background-color: #f9f9f9;
+}
+h1 {
+    color: #F56E28;
+}
+p {
+    font-size: 1.2em;
+    margin-top: 20px;
+}
+button {
+    margin-top: 30px;
+    padding: 10px 20px;
+    background-color: #F56E28;
+    color: white;
+    border: none;
+    cursor: pointer;
+    font-size: 1.1em;
+}
+button:hover {
+    background-color: #F56E28;
+}
\ No newline at end of file
diff --git a/website/betalen.html b/website/betalen.html
index e75f55b..c3bef2a 100644
--- a/website/betalen.html
+++ b/website/betalen.html
@@ -6,33 +6,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Betaalpagina Mees</title>
     <link rel="icon" href="media/favicon.ico" type="image/x-icon">
-    <style>
-        body {
-            font-family: Arial, sans-serif;
-            text-align: center;
-            padding: 50px;
-            background-color: #f9f9f9;
-        }
-        h1 {
-            color: #F56E28;
-        }
-        p {
-            font-size: 1.2em;
-            margin-top: 20px;
-        }
-        button {
-            margin-top: 30px;
-            padding: 10px 20px;
-            background-color: #F56E28;
-            color: white;
-            border: none;
-            cursor: pointer;
-            font-size: 1.1em;
-        }
-        button:hover {
-            background-color: #F56E28;
-        }
-    </style>
+    <link rel="stylesheet" href="betaal.css">
 </head>
 
 <body>
diff --git a/website/style.css b/website/style.css
index f65b610..d0b28fb 100644
--- a/website/style.css
+++ b/website/style.css
@@ -328,6 +328,7 @@ body {
 
 #order-button:hover {
     background-color: #45a049;
+    transform: scale(1.05);
 }
 
 .cart.visible {
