-
Notifications
You must be signed in to change notification settings - Fork 83
/
hoborg-impress.html
46 lines (34 loc) · 1.42 KB
/
hoborg-impress.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
<title>La revolución será contagiada y presentada</title>
<link href='http://fonts.googleapis.com/css?family=Alef+Telex'
rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="hoborg.css" />
</head>
<!-- taken from http://www.sitepoint.com/pure-css3-paper-curls/ -->
<body>
<div id="impress">
<div class="step">
<h1><a href='http://jj.github.io/hoborg'>Hoborg</a></h1>
</div>
<div class="step" data-rotate-y='60' data-y='200' data-z='-250' data-x='433'>
<h1>The open source novel</h1>
</div>
<div class="step" data-rotate-y='120' data-y='400' data-z='-750' data-x='433'>
<h1>Now in <a href='http://github.com/JJ/hoborg'>GitHub</a></h1>
</div>
<div class="step" data-rotate-y='180' data-y='600' data-z='-1000' data-x='0'>
<h2>Meet the mechanical man</h2>
<p><a href='http://jj.github.io/hoborg/text/text'>There he was, gleaming in places, rusty in others. Jumping and
whistling and frolicking to the general merriment of the public.
And I'm using *he* liberally here, since I'm talking about a
mechanical man. A mechanical being. A mechanical... gimmick that looks
like a man.</a></p>
</div>
</div>
<script type="text/javascript" src="impress.js"></script>
<script>impress().init();</script>
</body>
</html>