begin writing navigation css

4 files changed, 34 insertions, 3 deletions

diff --git a/StoneIsland/www/js/lib/nav/CurtainView.js b/StoneIsland/www/js/lib/nav/CurtainView.js
new file mode 100644
index 00000000..30c3190e
--- /dev/null
+++ b/StoneIsland/www/js/lib/nav/CurtainView.js
@@ -0,0 +1,21 @@
+var CurtainView = View.extend({
+  
+  el: "#curtain",
+  
+  events: {
+    "click": "click",
+  },
+  
+  initialize: function(){
+  },
+  
+  click: function(){
+    if (document.body.classList.contains("nav")) {
+      app.nav.hide()
+    }
+    else if (document.body.classList.contains("login")) {
+      app.login.hide()
+    }
+  },
+
+})
\ No newline at end of file
diff --git a/StoneIsland/www/js/lib/nav/IntroView.js b/StoneIsland/www/js/lib/nav/IntroView.js
index 346c3aef..7b726f6a 100644
--- a/StoneIsland/www/js/lib/nav/IntroView.js
+++ b/StoneIsland/www/js/lib/nav/IntroView.js
@@ -15,13 +15,13 @@ var IntroView = View.extend({
   },
   
   show: function(){
-    this.$el.show()
+    document.body.className = "intro"
     window.addEventListener("deviceorientation", this.orient)
+    this.orient({ alpha: 0 })
     // get location..
   },
 
   hide: function(){
-    this.$el.hide()
     window.removeEventListener("deviceorientation", this.orient)
   },
 
@@ -33,7 +33,7 @@ var IntroView = View.extend({
     else {
       heading = e.alpha
     }
-    this.compass.css[transformProp] = "translateZ(0) rotate(" + heading + "deg)"
+    this.compass.style[transformProp] = "translateZ(0) transformX(-50%) transformY(-50%) rotate(" + heading + "deg)"
   },
   
   store: function(){ app.router.go("store") },
diff --git a/StoneIsland/www/js/lib/nav/LoginView.js b/StoneIsland/www/js/lib/nav/LoginView.js
index 670fb333..0f30db3d 100644
--- a/StoneIsland/www/js/lib/nav/LoginView.js
+++ b/StoneIsland/www/js/lib/nav/LoginView.js
@@ -7,5 +7,13 @@ var LoginView = View.extend({
   
   initialize: function(){
   },
+  
+  show: function(){
+    document.body.classList.add("login")
+  },
+  
+  hide: function(){
+    document.body.classList.remove("login")
+  },
 
 })
\ No newline at end of file
diff --git a/StoneIsland/www/js/lib/nav/NavView.js b/StoneIsland/www/js/lib/nav/NavView.js
index 42877d88..c9eb2d4e 100644
--- a/StoneIsland/www/js/lib/nav/NavView.js
+++ b/StoneIsland/www/js/lib/nav/NavView.js
@@ -22,10 +22,12 @@ var NavView = View.extend({
   
   show: function(){
     $("body").addClass("nav")
+    $("#curtain").show()
   },
   
   hide: function(){
     $("body").removeClass("nav")
+    $("#curtain").hide()
   },
 
   store: function(){