-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
95 lines (87 loc) · 4.45 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- Responsive -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="default">
<!-- End Responsive -->
<link rel=icon href="./assets/favicon.ico" sizes="32x32" type="image/vnd.microsoft.icon">
<link rel="stylesheet" href="https://s3-us-west-1.amazonaws.com/patterns.esri.com/files/calcite-web/1.2.5/css/calcite-web.min.css">
<link rel="stylesheet" href="./styles/main.css">
<link rel="stylesheet" href="https://js.arcgis.com/4.14/esri/css/main.css">
<script src="./app/dojo.js"></script>
<script src="https://js.arcgis.com/4.14/"></script>
<script>require(["Application/init"]);</script>
</head>
<body class="configurable-application--loading">
<!-- DETAILS -->
<div class="js-modal modal-overlay" data-modal="app-details-dialog">
<div class="modal-content column-14" aria-labelledby="modal" role="dialog">
<span class="js-modal-toggle esri-interactive icon-ui-close right" aria-label="close-modal"></span>
<h3 class="trailer-half text-blue">Elevation Profiles</h3>
<div class="panel">
This application allows you to create elevation profiles based on the elevation layers available in the current Web Scene. You can use this application with your own elevation layers by appending your Web Scene id to the url:
<div class="leader-quarter text-center">
https://apl.esri.com/jg/ElevationProfile/index.html<span class="avenir-demi">?webscene=<span class="avenir-demi-italic text-rule">your web scene id here</span></span>
</div>
</div>
<div class="leader-half">
<img src="./assets/esri_science_of_where.png" class="left">
<div class="text-right">
<button class="btn js-modal-toggle">OK</button>
</div>
</div>
</div>
</div>
<!-- TOP NAVIGATION -->
<header id="header-panel" class="panel panel-blue panel-no-padding panel-no-border padding-left-1 padding-right-1">
<!-- APP TITLE -->
<span id="app-title-node" class="top-nav-title text-white"></span>
<!-- RIGHT ALIGNED -->
<nav class="top-nav-list right" role="navigation">
<!-- SIGN IN NODE -->
<span id="sign-in-node" class="top-nav-link text-white esri-interactive icon-ui-user margin-left-1">Sign In</span>
<!-- USER NODE -->
<div id="user-node" class="dropdown js-dropdown margin-left-1 text-white hide">
<span class="top-nav-link icon-ui-user text-white margin-left-1 esri-interactive js-dropdown-toggle" tabindex="0" aria-haspopup="true" aria-expanded="false">
<span id="user-firstname-node"></span>
</span>
<nav class="dropdown-menu dropdown-right" role="menu">
<span class="dropdown-title">
<span id="user-fullname-node"></span>
<br>
<img id="user-thumb-node" src="">
<small><span id="username-node"></span></small>
</span>
<span id="sign-out-node" class="dropdown-link esri-interactive icon-ui-sign-out" role="menu-item">Sign Out</span>
</nav>
</div>
<!-- APP DETAILS -->
<span class="top-nav-link icon-ui-description text-white js-modal-toggle margin-left-1 esri-interactive" data-modal="app-details-dialog"></span>
</nav>
</header>
<!-- MAIN CONTAINER -->
<div id="main-container">
<!-- SLIDES PANEL -->
<div id="slides-panel" class="panel panel-dark-blue animate-fade-in hide">
<div id="slides-panel-toggle" class="icon-ui-up-arrow font-size-2 esri-interactive" title="toggle slides panel"></div>
<!--<button class="btn-link icon-ui-left icon-ui-flush font-size-7"></button>-->
<div id="slides-container-parent">
<div id="slides-container"></div>
</div>
<!--<button class="btn-link icon-ui-right icon-ui-flush font-size-7"></button>-->
</div>
<!-- VIEW CONTAINER -->
<div id="view-container"></div>
<!-- PROFILE PANEL -->
<div id="profile-panel" class="panel panel-dark-blue panel-no-padding panel-no-border">
<div id="chart-node"></div>
</div>
</div>
<!-- NOTIFICATIONS -->
<div id="notifications-node"></div>
</body>
</html>