Commit 85084fcf authored by Peter Knoop's avatar Peter Knoop
Browse files

Merge branch 'knoop-bivariate'

parents 2adb1e7b dd3788b7
html, html,
body { body {
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
.action { .action {
color: blue; color: blue;
cursor: pointer; cursor: pointer;
text-decoration: underline; text-decoration: underline;
} }
#anonymous-view { #anonymous-view {
display: block; display: block;
position: absolute; position: absolute;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
padding: 10px; padding: 10px;
margin: 0px; margin: 0px;
height: 100%; height: 100%;
width: 100%; width: 100%;
text-align: center; text-align: center;
} }
#authenticated-view { #authenticated-view {
display: none; display: none;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
#title-view { #title-view {
position: absolute; position: absolute;
padding: 10px; padding: 10px;
left: 50%; left: 50%;
transform: translate(-50%, 0); transform: translate(-50%, 0);
background-color: white; background-color: white;
opacity: 0.6; opacity: 0.6;
z-index: 2; z-index: 2;
} }
#username { #username {
font-weight: bold; font-weight: bold;
} }
#mainViewDiv { #mainViewDiv {
position: relative; position: relative;
z-index: 1; z-index: 1;
padding: 0px; padding: 0px;
margin: 0px; margin: 0px;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
#akViewDiv { #akViewDiv {
padding: 0; padding: 0;
margin: 0; margin: 0;
height: 255px; height: 255px;
width: 300px; width: 300px;
background-color: rgba(255,255,255,0.8) background-color: rgba(255,255,255,0.8)
} }
#hiViewDiv { #hiViewDiv {
padding: 0; padding: 0;
margin: 0; margin: 0;
height: 135px; height: 135px;
width: 200px; width: 200px;
background-color: rgba(255,255,255,0.8) background-color: rgba(255,255,255,0.8)
} }
#legend { #parameter-picker {
padding: 0; position: absolute;
margin: 0; padding: 10px;
height: 300px; left: 100%;
width: 300px; transform: translate(-100%, 0);
background-color: rgba(255,255,255,0.8) background-color: white;
opacity: 0.6;
z-index: 3;
} }
#infoDiv { #infoDiv {
......
...@@ -4,6 +4,7 @@ ...@@ -4,6 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>SharedAir</title> <title>SharedAir</title>
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="sharedAir.css"> <link rel="stylesheet" href="sharedAir.css">
<link rel="stylesheet" href="https://js.arcgis.com/4.15/esri/themes/light/main.css" /> <link rel="stylesheet" href="https://js.arcgis.com/4.15/esri/themes/light/main.css" />
...@@ -13,14 +14,21 @@ ...@@ -13,14 +14,21 @@
</head> </head>
<body> <body>
<div id="anonymous-view"> <div id="anonymous-view" class="esri-widget">
<span id="sign-in" class="action">Sign In</span> <span id="sign-in" class="action">Sign In</span>
</div> </div>
<div id="authenticated-view"> <div id="authenticated-view" class="esri-widget">
<div id="title-view"> <div id="title-view">
<span id="username"></span>&nbsp;&nbsp;-&nbsp; <span id="username"></span>&nbsp;&nbsp;-&nbsp;
<span id="sign-out" class="action">Sign Out</span> <span id="sign-out" class="action">Sign Out</span>
</div> </div>
<div id="parameter-picker">
<label for="parameter-1">NWS Parameter:</label>
<select id="parameter-1-select"></select>
<br>
<label for="parameter-2-">Yale Parameter:</label>
<select id="parameter-2-select"></select>
</div>
<div id="mainViewDiv"></div> <div id="mainViewDiv"></div>
<div id="akViewDiv" class="esri-widget"></div> <div id="akViewDiv" class="esri-widget"></div>
<div id="hiViewDiv" class="esri-widget"></div> <div id="hiViewDiv" class="esri-widget"></div>
...@@ -32,6 +40,5 @@ ...@@ -32,6 +40,5 @@
<div id="sliderDiv" class"slider"></div> <div id="sliderDiv" class"slider"></div>
</div> </div>
</div> </div>
</div>
</body> </body>
</html> </html>
This diff is collapsed.
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment