/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><h1>Le Voyage dans la Lune</h1>
</div>
<div><h1>月世界旅行</h1>
</div>
<div><p>月世界旅行</p>
<ul>
<li><p>1902年</p>
</li>
<li><p>ジョルジュ・メリエス</p>
</li>
<li><p>サイレント映画</p>
</li>
<li><p>パブリックドメイン</p>
</li>
</ul>
</div>
<div><p>サイレント映画</p>
<p>-フィルムに映像と音声を保存できなかった時代</p>
<p>-生の劇伴がつくこともあった</p>
<p>-「活動弁士」と呼ばれた人が活躍していた</p>
</div>
<div><p>というわけで</p>
</div>
<div><p>読みます</p>
</div>
<div><p>弁士やります</p>
</div>
<div><p>like 忍殺</p>
</div>
<div><p><img src="https://si0.twimg.com/profile_images/2415969505/image.jpg" alt=""></p>
</div>
<div><p><img src="https://si0.twimg.com/profile_images/3202320159/497aec12eaca4b647ee154d44d978c78_bigger.jpeg" alt=""></p>
</div>
<div><p><img src="http://ec2.images-amazon.com/images/I/414PPtQ0kIL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU09_.jpg" alt=""></p>
</div>
<div><p>かえしてくだされ〜</p>
</div>

## slides.md

      
    Raw
  

              slides.md
            
          
    Le Voyage dans la Lune


#月世界旅行

月世界旅行


1902年


ジョルジュ・メリエス


サイレント映画


パブリックドメイン


サイレント映画
-フィルムに映像と音声を保存できなかった時代
-生の劇伴がつくこともあった
-「活動弁士」と呼ばれた人が活躍していた

というわけで

読みます

弁士やります

like 忍殺


かえしてくだされ〜
	<!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><h1>Le Voyage dans la Lune</h1>
	</div>
	<div><h1>月世界旅行</h1>
	</div>
	<div><p>月世界旅行</p>
	<ul>
	<li><p>1902年</p>
	</li>
	<li><p>ジョルジュ・メリエス</p>
	</li>
	<li><p>サイレント映画</p>
	</li>
	<li><p>パブリックドメイン</p>
	</li>
	</ul>
	</div>
	<div><p>サイレント映画</p>
	<p>-フィルムに映像と音声を保存できなかった時代</p>
	<p>-生の劇伴がつくこともあった</p>
	<p>-「活動弁士」と呼ばれた人が活躍していた</p>
	</div>
	<div><p>というわけで</p>
	</div>
	<div><p>読みます</p>
	</div>
	<div><p>弁士やります</p>
	</div>
	<div><p>like 忍殺</p>
	</div>
	<div><p><img src="https://si0.twimg.com/profile_images/2415969505/image.jpg" alt=""></p>
	</div>
	<div><p><img src="https://si0.twimg.com/profile_images/3202320159/497aec12eaca4b647ee154d44d978c78_bigger.jpeg" alt=""></p>
	</div>
	<div><p><img src="http://ec2.images-amazon.com/images/I/414PPtQ0kIL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU09_.jpg" alt=""></p>
	</div>
	<div><p>かえしてくだされ〜</p>
	</div>