triangulateMe/index.html at main · defnetuncer98/triangulateMe · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>triangulateMe</title>
		<link rel="stylesheet" type="text/css" href="resources/css/style.css" />
		<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.3.0/css/font-awesome.css" />
		<link rel="preconnect" href="https://fonts.gstatic.com">
		<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@100&family=Ubuntu&display=swap" rel="stylesheet">
	</head>
	<body>
		<div class="gridcontainer">
			<div id="sidecontainer"></div>
			<div id="header1" class="griditem1 section"></div>
			<div id="header2" class="griditem2 subtitle"></div>
			<div id="step1" class="griditem3 section"></div>
			<div id="info1" class="subtitle"></div>
			<div id="step2" class="griditem4 section"></div>
			<div id="info2" class="subtitle"></div>
			<div id="step3" class="griditem5 section"></div>
			<div id="info3" class="subtitle"></div>
			<button id="ready" class="def-button" type="button" onclick="onClickedReadyButton()" onmouseenter="onEnteredReadyButton()" onmouseleave="onLeftReadyButton()">Ready?</button>
			<button id="reset" class="def-button" type="button" onclick="onClickedResetButton()" onmouseenter="onEnteredResetButton()" onmouseleave="onLeftResetButton()">Reset</button>
		</div>
		<ul id="menu">
			<li><button class="nav-button" id="page1">hello<i class="icon fa fa-coffee"></i></button></li>
			<li><button class="nav-button" id="page2">triangulation<i class="icon fa fa-connectdevelop"></i></button></li>
			<li><button class="nav-button" id="page3">motion-planning<i class="icon fa fa-bolt"></i></button></li>
			<li><button class="nav-button" id="page4">2d-shadow<i class="icon fa fa-cube"></i></button></li>
		</ul>
		<div id="input-canvas"></div>
		<div id="canvas-2"></div>
		<div id="canvas-3"></div>
		<div id="canvas-4"></div>
		<div id="canvas-5"></div>
		<div id="cursor-container">
			<image id="cursor" src="resources/images/cursor.gif"></image>
			<div id="cursor-info"></div>
		</div>
		<image id="swipeup" src="resources/images/swipeup.gif"></image>
		<script src="resources/js/three.js"></script>
		<script src="resources/js/delaunay.js"></script>
		<script src="resources/js/dijkstra.js"></script>
		<script src="resources/js/init.js"></script>
		<script src="resources/js/common-js.js"></script>
		<script src="resources/js/common-three.js"></script>
		<script src="resources/js/common-cg.js"></script>
		<script src="resources/js/point.js"></script>
		<script src="resources/js/line.js"></script>
		<script src="resources/js/polygon.js"></script>
		<script src="resources/js/page.js"></script>
		<script src="resources/js/home.js"></script>
		<script src="resources/js/triangulate.js"></script>
		<script src="resources/js/motion-planning.js"></script>
		<script src="resources/js/2d-shadow.js"></script>
		<script src="resources/js/app.js"></script>
	</body>
</html>