<!DOCTYPE html>

<html>

	<head>

		<meta charset="utf-8">
		<meta name="theme-color" content="#c50e1f">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link href="style.css" rel="stylesheet" type="text/css">

		<title>FS Quiz tool</title>

	</head>

	<body>

		<header>

			<h1>FS Czech Quiz Tool</h1>

			<noscript><span class="warning">Please enable JavaScript</span></noscript>

			<span id="browserwarning"><span class="warning">Please use a modern browser.</span></span>

		</header>

		<main>

			<div id="spreadsheet" class="view">
				<form>

					Title:<br>
					<input type="text" id="titleField" required>
					Paste your questions from a spreadsheet here:<br>
					<textarea rows="16" id="questions" required></textarea>
					<br>

					<input type="button" value="Create Quiz" onclick="createQuiz()">

				</form>
			</div>

			<div id="prescreen" class="view">
				<h1></h1>
				<input type="button" value="Start" onclick="startQuiz()" class="center">
			</div>

			<div id="quiz" class="view">
				<h1></h1>
				<h3 class="totaltimer">0:00</h3>
				<div id="sharing">
					<input type="button" value="Share This Quiz" onclick="shareQuiz()" class="center">
					<br><a id="shareLink"></a><br>
				</div>
				<form>
				</form>
				<input type="button" value="Submit" onclick="submitQuiz()" style="background: #008029" id="quizSubmitButton" disabled>
				<input type="button" value="Abort" onclick="abortQuiz()">
			</div>

			<div id="postscreen" class="view">
				<h1></h1>
				<h3 class="totaltimer">0:00</h3>
				<input type="button" value="Restart" onclick="reStartQuiz()" class="center">
				<input type="button" value="Create New Quiz" onclick="changeView('spreadsheet')" class="center">
			</div>

		</main>

		<footer>
			&copy; 2020 Oskar / FaSTTUBe
			&middot; GPLv3
			&middot; Code &amp; feedback: <a href="https://git.fasttube.de/FaSTTUBe/fs-quiz-tool">git</a>
			&middot; <span id="meme"></span>
		</footer>

		<script src="main.js"></script>

	</body>

</html>