Messing around with device orientation API to rotate a webpage with the gyroscope movement, like viewing a Snapchat shot on Spectacles but way less interesting.

rotateTheWeb.js

(function(){

document.body.style.width = '100vw';
document.documentElement.style.width = '100vw';
document.body.style.height = '100vh';
document.documentElement.style.height = '100vh';
document.body.style.overflow = 'scroll';
document.documentElement.style.overflow = 'scroll';

window.addEventListener("deviceorientation", event => {
  if (this.timeoutId) {
    window.cancelAnimationFrame(this.timeoutId);
  }
  this.timeoutId = window.requestAnimationFrame(() => { 
    document.body.style.transform = `rotate(${event.alpha}deg)` 
  });
}, true);
  
})();