Current directory: /home/klas4s23/domains/585455.klas4s23.mid-ica.nl/public_html/Gastenboek/uploads
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="header.php">
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self'; script-src 'self'; style-src 'self';">
<link rel="stylesheet" href="styles.css" />
<title>Gasten boek</title>
</head>
<body>
<div class="loginAdmin">
<a href="admin/login.html">Admin login</a>
</div>
<div class="hero">
<div class="afterhero">
<img src="Logo.png" alt="logo">
<h1 class="welcometitle">
<p>welcome to only guest book!</p>
</h1>
</div>
<div class="container">
<form id="form" enctype="multipart/form-data" method="post" action="/submit.php">
<label for="name">Name:</label>
<input type="text" id="name" name="name" class="namecl" required pattern="[a-zA-Z0-9 ]+" title="Only letters and numbers are allowed" />
<label for="message">Message:</label>
<textarea id="message" name="message" required></textarea>
<label for="image">Image:</label>
<input type="file" id="image" name="image" accept="image/*"/>
<input type="hidden" name="csrf_token" id="csrf_token" value="">
<input type="submit" value="Verstuur" class="submit-btn" />
</form>
</div>
<div class="gastenbookcontainer">
<h2 class="guestbooktitle">Gasten boek</h2>
<div class="guestbook">
<div class="guestbook-item">
<h3 class="guestbook-name"></h3>
<p class="guestbook-message"></p>
<img class="guestbook-image" src="" alt="Image" style="max-height: 30px; max-width: 30px;">
<p class="guestbook-timestamp"></p>
</div>
</div>
</div>
</div>
<script>
document.addEventListener("DOMContentLoaded", function() {
const csrfToken = generateCSRFToken();
document.getElementById('csrf_token').value = csrfToken;
});
function generateCSRFToken() {
// Generate a random token
return 'secureRandomToken';
}
function escapeHTML(str) {
return str.replace(/[&<>'"]/g, function(tag) {
const charsToReplace = {
'&': '&',
'<': '<',
'>': '>',
"'": ''',
'"': '"'
};
return charsToReplace[tag] || tag;
});
}
</script>
<script src="script.js"></script>
</body>
</html>