46 lines
1.3 KiB
HTML
46 lines
1.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en" data-theme="light">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta name="color-scheme" content="light dark">
|
|
<title>Chat demo</title>
|
|
|
|
<!-- Link Pico CSS bestand aan deze pagina -->
|
|
<link rel="stylesheet" href="css/vendor/pico.blue.min.css">
|
|
|
|
<!-- <script defer type="module" src="js/chat.js"></script> -->
|
|
<script defer type="module" src="js/chat-onveilig.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<main class="container">
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<strong>Demo van Pocketbase</strong>
|
|
</li>
|
|
</ul>
|
|
<ul>
|
|
<li>
|
|
<a class="outline" role="button" href="index.html">Home</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class="grid">
|
|
<article id="berichten">
|
|
|
|
</article>
|
|
<article>
|
|
<h2>Bericht versturen</h2>
|
|
<form id="verstuurform">
|
|
<textarea name="bericht" placeholder="Type je bericht..."></textarea>
|
|
<button>Versturen</button>
|
|
</form>
|
|
</article>
|
|
</div>
|
|
</main>
|
|
</body>
|
|
|
|
</html> |