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'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="//farm3.staticflickr.com/2608/3801835477_b87502a888.jpg" alt=""></p>
</div>
slides.md
## welcome to biggie
---
Make a slideshow with Markdown in minutes
---
It's [big](https://github.com/tmcw/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
---
---