index.html

﻿<!DOCTYPE html>

<html>
	<head>
		<meta charset="UTF-8">
		<meta name="keywords" content="depth, perception, depthperception, moving, images, depth perception, 3d, image, board, image board">
		<meta name="description" content="An image board with depth">
		<meta name="author" content="Damjan Roškar">
		<title>Depth Perception</title>
		
		<!-- font -->
		<link href='http://fonts.googleapis.com/css?family=VT323' rel='stylesheet' type='text/css'>
		
		<!-- stylesheet -->
		<link rel="stylesheet" type="text/css" href="style/style.css">
		
		<!-- jQuery -->
		<script src="libraries/jquery-1.12.0.min.js"></script>
		
	</head>

	<body>
		<table id="mainTable">
			<tr>
				<td><img id="AL" src="images/l.svg" alt="ArrowLeft"></td>
				<td id="canvas_cell"><canvas id="canvas" width="250" height="200"></canvas></td>
				<td><img id="AR" src="images/r.svg" alt="ArrowRight"></td>
			</tr>
			<tr>
				<td></td>
				<td>
					<table id="infotable">
						<tr >
							<td id="title"></td>
							<td id="by" class="tableText" >by</td>
							<td id="author"></td>
						</tr>
					</table>
				</td>
				<td></td>
			</tr>
			<tr>
				<td></td>
				<td class="centerTd">
					<span class="text">share: </span>
					<input id="textBoxShare" class="textBox" type="text" onfocus="this.select()" onMouseUp="return false" value="" ></input>
					<button id="copyButton" class="big" >copy</button>
				</td>
				<td></td>
			</tr>
			<tr>
				<td class="navtd" colspan="3">
					<hr>
					<button id="navSubmitButton" class="big" >submit</button>
					<button id="navContactButton" class="big" >contact</button>
				</td>
			</tr>
		</table>
		<br />
		<script src="script/settings.js"></script>
		<script src="script/modules/tools.js"></script>
		<script src="script/modules/keyboard.js"></script>
		<script src="script/modules/canvas_control.js"></script>
		<script src="script/modules/data_access.js"></script>
		<script src="script/gallery.js"></script>
	</body>
</html>