diff --git a/index.html b/index.html
index b22fb35..87dfde2 100644
--- a/index.html
+++ b/index.html
@@ -15,12 +15,13 @@
         <script src="js/vendor/modernizr-2.8.3.min.js"></script>
     </head>
     <body>
-        <!--[if lt IE 8]>
-            <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
-        <![endif]-->
+            
+        <p id="warning"></p>
 
-        <!-- Add your site or application content here -->
-        <p>Hello world! This is HTML5 Boilerplate.</p>
+
+        <h1 id="accelerationX"></h1>
+
+     
 
         <script src="https://code.jquery.com/jquery-1.12.0.min.js"></script>
         <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.12.0.min.js"><\/script>')</script>
diff --git a/js/main.js b/js/main.js
index e69de29..bfb4aa6 100644
--- a/js/main.js
+++ b/js/main.js
@@ -0,0 +1,13 @@
+if (window.DeviceMotionEvent) {
+  window.addEventListener('devicemotion', deviceMotionHandler, false);
+} else {
+  document.getElementById("warning").innerHTML = "Not supported."
+}
+
+
+function deviceMotionHandler(eventData) {
+  // Grab the acceleration from the results
+  var acceleration = eventData.acceleration;
+  $("#accelerationX").html(acceleration.x);
+
+}
\ No newline at end of file
