July 7, 2013 05:02 · Jul 7, 2013
diff --git a/index.html b/index.html
@@ -0,0 +1,131 @@
+<!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>
diff --git a/slides.md b/slides.md
@@ -0,0 +1,62 @@
+# Le Voyage dans la Lune
+
+---
+
+#月世界旅行
+
+---
+
+月世界旅行
+
+- 1902年
+
+- ジョルジュ・メリエス
+
+- サイレント映画
+
+- パブリックドメイン
+
+---
+
+サイレント映画
+
+-フィルムに映像と音声を保存できなかった時代
+
+-生の劇伴がつくこともあった
+
+-「活動弁士」と呼ばれた人が活躍していた
+
+---
+
+というわけで
+
+---
+
+読みます
+
+---
+
+弁士やります
+
+---
+
+like 忍殺
+
+---
+![](https://si0.twimg.com/profile_images/2415969505/image.jpg)
+
+---
+
+---
+
+---
+
+![](https://si0.twimg.com/profile_images/3202320159/497aec12eaca4b647ee154d44d978c78_bigger.jpeg)
+
+---
+
+![](http://ec2.images-amazon.com/images/I/414PPtQ0kIL._BO2,204,203,200_PIsitb-sticker-arrow-click,TopRight,35,-76_AA300_SH20_OU09_.jpg)
+
+---
+
+かえしてくだされ〜