<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>LYNCS Susume Project - CanSat Control Log</title>
<link href="https://fonts.googleapis.com/css?family=Raleway:400,500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="base.css" rel="stylesheet">
</head>
<body>
<div class="main_container">
	<div class="header">
		<h1>LYNCS Susume Project - CanSat Control Log</h1>
		<div class="legend">
			<span>
				CanSat: {{CANSAT_NAME}}<br>
				Operation Date : {{OPS_DATE}}<br>
				Log Generated : {{LOG_DATE}}
			</span>
		</div>
	</div>

	<div class="table_container">
		<h2>Telemetry Data</h2>
		<div class="description">Downlink via Lepus</div>
		<div id="table_scroll">
		<table>
	<tbody>
		<tr>
			<th>ID</th>
			<th>Latitude</th>
			<th>Longtitude</th>
			<th>Ranging</th>
			<th>Geomagnetism</th>
			<th>Acceleration</th>
			<th>Direction</th>
			<th>Foward</th>
			<th>Parachute</th>
			<th>Landing</th>
		</tr>
		{{TR_INSERT_SPACE}}
	</tbody>
</table>
	</div>
	</div>

	<div class="graph_container">
		<h2>Graph</h2>
		<div class="description">Generated with Google Static Map API</div>
		<img id="mapimg" src="https://maps.googleapis.com/maps/api/staticmap?size=640x640&sensor=false&zoom=19&path=40.179031,140.020599|40.179032,140.020591|40.179032,140.020591|40.179022,140.020581|40.179122,140.021281|40.178122,140.02121&scale=2" alt="map">
	</div>

</div>
</body>
</html>
