Spaces:
Sleeping
Sleeping
| <html lang="nl"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Spelregels</title> | |
| <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}"> | |
| </head> | |
| <body class="theme-app theme-participant"> | |
| <div class="app-bg"></div> | |
| <div class="app-shell"> | |
| <main class="auth-shell"> | |
| <section class="auth-card card"> | |
| <h1>Welkom bij de Turing Test!</h1> | |
| <h2>Wie van de drie zijn de AI's?</h2> | |
| <p>Je stelt steeds een vraag en krijgt drie antwoorden. Twee van de antwoorden zijn gemaakt door een AI en één door een echt persoon. Jij moet raden wie de AI's zijn en wie de echte persoon.</p> | |
| <ol style="margin: 14px 0 14px 20px; line-height: 2;"> | |
| <li>Kies een moeilijkheid hieronder.</li> | |
| <li>Stel je vragen via het tekstvak <strong>bovenaan</strong> het scherm.</li> | |
| <li>Lees de antwoorden op alle drie de schermen goed.</li> | |
| <li>Druk op <strong>"Dit is de AI! 🤖"</strong> boven het scherm waarvan jij denkt dat het een AI is.</li> | |
| </ol> | |
| <h3 style="margin-bottom: 10px;">Kies je moeilijkheid:</h3> | |
| <form action="/set_difficulty" method="POST" class="difficulty-form"> | |
| <input type="hidden" name="next" value="{{ url_for('user_rules') }}"> | |
| <div class="buttons" style="justify-content: center;"> | |
| <button type="submit" name="difficulty" value="easy" class="button {% if difficulty == 'easy' %}button-selected{% endif %}" {% if not can_change_settings %}disabled{% endif %}> | |
| Makkelijk (5 vragen) | |
| </button> | |
| <button type="submit" name="difficulty" value="medium" class="button {% if difficulty == 'medium' %}button-selected{% endif %}" {% if not can_change_settings %}disabled{% endif %}> | |
| Gemiddeld (3 vragen) | |
| </button> | |
| <button type="submit" name="difficulty" value="hard" class="button {% if difficulty == 'hard' %}button-selected{% endif %}" {% if not can_change_settings %}disabled{% endif %}> | |
| Moeilijk (1 vraag) | |
| </button> | |
| </div> | |
| </form> | |
| <div class="buttons" style="justify-content: center; margin-top: 14px;"> | |
| <a href="{{ url_for('user_dashboard') }}" class="button">Spelen!</a> | |
| </div> | |
| </section> | |
| </main> | |
| </div> | |
| </body> | |
| </html> |