<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link
rel="stylesheet"
href="https://unpkg.com/purecss@2.0.3/build/pure-min.css"
integrity="sha384-cg6SkqEOCV1NbJoCu11+bm0NvBRc8IYLRGXkmNrqUBfTjmMYwNKPWBTIKyw9mHNJ"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
<title>Fragen</title>
</head>
<body>
<div class="pure-menu pure-menu-horizontal">
<a href="/" class="pure-menu-item pure-menu-link">Home</a>
<a href="/auth/api/logout" class="pure-menu-item pure-menu-link">Logout</a>
</div>
<main>
<div class="pure-form pure-form-stacked">
<fieldset>
<legend>Fragen</legend>
<div class="bar" id="progress"></div>
<label id="question_label" for="question"></label>
<input name="question" id="question" hidden />
<div class="answer-buttons pure-button-group" role="group"></div>
<br />
<div class="back-skip pure-button-group" role="group">
<button id="prev-btn" class="pure-button">Zurück</button>
<button id="skip-btn" class="pure-button">Weiter</button>
</div>
</fieldset>
<small>
<b>
Hinweis: Diese Fragen werden anonymisiert ausgewertet und als prozentuale Statistik unseres
Jahrgangs in der Abizeitung dargestellt.
</b>
</small>
</div>
</main>
<script src="script.js" charset="utf-8"></script>
</body>
</html>