-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
99 lines (94 loc) · 3.11 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="style.css" />
<link rel="stylesheet" href="positions.css" />
<script src="main.js" defer></script>
<title>Document</title>
</head>
<body>
<div class="book-holder">
<div class="book first">
<div class="front-cover">
<div class="back"></div>
<div class="front"></div>
</div>
<div class="first-half">
<div class="rotator">
<div class="front-page">
<p
style="
padding: 30px;
padding-top: 100px;
font-size: 32px;
padding-bottom: 0px;
margin-bottom: 0px;
"
>
In the Light of Golden Eyes
</p>
<p style="padding: 30px; padding-top: 0px; font-size: 22px">
E.K. Littlehill
</p>
</div>
<div class="mover">
<div class="back-page">
<p style="margin: 40px; font-size: 12px">
By the time he had returned to the cathedral, it was dark. In
the darkness, he was convinced that the hill he had climbed in
this passage to the mountains had moved closer to the
cathedral. But before he could verify this notion, he heard
chanting coming from the front of the great stone cave. This
was no chanting of the priests, so the man knew that the robed
figures had returned.
</p>
<p
style="
font-size: 12px;
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
color: gray;
"
>
128
</p>
</div>
</div>
<div class="pages-side"></div>
<div class="pages-bottom"></div>
<div class="pages-top"></div>
</div>
</div>
<div class="second-half">
<div class="rotator">
<div class="offset">
<div class="mover">
<div class="front-page">
<div class="the-wise"></div>
</div>
<div class="pages-side"></div>
<div class="pages-bottom"></div>
<div class="pages-top"></div>
</div>
<div class="back-page"></div>
</div>
</div>
</div>
<div class="back-cover">
<div class="rotator">
<div class="back"></div>
<div class="front"></div>
</div>
</div>
<div class="spine"></div>
<div class="bottom-first"></div>
<div class="bottom-second"></div>
</div>
</div>
</body>
</html>