-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathdemo.html
84 lines (75 loc) · 4.45 KB
/
demo.html
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="CONTENT-TYPE" CONTENT="text/html; charset=utf-8">
<TITLE>NightFox</TITLE>
<link rel="stylesheet" type="text/css" href="css/nightfox.css">
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="build/webgazer.js"></script>
<script src="js/nightfox.js"></script>
<script src="stroke.js"></script>
<script src="js/eyetracker.js"></script>
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</HEAD>
<BODY>
<!-- <div class="row">-->
<!-- <li id="click_button">-->
<!-- <button onclick="train()">Training</button> -->
<!-- <button onclick="home()">Home</button> -->
<!-- <button onclick="myMove()">Moving</button> -->
<!-- <input type="button" id="movie" value="movie" onClick="clickmovie()"/>-->
<!-- <input type="button" id="food" value="food" onClick="clickfood()"/>-->
<!-- <input type="button" id="book" value="book" onClick="clickbook()"/>-->
<!-- <input type="button" id="ac" value="ac" onClick="clickac()"/>-->
<!-- <input type="button" id="m1" value="croods" onClick="clickmovie(1)"/>-->
<!-- <input type="button" id="m2" value="hungergame" onClick="clickmovie(2)"/>-->
<!-- <input type="button" id="m2" value="batman" onClick="clickmovie(3)"/>-->
<!-- <input type="button" id="m2" value="tinffany" onClick="clickmovie(4)"/>-->
<!-- <input type="button" id="f1" value="burger" onClick="clickfood(1)"/>-->
<!-- <input type="button" id="f2" value="bacon&egg" onClick="clickfood(2)"/>-->
<!-- <input type="button" id="f3" value="coffee" onClick="clickfood(3)"/>-->
<!-- <input type="button" id="f4" value="pizza" onClick="clickfood(4)"/>-->
<!-- <input type="button" id="b1" value="1Q84" onClick="clickbook(1)"/>-->
<!-- <input type="button" id="b2" value="eatparylove" onClick="clickbook(2)"/>-->
<!-- <input type="button" id="b3" value="watersources" onClick="clickbook(3)"/>-->
<!-- <input type="button" id="b4" value="graymountain" onClick="clickbook(4)"/>-->
<!-- </li>-->
<!--</div>-->
<div class="row" id="training_row" style="display: block;">
<center><h2>Click on a few locations within the screen while looking purposefully at the cursor.</h2></center>
<center><h2>Both clicks and cursor movements make the predictions more accurate.</h2></center>
</div>
<div class="row" id="nocursor">
<!--homepage moving items-->
<div class="col-md-9">
<div id ="myContainer">
<div id ="movieAnimation"></div>
<div id ="foodAnimation"></div>
<div id ="bookAnimation"></div>
<div id ="acAnimation"></div>
</div>
</div>
<!--Confirmation-->
<div class="col-md-3">
<div id ="gazerBox">
<button class="buttonGreen" id="correct" style="display: none;" onclick="correct()"> CONTINUE </button>
<div class="textArea" id="response"></div>
<button class="buttonRed" id="incorrect" style="display: none;" onclick="incorrect()"> GO BACK</button>
</div>
</div>
</div>
<script>
//document.getElementById('nocursor').style.cursor = 'none';
window.onload =start();
// $(document).ready(function() {
// start();
// });
</script>
</BODY>
</HTML>