alvin/Spik-en-span
1
0
Fork 0
mirror of https://github.com/Alvin-Zilverstand/Spik-en-span.git synced 2026-03-06 11:17:09 +01:00
Code Issues Packages Projects Releases Wiki Activity

Refactor HTML and CSS file structure: update stylesheet paths, add new scripts, and enhance login functionality

Browse Source
This commit is contained in:
vista-man
2025-04-10 17:00:57 +02:00
parent 7c2d11591f
commit 15ce96681f
15 changed files with 66 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
bestellen.html
View File

@@ -5,9 +5,9 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tickets Bestellen - Spik en span</title> <title>Tickets Bestellen - Spik en span</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/bestellen.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
<link rel="stylesheet" href="bestellen.css">
</head> </head>
<body> <body>
@@ -84,4 +84,8 @@
</div> </div>
</body> </body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/script.js"></script>
</html> </html>

6
contact.html
View File

@@ -3,9 +3,9 @@
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title> <title>Contact - Spik en Span</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
<style> <style>
body { body {
@@ -79,6 +79,6 @@
</body> </body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="script.js"></script> <script src="js/script.js"></script>
</html> </html>

0
style/bestellen.css → css/bestellen.css
View File

0
style/style.css → css/style.css
View File

19
employee-login.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Medewerker Login</title> <title>Medewerker Login</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="css/style.css">
</head> </head>
<body> <body>
@@ -67,20 +67,7 @@
</body> </body>
<script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
document.getElementById('loginForm').addEventListener('submit', function (e) { <script src="js/script.js"></script>
e.preventDefault();
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
if (username === 'admin' && password === 'password') {
alert('Succesvol ingelogd!');
window.location.href = 'qr/qr.html';
} else {
alert('Ongeldige inloggegevens.');
}
});
</script>
</html> </html>

4
index.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Spik En Span</title> <title>Spik En Span</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
</head> </head>
@@ -62,6 +62,6 @@
</body> </body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="script.js"></script> <script src="js/script.js"></script>
</html> </html>

18
js/script.js
View File

@@ -31,4 +31,20 @@ function toggleVideo() {
} else { } else {
video.pause(); video.pause();
} }
} }
document.getElementById('loginForm').addEventListener('submit', function (e) {
e.preventDefault();
const username = document.getElementById('username').value;
const password = document.getElementById('password').value;
if (username === 'admin' && password === 'password') {
alert('Succesvol ingelogd!');
window.location.href = '../qr/qr.html';
} else {
alert('Ongeldige inloggegevens.');
}
});

12
order-pages/vrijdag-kinderen.html
View File

@@ -5,16 +5,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vrijdag Kinderen - Spik En Span</title> <title>Vrijdag Kinderen - Spik En Span</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="../css/style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="stylesheet" href="../css/bestellen.css">
<link rel="stylesheet" href="bestellen.css"> <link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg bg-body-tertiary"> <nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="index.html"> <a class="navbar-brand" href="index.html">
<img src="assets/favicon.ico" alt="Bootstrap" width="30" height="24"> <img src="../assets/favicon.ico" alt="Bootstrap" width="30" height="24">
Spik & Span Spik & Span
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
@@ -52,4 +52,8 @@
</nav> </nav>
</body> </body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/script.js"></script>
</html> </html>

12
order-pages/vrijdag-volwassenen.html
View File

@@ -5,16 +5,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Vrijdag Volwassenen - Spik En Span</title> <title>Vrijdag Volwassenen - Spik En Span</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="../css/style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="stylesheet" href="../css/bestellen.css">
<link rel="stylesheet" href="bestellen.css"> <link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg bg-body-tertiary"> <nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="index.html"> <a class="navbar-brand" href="index.html">
<img src="assets/favicon.ico" alt="Bootstrap" width="30" height="24"> <img src="../assets/favicon.ico" alt="Bootstrap" width="30" height="24">
Spik & Span Spik & Span
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
@@ -52,4 +52,8 @@
</nav> </nav>
</body> </body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/script.js"></script>
</html> </html>

12
order-pages/zaterdag-kinderen.html
View File

@@ -5,16 +5,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zaterdag Kinderen - Spik En Span</title> <title>Zaterdag Kinderen - Spik En Span</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="../css/style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="stylesheet" href="../css/bestellen.css">
<link rel="stylesheet" href="bestellen.css"> <link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg bg-body-tertiary"> <nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="index.html"> <a class="navbar-brand" href="index.html">
<img src="assets/favicon.ico" alt="Bootstrap" width="30" height="24"> <img src="../assets/favicon.ico" alt="Bootstrap" width="30" height="24">
Spik & Span Spik & Span
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
@@ -52,4 +52,8 @@
</nav> </nav>
</body> </body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/script.js"></script>
</html> </html>

12
order-pages/zaterdag-volwassenen.html
View File

@@ -5,16 +5,16 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zaterdag Volwassenen - Spik En Span</title> <title>Zaterdag Volwassenen - Spik En Span</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="../css/style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="stylesheet" href="../css/bestellen.css">
<link rel="stylesheet" href="bestellen.css"> <link rel="icon" type="image/x-icon" href="../assets/favicon.ico">
</head> </head>
<body> <body>
<nav class="navbar navbar-expand-lg bg-body-tertiary"> <nav class="navbar navbar-expand-lg bg-body-tertiary">
<div class="container-fluid"> <div class="container-fluid">
<a class="navbar-brand" href="index.html"> <a class="navbar-brand" href="index.html">
<img src="assets/favicon.ico" alt="Bootstrap" width="30" height="24"> <img src="../assets/favicon.ico" alt="Bootstrap" width="30" height="24">
Spik & Span Spik & Span
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
@@ -52,4 +52,8 @@
</nav> </nav>
</body> </body>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="js/script.js"></script>
</html> </html>

4
over-ons.html
View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Over Ons - Spik en Span</title> <title>Over Ons - Spik en Span</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/x-icon" href="assets/favicon.ico"> <link rel="icon" type="image/x-icon" href="assets/favicon.ico">
<style> <style>
body { body {
@@ -83,6 +83,6 @@
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<script src="script.js"></script> <script src="js/script.js"></script>
</body> </body>
</html> </html>

0
logout.php → php/logout.php
View File

2
process_login.php → php/process_login.php
View File

@@ -30,7 +30,7 @@ if ($password_hash && password_verify($password, $password_hash)) {
session_start(); session_start();
$_SESSION['user_id'] = $user_id; $_SESSION['user_id'] = $user_id;
echo "Login successful!"; echo "Login successful!";
header("Location: qr/qr.html"); // Redirect to QR scanner page header("Location: ../qr/qr.html"); // Redirect to QR scanner page
} else { } else {
echo "Invalid login credentials."; echo "Invalid login credentials.";
} }

0
process_ticket.php → php/process_ticket.php
View File