mpmckenna8/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
<title>Foo</title>
<meta charset="utf-8" />
<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) {
        cur = n;
        var i = 1e3, e = s[n];
        for (var k = 0; k < s.length; k++) s[k].style.display = 'none';
        e.style.display = 'inline-block';
        e.style.fontSize = i + 'px';
        if (e.firstChild.nodeName === 'IMG') {
            document.body.style.backgroundImage = 'url(' + e.firstChild.src + ')';
            e.firstChild.style.display = 'none';
        } else {
            document.body.style.backgroundImage = '';
            document.body.style.backgroundColor = e.style.backgroundColor;
        }
        while (
            e.offsetWidth > window.innerWidth ||
            e.offsetHeight > window.innerHeight) {
            e.style.fontSize = (i -= 10) + 'px';
            if (i < 0) break;
        }
        e.style.marginTop = ((window.innerHeight - e.offsetHeight) / 2) + 'px';
        if (window.location.hash !== n) window.location.hash = n;
        document.title = e.textContent || e.innerText;
    }
    document.onclick = function() {
        go(++cur % (s.length));
    };
    document.onkeydown = function(e) {
        (e.which === 39) && go(Math.min(s.length - 1, ++cur));
        (e.which === 37) && go(Math.max(0, --cur));
    };
    function parse_hash() {
        return Math.max(Math.min(
            s.length - 1,
            parseInt(window.location.hash.substring(1), 10)), 0);
    }
    if (window.location.hash) cur = parse_hash() || cur;
    window.onhashchange = function() {
        var c = parse_hash();
        if (c !== cur) go(c);
    };

    go(cur);
};
</script></head><body>
<div><h2>welcome to biggie</h2>
</div>
<div><p>Make a slideshow with Markdown in minutes</p>
</div>
<div><p>It&#39;s <a href="https://github.com/tmcw/big">big</a>, but a little more eazy</p>
</div>
<div><p>Put dashes between slides to separate them.</p>
</div>
<div><p>Supports lists</p>
<ul>
<li>Like</li>
<li>This</li>
<li>One</li>
</ul>
</div>
<div><p>Click &#39;publish&#39; to do it</p>
</div>
<div><h1>Scientists need access to SUPER computers</h1>
</div>
<div><p>Fancy algorithms</p>
</div>
<div><p>not used to terminal</p>
</div>
<div><p>~bash$???</p>
</div>
<div><p>And choose a style</p>
</div>
<div><p><img src="http://farm3.staticflickr.com/2608/3801835477_b87502a888.jpg" alt=""></p>
</div>

## slides.md

      
    Raw
  

              slides.md
            
          
    welcome to biggie


Make a slideshow with Markdown in minutes

It's big, but a little more eazy

Put dashes between slides to separate them.

Supports lists

Like
This
One


Click 'publish' to do it

Scientists need access to SUPER computers


Fancy algorithms

not used to terminal

~bash$???

And choose a style
	<!DOCTYPE html>
	<html>
	<head>
	<title>Foo</title>
	<meta charset="utf-8" />
	<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) {
	cur = n;
	var i = 1e3, e = s[n];
	for (var k = 0; k < s.length; k++) s[k].style.display = 'none';
	e.style.display = 'inline-block';
	e.style.fontSize = i + 'px';
	if (e.firstChild.nodeName === 'IMG') {
	document.body.style.backgroundImage = 'url(' + e.firstChild.src + ')';
	e.firstChild.style.display = 'none';
	} else {
	document.body.style.backgroundImage = '';
	document.body.style.backgroundColor = e.style.backgroundColor;
	}
	while (
	e.offsetWidth > window.innerWidth \|\|
	e.offsetHeight > window.innerHeight) {
	e.style.fontSize = (i -= 10) + 'px';
	if (i < 0) break;
	}
	e.style.marginTop = ((window.innerHeight - e.offsetHeight) / 2) + 'px';
	if (window.location.hash !== n) window.location.hash = n;
	document.title = e.textContent \|\| e.innerText;
	}
	document.onclick = function() {
	go(++cur % (s.length));
	};
	document.onkeydown = function(e) {
	(e.which === 39) && go(Math.min(s.length - 1, ++cur));
	(e.which === 37) && go(Math.max(0, --cur));
	};
	function parse_hash() {
	return Math.max(Math.min(
	s.length - 1,
	parseInt(window.location.hash.substring(1), 10)), 0);
	}
	if (window.location.hash) cur = parse_hash() \|\| cur;
	window.onhashchange = function() {
	var c = parse_hash();
	if (c !== cur) go(c);
	};

	go(cur);
	};
	</script></head><body>
	<div><h2>welcome to biggie</h2>
	</div>
	<div><p>Make a slideshow with Markdown in minutes</p>
	</div>
	<div><p>It's <a href="https://github.com/tmcw/big">big</a>, but a little more eazy</p>
	</div>
	<div><p>Put dashes between slides to separate them.</p>
	</div>
	<div><p>Supports lists</p>
	<ul>
	<li>Like</li>
	<li>This</li>
	<li>One</li>
	</ul>
	</div>
	<div><p>Click 'publish' to do it</p>
	</div>
	<div><h1>Scientists need access to SUPER computers</h1>
	</div>
	<div><p>Fancy algorithms</p>
	</div>
	<div><p>not used to terminal</p>
	</div>
	<div><p>~bash$???</p>
	</div>
	<div><p>And choose a style</p>
	</div>
	<div><p><img src="http://farm3.staticflickr.com/2608/3801835477_b87502a888.jpg" alt=""></p>
	</div>