www/index.html at master · palaa159/www · 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
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
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
<!DOCTYPE html>

<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width, user-scalable=no">
	<link rel="stylesheet" href="css/jquery.mobile-1.3.1.min.css">
	<link rel="stylesheet" href="css/leaflet.css">
	<link rel="stylesheet" href="css/main.css">
	<title>Memories of the Future</title>
	<script src="js/vendor/jquery.min.js"></script>
	<script src="js/vendor/jquery.mobile-1.3.1.min.js"></script>
	<script src="js/vendor/energize.min.js"></script>
	<script src="js/vendor/parse.min.js"></script>
	<script src="http://a.vimeocdn.com/js/froogaloop2.min.js"></script>
	<script src="js/vendor/leaflet.js"></script>
	<script src="js/appinit.js"></script>
	<script src="js/listview.js"></script>
	<script src="js/detailview.js"></script>
	<script src="js/mapinit.js"></script>
</head>
<body>
	<!-- 	Fetch -->
	<div data-role="page" id="fetch">
		<div data-role="content">
			<div id="fetching">
				<img class="loaderGif" src="img/loader.gif">
				<h5>Fetching data ...</h5>
			</div>
		</div>
	</div>
	<!--     Menu -->
	<div data-role="page" id="menu">
		<div data-role="content">
			<h3>Memories of the Future</h3>
			<p>This is a location-based cinema project focusing on issues affecting the Hunt's Point community</p>
			<p><a href="#mapView" data-role="button" data-inline="true" class="clickForMap">Begin</a></p>
		</div>
	</div>
	<!-- Credit -->
	<div data-role="page" data-add-back-btn="true" id="credits">
		<div data-role="header" data-position="fixed">
			<h1>Credits</h1>
		</div>
		<div data-role="content">
			<h3>Leaflet</h3>
		</div>
	</div>
	<!-- 	Map View -->
	<div data-role="page" id="mapView">
		<div data-role="header" data-position="fixed" data-tap-toggle="false">
			<a href="#menu">About</a>
			<h1>Memories of the Future</h1>
			<a href="#listView">List</a>
		</div>
		<div data-role="content">
			<div id="map">
			</div>
			<div id="locatingBox">Please hold on while we're locating you</div>
		</div>
		<div data-position="fixed" data-tap-toggle="false" class="customFooter" >
			<a href="#" id="clientLocate" data-role="button" data-inline="true">Locate</a>
		</div>
	</div>
	<!-- 	List View -->
	<div data-role="page" id="listView">
		<div data-role="header" data-position="fixed" data-tap-toggle="false">
			<h1>List View</h1>
			<a href="#mapView">Map View</a>
		</div>
		<div data-role="content">
			<ul data-role="listview" data-split-icon="gear" data-split-theme="d" class="ui-listview">
				<li id="forClone" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-icon="false" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li ui-li-has-alt ui-li-has-thumb ui-btn-up-c">
					<div class="ui-btn-inner ui-li ui-li-has-alt" style="margin-left: -85px">
						<div class="ui-btn-text">
							<a href="#detailView" class="ui-link-inherit" data-parse="hello">
								<img src="img/jpeg.jpeg" class="ui-li-thumb">
								<h3 id="nodeTitle" class="ui-li-heading"></h3>
								<p id="nodeAddress" class="ui-li-desc"></p>
								<p id="nodeAuthor" class="ui-li-desc"></p>
							</a>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>
	<!-- 	Detail View -->
	<div data-role="page" id="detailView">
		<div data-role="header" data-position="fixed" data-tap-toggle="false">
			<h1>Detail View</h1>
			<a id="backToBefore">Back</a>
		</div>
		<div data-role="content">
			<div id="detailNodeTitle"></div>
			<div id="detailNodeAddress"></div>
			<div id="detailNodeVideo">
				<iframe id="vimeo-player" src="" frameborder="0"></iframe>
			</div>
			<div id="detailSeqNum"></div>
			<div id="detailNodeDesc"></div>
		</div>
	</div>
	<!-- 	Contribute -->
	<div data-role="page" id="contribute">
		<div data-role="header" data-position="fixed" data-tap-toggle="false">
			<h1>Contribute</h1>
		</div>
		<div data-role="content">
			<div id="contribute-map">
			</div>
		</div>
		<div data-position="fixed" data-tap-toggle="false" class="customFooter" >
			<div class="contributeAdd">Add</div>
		</div>
	</div>

</body>
</html>