Spaces:
Sleeping
Sleeping
| <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> |