Adding quickstart

tmcw · tmcw · commit de0cb6181e34 · 2011-10-26T12:37:26.000-04:00
diff --git a/Makefile b/Makefile
@@ -0,0 +1,2 @@
+big.quickstart.html:
+	cat build/1 big.css build/2 big.js build/3 > big.quickstart.html
diff --git a/big.quickstart.html b/big.quickstart.html
@@ -0,0 +1,82 @@
+<!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;
+  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') {
+            s[n].style.right = 0;
+            s[n].style.bottom = 0;
+        } else {
+            while (
+                s[n].offsetWidth > window.innerWidth ||
+                s[n].offsetHeight > window.innerHeight) {
+                i -= 10;
+                s[n].style.fontSize = i + '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>
diff --git a/build/1 b/build/1
@@ -0,0 +1 @@
+<!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'>
diff --git a/build/2 b/build/2
@@ -0,0 +1 @@
+</style><script type='text/javascript'>
diff --git a/build/3 b/build/3
@@ -0,0 +1,2 @@
+</script></head><body>
+<div>welcome to <em>Big</em></div>

Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+big.quickstart.html:`
	`2`	`+ cat build/1 big.css build/2 big.js build/3 > big.quickstart.html`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+<!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'>`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	`+</style><script type='text/javascript'>`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,2 @@`
	`1`	`+</script></head><body>`
	`2`	`+<div>welcome to <em>Big</em></div>`