#月世界旅行
月世界旅行
-
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> |