-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
169 lines (154 loc) · 8.52 KB
/
index.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
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
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<!--
| Copyright 2015 Esri
|
| Licensed under the Apache License, Version 2.0 (the "License");
| you may not use this file except in compliance with the License.
| You may obtain a copy of the License at
|
| http://www.apache.org/licenses/LICENSE-2.0
|
| Unless required by applicable law or agreed to in writing, software
| distributed under the License is distributed on an "AS IS" BASIS,
| WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
| See the License for the specific language governing permissions and
| limitations under the License.
-->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="fragment" content="!">
<title>Photo Survey</title>
<link href="js/lib/leaflet.css" rel="stylesheet" />
<link href="js/lib/bootstrap.min.css" rel="stylesheet">
<link href="styles.css" rel="stylesheet">
</head>
<!--[if lt IE 9]><body class="unsupportedIE"><![endif]-->
<!--[if IE 9]><body class="IE9"><![endif]-->
<!--[if !IE]> --><body><!-- <![endif]-->
<h1 class="screenreaderInfo">Photo-based survey</h1>
<!-- Splash overlay and social media sign-in -->
<h2 class="screenreaderInfo">Social media sign-in</h2>
<aside id="signinPage" class="pageFill transparent">
<div id="signinPageBkgd" class="splashBackground transparent"></div>
<div id="signinBlock" class="smallSidebar transparent">
<div id="signinTitle" class="signinTitle"></div>
<div id="signinParagraph" class="signinParagraph"></div>
<div id="signinLoginPrompt" class="signinLoginPrompt transparent"></div>
<div id="socialMediaButtonArea" class="socialMediaButtonArea transparent"></div>
</div>
</aside>
<!-- Content page -->
<main id="contentPage" class="conditionalPageFill container-fluid transparent">
<div class="row fillHeight">
<h2 class="screenreaderInfo">Photo gallery</h2>
<article id="mainContent" class="mainContent fillHeight col-sm-9 col-md-9 repad">
<div id="carousel" class="carousel slide" data-ride="carousel" data-interval="false">
<!-- Wrapper for slides -->
<div id="carouselSlidesHolder" class="carousel-inner" role="listbox"></div>
<!-- Indicators -->
<ol id="carouselIndicatorsHolder" class="carousel-indicators"></ol>
<!-- Left and right controls -->
<a id="leftCarouselCtl" class="left carousel-control carousel-control-heartTL" href="#carousel" role="button" data-slide="prev">
<span id="previousImageBtn" class="carousel-arrow carousel-arrow-left sprites left-arrow" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a id="rightCarouselCtl" class="right carousel-control carousel-control-heartTL" href="#carousel" role="button" data-slide="next">
<span id="nextImageBtn" class="carousel-arrow carousel-arrow-right sprites right-arrow" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div id="hearts" class="heartsTL heartsBackground">
<span id="emptyHeart" class="heart sprites empty-heart" aria-hidden="false"></span>
<span id="filledHeart" class="heart sprites filled-heart" aria-hidden="false"></span>
</div>
<div id="overviewMap">
<span id="crosshair">+</span>
</div>
<div id="showHideOverview">
<span id="showOverview" class="showHideOverview sprites showOverview"></span>
<span id="hideOverview" class="showHideOverview sprites hideOverview"></span>
</div>
</article>
<div id="sidebarContent" class="sidebarContent fillHeight col-sm-3 col-md-3 repad">
<h2 class="screenreaderInfo">User information</h2>
<button id="helpButton" aria-label="help" role="button"
class="glyphicon pull-right help-icon iconButton sprites question-sign"
data-toggle="modal" data-target="#additionalInfoPanel"></button>
<div class="dropdown">
<span class="lg-a" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><span id="name"></span>
<span id="score" class="badge"></span><span class="caret"></span>
</span>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
<li id="userProfileSelection"><span id="userProfileSelectionText" role="menuitem" tabindex="-1">Profile</span></li>
<li id="userSignoutSelection"><span id="userSignoutSelectionText" role="menuitem" tabindex="-1">Sign out</span></li>
</ul>
</div>
<div id="page-title" class="page-title"></div>
<h2 class="screenreaderInfo">Survey</h2>
<article id="survey" role="form">
<div id="surveyContainer" class="form-frame"></div>
<div class="action-bar">
<button id="skipBtn" type="button" class="btn skip-button">Skip</button>
<button id="submitBtn" type="submit" class="btn pull-right submit-button">Submit survey</button>
</div>
</article>
<article id="profile" class="transparent">
<div class="profile-frame">
<div id="profileAvatar" class="profileAvatar transparent"></div>
<div id="name2" class="profileName"></div>
<div id="profileCount" class="profileCount transparent">
<div id="score2" class="profileCountNum"></div>
<div id="surveysCompleted" class="profileCountLabel">surveys completed</div>
</div>
<div id="ranking" class="ranking transparent">
<div id="rankLabel" class="profileRankLabel"></div>
<div id="level" class="profileRankLevel"></div>
<div class="profileRankStars"><div class="sprites empty-star"></div><div class="sprites empty-star"></div><div class="sprites empty-star"></div><div class="sprites empty-star"></div><div class="sprites empty-star"></div></div>
<div id="profileRankBar" class="profileRankBar">
<div id="profileRankBarFill" class="profileRankBarFill"></div>
</div>
<div id="remainingToNextLevel" class="profileRankToGo"></div>
</div>
</div>
<div id="profileActionBar" class="action-bar">
<button id="closeProfileBtn" type="button" class="btn skip-button">< Back to survey</button>
</div>
</article>
</div>
</div>
</main>
<!-- Help and message overlay -->
<h2 class="screenreaderInfo">Additional information</h2>
<aside id="additionalInfoPanel" class="modal fade" role="dialog">
<div class="modal-dialog">
<!-- Modal content-->
<div class="modal-content">
<div class="modal-header">
<button id="modalCloseBtn1" aria-label="close help" class="close" data-dismiss="modal">×</button>
<span id="helpTitle" class="modal-title"></span>
</div>
<div id="helpBody" class="modal-body"></div>
<div class="modal-footer">
<button id="modalCloseBtn2" aria-label="close help" class="btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</div>
</aside>
<!-- Load libs and launch app -->
<script src="js/lib/libs.js"></script>
<script>
// Main module is in js/app directory, and it refers to third-party libraries in the js/lib directory
requirejs.config({
baseUrl: "js/app",
paths: {
lib: "../lib"
}
});
// Load the main app module to start the app
requirejs(["main"]);
</script>
</body>
</html>