-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
134 lines (99 loc) · 7.67 KB
/
index.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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:100">
<style>
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
color: #444;
font: 100 22px/1.7 'Roboto', Tahoma, sans-serif;
}
h1 { margin-top:0; padding-left: 20px}
h1, h2, h3 {
color: tomato;
font-weight: 100;
text-transform: uppercase;
}
p {
padding: 0 20px;
}
img {
display: block;
width: auto;
max-width: 100%;
height: auto;
margin: 0 auto
}
.page {
position: relative;
top: 0;
left: 0;
width: 100%;
min-height: 100%;
background: #fdfdfd url(http://lab.yckart.corvus.uberspace.de/img/248) repeat fixed;
border-bottom: thin solid lightgray;
box-shadow: 0 10px 10px -10px lightgray;
}
.page:last-child {
border: none;
box-shadow: none
}
.box {
width: 100%;
height: 200px;
background: white;
background: rgb(252, 252, 252);
border-top: thin solid whitesmoke;
border-bottom: thin solid whitesmoke;
}
</style>
<title>Curtain.js | Scrolls up your curtain!</title>
</head>
<body>
<div class="page">
<h1>Section 1</h1>
<p>Diffundi proxima caligine campoque pulsant plagae. Deerat dextra duris. Caeleste tuti dispositam proximus. Amphitrite securae adhuc iussit. Norant horrifer. Eodem passim persidaque habentem nubes hunc. Tum aeris origine nullaque siccis. Obstabatque litora otia mollia onerosior aliud deus diverso. Spisso natura sui margine densior.</p>
<p>Tollere qui titan altae in lumina effigiem longo. Fluminaque hanc quinta pondus alta. Orbis inposuit hanc consistere matutinis alto capacius mutatas. Septemque caligine. Peregrinum caligine figuras. Diremit recepta tepescunt nitidis congestaque. Fontes austro spisso semina natus toto tellure opifex. Habentia illas carmen toto.</p>
<div class="box"></div>
<p>Ora tellure iudicis hominum. Membra utramque. Ubi postquam possedit. Carentem tegit deus spectent semine obstabatque ligavit:. Frigore aera evolvit homo militis nubes secuit militis. Chaos: membra quinta utque. Numero convexi peregrinum semine meis. Praeter ripis freta securae tuba occiduo foret margine subsidere cingebant.</p>
<p>Diffundi proxima caligine campoque pulsant plagae. Deerat dextra duris. Caeleste tuti dispositam proximus. Amphitrite securae adhuc iussit. Norant horrifer. Eodem passim persidaque habentem nubes hunc. Tum aeris origine nullaque siccis. Obstabatque litora otia mollia onerosior aliud deus diverso. Spisso natura sui margine densior.</p>
<p>Tollere qui titan altae in lumina effigiem longo. Fluminaque hanc quinta pondus alta. Orbis inposuit hanc consistere matutinis alto capacius mutatas. Septemque caligine. Peregrinum caligine figuras. Diremit recepta tepescunt nitidis congestaque. Fontes austro spisso semina natus toto tellure opifex. Habentia illas carmen toto.</p>
</div>
<div class="page">
<h1>Section 2</h1>
<p>Diffundi proxima caligine campoque pulsant plagae. Deerat dextra duris. Caeleste tuti dispositam proximus. Amphitrite securae adhuc iussit. Norant horrifer. Eodem passim persidaque habentem nubes hunc. Tum aeris origine nullaque siccis. Obstabatque litora otia mollia onerosior aliud deus diverso. Spisso natura sui margine densior.</p>
<p>Tollere qui titan altae in lumina effigiem longo. Fluminaque hanc quinta pondus alta. Orbis inposuit hanc consistere matutinis alto capacius mutatas. Septemque caligine. Peregrinum caligine figuras. Diremit recepta tepescunt nitidis congestaque. Fontes austro spisso semina natus toto tellure opifex. Habentia illas carmen toto.</p>
<p>Ora tellure iudicis hominum. Membra utramque. Ubi postquam possedit. Carentem tegit deus spectent semine obstabatque ligavit:. Frigore aera evolvit homo militis nubes secuit militis. Chaos: membra quinta utque. Numero convexi peregrinum semine meis. Praeter ripis freta securae tuba occiduo foret margine subsidere cingebant.</p>
<p>Diffundi proxima caligine campoque pulsant plagae. Deerat dextra duris. Caeleste tuti dispositam proximus. Amphitrite securae adhuc iussit. Norant horrifer. Eodem passim persidaque habentem nubes hunc. Tum aeris origine nullaque siccis. Obstabatque litora otia mollia onerosior aliud deus diverso. Spisso natura sui margine densior.</p>
<p>Tollere qui titan altae in lumina effigiem longo. Fluminaque hanc quinta pondus alta. Orbis inposuit hanc consistere matutinis alto capacius mutatas. Septemque caligine. Peregrinum caligine figuras. Diremit recepta tepescunt nitidis congestaque. Fontes austro spisso semina natus toto tellure opifex. Habentia illas carmen toto.</p>
</div>
<div class="page">
<h1>Section 3</h1>
<p>Diffundi proxima caligine campoque pulsant plagae. Deerat dextra duris. Caeleste tuti dispositam proximus. Amphitrite securae adhuc iussit. Norant horrifer. Eodem passim persidaque habentem nubes hunc. Tum aeris origine nullaque siccis. Obstabatque litora otia mollia onerosior aliud deus diverso. Spisso natura sui margine densior.</p>
<p>Tollere qui titan altae in lumina effigiem longo. Fluminaque hanc quinta pondus alta. Orbis inposuit hanc consistere matutinis alto capacius mutatas. Septemque caligine. Peregrinum caligine figuras. Diremit recepta tepescunt nitidis congestaque. Fontes austro spisso semina natus toto tellure opifex. Habentia illas carmen toto.</p>
<p>Ora tellure iudicis hominum. Membra utramque. Ubi postquam possedit. Carentem tegit deus spectent semine obstabatque ligavit:. Frigore aera evolvit homo militis nubes secuit militis. Chaos: membra quinta utque. Numero convexi peregrinum semine meis. Praeter ripis freta securae tuba occiduo foret margine subsidere cingebant.</p>
</div>
<div class="page">
<h1>Section 4</h1>
<p>Diffundi proxima caligine campoque pulsant plagae. Deerat dextra duris. Caeleste tuti dispositam proximus. Amphitrite securae adhuc iussit. Norant horrifer. Eodem passim persidaque habentem nubes hunc. Tum aeris origine nullaque siccis. Obstabatque litora otia mollia onerosior aliud deus diverso. Spisso natura sui margine densior.</p>
<p>Tollere qui titan altae in lumina effigiem longo. Fluminaque hanc quinta pondus alta. Orbis inposuit hanc consistere matutinis alto capacius mutatas. Septemque caligine. Peregrinum caligine figuras. Diremit recepta tepescunt nitidis congestaque. Fontes austro spisso semina natus toto tellure opifex. Habentia illas carmen toto.</p>
<p>Ora tellure iudicis hominum. Membra utramque. Ubi postquam possedit. Carentem tegit deus spectent semine obstabatque ligavit:. Frigore aera evolvit homo militis nubes secuit militis. Chaos: membra quinta utque. Numero convexi peregrinum semine meis. Praeter ripis freta securae tuba occiduo foret margine subsidere cingebant.</p>
</div>
<script src="curtain.js"></script>
<script>
var pages = document.querySelectorAll('.page');
if ( !('ontouchstart' in window) ) Curtain(pages);
</script>
</body>
</html>