Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Tree: aa529ee711
Fetching contributors…

Cannot retrieve contributors at this time

50 lines (45 sloc) 1.41 kB
<!DOCTYPE html>
<meta charset="utf-8" />
<title>Mobile Power! by @cpojer</title>
<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; user-scalable=no" />
<link rel="stylesheet" media="all" type="text/css" href="style.css" />
<link rel="stylesheet" media="all" type="text/css" href="" />
<style type="text/css">
body > div {
-webkit-perspective-origin: 50% 50%;
div#box2 {
-webkit-transform: rotateX(45deg);
<script type="text/javascript" src="mootools-core.js"></script>
<script type="text/javascript">
window.addEvent('domready', function(){
var box2 ='box2'),
container = document.getElement('div.container');
window.addEventListener('deviceorientation', function(event){
var text = [];
['alpha', 'beta', 'gamma'].each(function(angle){
text.push(angle + ': ' + Math.round(event[angle]));
box2.set('text', text.join(', '));
var angle = Math.max(0, 90 - event.beta) * 12; = angle;
}, true);
<div class="head">
<a href="index.html">« Back</a>
<b>Mobile Power! by @cpojer.</b> <a href="">GitHub</a> <a href="">Twitter</a>
<div class="container">
<div id="box2" class="box">
Jump to Line
Something went wrong with that request. Please try again.