abgame/templates/index.html

38 lines
2.0 KiB
HTML

<!DOCTYPE html>
<html lang="de">
<head>
<title>{{ title }}</title>
<link rel="stylesheet" type="text/css" href="/css/ab.css">
<link rel="apple-touch-icon" sizes="180x180" href="{{ url_for('static', filename='apple-touch-icon.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='favicon-32x32.png') }}">
<link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='favicon-16x16.png') }}">
<link rel="manifest" href="{{ url_for('static', filename='site.webmanifest') }}">
<link rel="mask-icon" href="{{ url_for('static', filename='safari-pinned-tab.svg') }}" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="robots" content="noindex, nofollow">
</head>
<body>
<div id="content">
<div id="header">{{ title }}</div>
{%- set id = namespace(value=0) %}
{%- for question in content %}
{%- set id.value = id.value + 1 %}
<div class="ab">
<input type="radio" id="a{{ id.value }}" class="a" name="group-{{ id.value }}">
<label for="a{{ id.value }}" class="a"> A) {{ question['A'] }}</label>
<div class="separator">{{ separator }}</div>
<input type="radio" id="b{{ id.value }}" class="b" name="group-{{ id.value }}">
<label for="b{{ id.value }}" class="b">B) {{ question['B'] }}</label>
</div>
{%- endfor %}
<div id="footer">
<div id="questions">Es gibt derzeit {{ num_lines }} Fragen.</div>
<div class="separator">&nbsp;</div>
<form action="/"><button id="next" type="submit">Neue Fragen</button></form>
</div>
</div>
</body>
</html>