big.quickstart.html

<!DOCTYPE html><html><head><title></title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /><style type='text/css'>
body {
  font-family: 'Helvetica';
  letter-spacing:-5px;
  background:#000;
  background-size:100%;
  color:#fff;
  margin:0;
  padding:0;
  font-weight:bold;
}

h1, h2, h3, p {
  margin:0;
}

em, a {
  font-style:normal;
  color:#8dbd0c;
}

a {
  background: #34d0e7;
  color:#000;
  text-decoration:none;
}

img {
  width:100%;
}

div {
  cursor:pointer;
  cursor:hand;
  position:absolute;
  top:0;
  left:0;
}
</style><script type='text/javascript'>
window.onload = function() {
    var s = document.getElementsByTagName('div'), cur = 0;
    if (!s) return;
    function go(n) {
        var i = 1e3;
        for (var k = 0; k < s.length; k++) s[k].style.display = 'none';
        s[n].style.display = 'inline';
        s[n].style.fontSize = i + 'px';
        if (s[n].firstChild.nodeName === 'IMG') {
            document.body.style.backgroundImage = 'url(' + s[n].firstChild.src + ')';
            s[n].firstChild.style.display = 'none';
        } else {
            document.body.style.backgroundImage = '';
        }
        while (
            s[n].offsetWidth > window.innerWidth ||
            s[n].offsetHeight > window.innerHeight) {
            s[n].style.fontSize = (i -= 10) + 'px';
        }
        if (window.location.hash !== n) window.location.hash = n;
    }
    document.onclick = function() {
        cur = ++cur % (s.length);
        go(cur);
    };
    document.onkeydown = function(e) {
        (e.which === 39) && go(cur = Math.min(s.length - 1, ++cur));
        (e.which === 37) && go(cur = Math.max(0, --cur));
    };
    if (window.location.hash) cur = Math.max(
        Math.min(
            s.length - 1,
            parseInt(window.location.hash.substring(1), 10)), 0) || cur;
    window.onhashchange = function() {
        var c = Math.max(Math.min(
            s.length - 1,
            parseInt(window.location.hash.substring(1), 10)), 0);
        if (c !== cur) go(cur = c);
    };

    go(cur);
};
</script></head><body>
<div>welcome to <em>Big</em></div>