|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>Quiz App</title> |
|
<link rel="stylesheet" href="/static/style.css"> |
|
</head> |
|
<body> |
|
<div class="container"> |
|
<h1>Quiz Application</h1> |
|
<div id="file-selection"> |
|
<label for="file">Select a quiz:</label> |
|
<select id="file"> |
|
<option value="" disabled selected>Choose a file</option> |
|
{% for file in files %} |
|
<option value="{{ file }}">{{ file }}</option> |
|
{% endfor %} |
|
</select> |
|
<button id="start-session">Start Session</button> |
|
</div> |
|
<div id="quiz-container" style="display: none;"> |
|
<div id="question-container"> |
|
<p id="timer">Time: 0s</p> |
|
<h2 id="question"></h2> |
|
<div id="options"></div> |
|
<div id="navigation"> |
|
<button id="prev">Previous</button> |
|
<button id="next">Next</button> |
|
</div> |
|
<button id="end-session">End Session</button> |
|
</div> |
|
</div> |
|
<div id="results-container" style="display: none;"> |
|
<h2>Quiz Results</h2> |
|
<p id="score"></p> |
|
</div> |
|
</div> |
|
<script src="/static/script.js"></script> |
|
</body> |
|
</html> |
|
|