<?php
$krabbels_opgeslagen = json_decode(file_get_contents(__DIR__ . '/../.krabbels_opgeslagen.json'), true);
?>

<!DOCTYPE html>
<html lang="nl">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>𝖘𝖚𝖉𝖔 𝖓𝖆𝖓𝖔 ☼ krabbelboek</title>
    <meta name="description" content="Hier kun je een bericht achterlaten voor andere bezoekers om te lezen.">


    <meta name="robots" content="index, follow">

    <link rel="canonical" href="https://sudonano.nl/index.html" />
  
    <link rel="stylesheet" href="style.css">
</head>


<body>
    <nav class="back"><a href="index.html"><img class="crisp" src="bg_images/logo_transparent.png" alt="logo"></a></nav>

     <main>
        <div class="article_page space_for_sun">
            <div class="article_text">
                <h1>Leave a krabbel in our krabbel book</h1>
                <p>To "krabbel" means to jot, scribble, scratch or doodle, and we probably don't do it enough on the internet anymore. So please, entertain some strangers with a recurring nightmare, your usual breakfast, an epiphany that hit you during a zoom call, or a question about something or other.</p> 
                <p>You can choose to put a name under your krabbel or stay anonymous.</p>
                <p>Krabbels can be a maximum of 2500 characters long, and need to be approved before they appear here, so that could take a day or two.</p>
                
                <?php foreach ($krabbels_opgeslagen as $msg): ?>
                    <?php if (!empty($msg['goedgekeurd'])): ?>
                        
                        
                        <div class="krabbel">   
                            <p class="artikelmeta">
                                <?= nl2br(htmlspecialchars($msg['timestamp'])) ?>
                            </p>
                            <p>
                                <?= nl2br(htmlspecialchars($msg['krabbel'], ENT_QUOTES, 'UTF-8')) ?>
                            </p>
                        </div>



                    <?php endif; ?>
                <?php endforeach; ?>

                <form action="krabbels_submit.php" method="POST">
                    <textarea name="krabbel" required></textarea><br>
                    <button type="submit">Stuur</button>
                </form>
                <p class="artikel_eind">
                <a href="krabbels_admin.php">krabbeladmin</a>
            </div>
        </div>      
    </main>

        <footer>

    </footer></body>
</html>