intial load

fawcett · Feb 18, 2013 · 64f281d · 64f281d
commit 64f281d
Show file tree

Hide file tree

Showing 13 changed files with 184 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/css/.DS_Store b/css/.DS_Store
diff --git a/css/viewer.css b/css/viewer.css
@@ -0,0 +1,113 @@
+html, body {
+    font-family: 'Oxygen', sans-serif;
+    font-size: 1em;
+    height: 100%;
+    width: 100%;
+    margin: 0;
+    padding: 0;
+    color:#FFFFFF;
+}
+
+#currentItemName {
+    font-size:1.5em;
+}
+
+.cursorpointer:hover {
+    cursor: pointer;
+}
+
+.navbar .item {
+    padding-top:10px;
+    color:rgba(255,255,255,1);
+    display: inline-block;
+    float:left;
+    background-image:none;
+}
+.drop-down-icon{
+	vertical-align:baseline;
+	width:24px;
+}
+.navbar .right {
+    float:right;
+    vertical-align:top;
+}
+
+.view {
+	  background-color: #213F65;
+	background-color: rgba(33, 63, 101, 0.85);
+	padding-left: 20px;
+  	padding-right: 20px;
+   	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+  	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+  	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+  	min-height: 50px;
+}
+#item-list-container {
+    position:absolute;
+    left:0px;
+    top:62px;
+    width:330px;
+}
+#center-container {
+    position:absolute;
+    left:0px;
+    top:30%;
+    width:80%;
+    margin-left:1.5%;
+    margin-right:2%;
+}
+#right-container {
+    position:absolute;
+    right:0px;
+    top:62px;
+    max-width:85%
+}
+
+
+
+/* NAVBAR Hacked heavily from BOOTSTRAP*/
+.navbar {
+  overflow: visible;
+  margin-bottom: 20px;
+  *z-index: 2;
+  min-height: 50px;
+  padding-left: 10px;
+  padding-right: 10px;
+  background-color: #213F65;
+  	background-color: rgba(33, 63, 101, 0.85);
+  border: 1px solid transparent;
+ *zoom: 1;
+  position: fixed;
+  right: 0;
+  left: 0;
+   top: 0;
+  z-index: 1030;
+  margin-bottom: 0;
+  -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
+  -moz-box-shadow: 0 1px 10px rgba(0,0,0,.1);
+  box-shadow: 0 1px 10px rgba(0,0,0,.1);
+}
+.navbar:after {
+  clear: both;
+}
+.navbar .logo { 
+  float: left;
+  display: block;
+  padding: 10px 20px 15px;
+  margin-left: -20px;
+  font-size: 20px;
+  font-weight: 200;
+  color: #ffffff;
+  text-shadow: 0 1px 0 #080808;
+}
+
+button{
+	vertical-align:middle;
+}
+
+.transparent {
+background-color: rgba(0,0,0,0);
+border-color: rgba(0,0,0,0);
+background-image: none;
+}
+
diff --git a/font/.DS_Store b/font/.DS_Store
diff --git a/images/Arrow-sans-down.png b/images/Arrow-sans-down.png
diff --git a/images/ajax-loader-white.gif b/images/ajax-loader-white.gif
diff --git a/images/ajax-loader.gif b/images/ajax-loader.gif
diff --git a/images/icon-layers-24px.png b/images/icon-layers-24px.png
diff --git a/images/icon-search-24px.png b/images/icon-search-24px.png
diff --git a/images/icon-stats-24px.png b/images/icon-stats-24px.png
diff --git a/images/js-viewer-logo.png b/images/js-viewer-logo.png
diff --git a/index.html b/index.html
@@ -0,0 +1,71 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+    <meta charset="utf-8" />
+    <title>GeoMacMap</title>
+    <meta name="description" content="Demo app showing how to compose a loosely coupled mapping application using Backbone.Marionette">
+    <meta name="author" content="Dave Bouwman / DTSAgile.com">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
+    <link href='http://fonts.googleapis.com/css?family=Oxygen:400,700' rel='stylesheet' type='text/css'>  
+    <link rel="stylesheet" type="text/css" href="./css/viewer.css" />
+</head>
+<body>
+
+    <div class="navbar">
+        <a class="logo" href="#">
+            <img src='./images/js-viewer-logo.png' />
+        </a>
+        <div id="currentItem" class="item cursorpointer">
+            <span id="currentItemName">current fires</span>
+            <button id="show-left-panel-button2" class="transparent cursorpointer" > 
+                <img src="./images/Arrow-sans-down.png" class="drop-down-icon" />
+            </button>
+        </div>
+        <!-- This will contain the legends later on -->
+        <div id="horizontal-legend"></div>
+        <!-- These are the tools on the upper right -->
+        <div class="item right">               
+            <a href="#" id="statsButton">
+                <img src="./images/icon-stats-24px.png" />
+            </a>
+           <a href="#" id="layerListButton"> 
+                <img src="./images/icon-layers-24px.png" />
+            </a>
+            <a href="#" id="searchButton"> 
+                <img src="./images/icon-search-24px.png"  />
+           </a>
+        </div>
+    </div>
+
+
+    <!-- The Map -->
+    <div id="map" class="claro"></div>
+
+    <!-- Container for Pseudo-modal center view lists -->
+    <div id="center-container" class="view" >
+        This will be the center view area<br/>
+        Search, search results and the <br>
+        List of years for the Historic Fires view will use this<br>
+    </div>
+
+    <div id="right-container" class="view" >
+        This is the right container<br/>
+        We will have charts or Fire Details here <br/>
+        This text is just to take space
+    </div>
+
+
+    <!-- Container for the Drop Down List of Views -->
+    <div id="item-list-container"  class="view">
+        <div class="box-content" id="feature-list-container">
+            This is where the item list goes<br/>
+            It will not change while the app is running <br/>
+            but we want it to be configurable, so it will<br/>
+            be templated<br/>
+        </div>
+    </div>
+
+
+</body>
+</html>
diff --git a/javascript/.DS_Store b/javascript/.DS_Store