device orientation

1 files changed, 14 insertions, 1 deletions

diff --git a/StoneIsland/www/js/lib/nav/IntroView.js b/StoneIsland/www/js/lib/nav/IntroView.js
index 21e3c2b2..6e04a39e 100644
--- a/StoneIsland/www/js/lib/nav/IntroView.js
+++ b/StoneIsland/www/js/lib/nav/IntroView.js
@@ -6,6 +6,19 @@ var IntroView = View.extend({
   },
   
   initialize: function(){
+    this.logo = this.$("#logo").get(0)
+    window.addEventListener("deviceorientation", deviceorientation)
+  },
+  
+  deviceorientation: function(e){
+    var heading
+    if ('webkitCompassHeading' in e) {
+      heading = e.webkitCompassHeading
+    }
+    else {
+      heading = e.alpha
+    }
+    this.logo.css[transformProp] = "translateZ(0) rotate(" + heading + "deg)"
   },
 
-})
\ No newline at end of file
+})