File size: 2,431 Bytes
9bc7cb6
623bf54
9bc7cb6
 
 
623bf54
9bc7cb6
 
c2a8f15
 
 
623bf54
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
c2a8f15
9bc7cb6
623bf54
 
 
 
 
 
 
 
 
9bc7cb6
 
623bf54
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="nl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Admin Spelregels</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
</head>
<body class="theme-app theme-admin">
    <div class="app-bg"></div>
    <div class="app-shell">
        <main class="auth-shell">
            <section class="auth-card card">
                <h1>Welkom, Admin!</h1>
                <h2>Zo werkt de Turing Test</h2>

                <p>Een kind gaat vragen stellen aan drie schermen. Twee schermen tonen een AI-reactie, één scherm toont jouw eigen antwoord. Het kind moet raden welk scherm de echte mens is!</p>

                <ol style="margin: 14px 0 14px 20px; line-height: 2; text-align: left;">
                    <li>Stel de AI-profielen in op de volgende pagina.</li>
                    <li>Wijs daarna toe welk scherm jij bent en welke de AI's zijn.</li>
                    <li>Zodra het kind een vraag stuurt, zie je die bovenaan je scherm.</li>
                    <li>Typ jouw antwoord en bekijk de AI-suggesties. Je kunt ze herladen als je ze niet goed vindt.</li>
                    <li>Druk op <strong>"Verstuur antwoorden"</strong> om alle drie de antwoorden naar het kind te sturen.</li>
                    <li>Doe dit voor elke vraag totdat het kind zijn keuze maakt.</li>
                </ol>

                <h3 style="margin-bottom: 8px; margin-top: 10px;">Moeilijkheidsgraden:</h3>
                <ul style="margin: 0 0 14px 20px; line-height: 2; text-align: left;">
                    <li><strong>Makkelijk</strong> — het kind mag 5 vragen stellen</li>
                    <li><strong>Gemiddeld</strong> — het kind mag 3 vragen stellen</li>
                    <li><strong>Moeilijk</strong> — het kind mag maar 1 vraag stellen</li>
                </ul>

                <div class="buttons" style="justify-content: center; margin-top: 18px;">
                    {% if can_change_settings %}
                        <a href="{{ url_for('setup_prompts') }}" class="button">Verder: AI-profielen instellen →</a>
                    {% else %}
                        <a href="{{ url_for('admin_dashboard') }}" class="button">Terug naar dashboard →</a>
                    {% endif %}
                </div>
            </section>
        </main>
    </div>
</body>
</html>