<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>DMC ProjectionMapping Scanner</title>

		<link rel="stylesheet" href="../css/main.css">
		<link rel="stylesheet" href="../css/last.css">

		<script type="text/javascript" src="../js/timer.js"></script>
		<script type="text/javascript" src="../js/utils.js"></script>
		<script type="text/javascript" src="../js/ajax.js"></script>
	</head>
	
	<body>
		<div class="row">
			<div class="header">
				<div id="header-col1" class="header-columns">
					<img id="logo-fabula" src="../assets/img/fabula_lab.png" alt="logo fabula">
				</div>				
				<div id="header-col2" class="header-columns">
					<h2>la sfinge vive! VIVA LA SFINGE!</h2>
				</div>
			</div>
		</div>		

		<div class="content">
			<br>
			<div class="row">
				<div class="scanner-columns">
					<div class="scanner" style="text-align:center">
						<img id="cam-img" src="../out/dst_display.png" alt="dst.png" width="733" height="550" style="margin-top:0px;">
					</div>						
				</div>

				<div class="scanner-columns">
					<div class="scanner">
						<br><br><br><br><br><br>
						<h1 id="sign-msg" style="font-size:75px;">Ottimo lavoro
							<script>
								let sign = getURLParameterValue('sign');
								if(sign == null)
									sign = "";
								document.getElementById("sign-msg").innerHTML += sign+"!";
							</script>
						</h1>
						<h1 style="font-size:75px;">Ora goditi la proiezione!</h1>
					</div>
				</div>
			</div>
			<div class="row">
				<div><br></div>
				<div><br></div>
				<div><br></div>

				<div style="text-align: center;">
					<a href="index.html">
						<button class="home-button" id="goHomeButton">Torna all'inizio</button>
					</a>
				</div>
			</div>
			<div class="row">
				<h2 id="ajax-test"></h2>
			</div>
		</div>
	</body>
	<script>sendBackgroundRequest();</script>
	<script type="text/javascript">resetTimer("50");</script>

</html>

