forked from Bubblin-Superbooks/the-tale-of-peter-rabbit
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (45 loc) · 2.83 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv=”Pragma” content=”no-cache”>
<meta http-equiv=”Expires” content=”-1″>
<meta http-equiv=”CACHE-CONTROL” content=”NO-CACHE”>
<title>The Tale of Peter Rabbit | BOOKIZA.JS </title>
<link rel="shortcut icon" href="crust/images/favicon.png">
<!-- <link id="default" rel="stylesheet" type="text/css" media="screen" href="crust/style/default.css" /> -->
<link rel="stylesheet" type="text/css" media="screen" href="crust/style/book.css" />
<!-- <link rel="stylesheet" type="text/css" media="screen" href="crust/style/plotter.css" /> -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.1/web-animations.min.js"></script>
<script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
</head>
<body>
<div class="viewer" id="plotter">
<div id="book">
<a class="arrow-controls next-page flex" id="next">
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20">
<path fill="#fff" d="M5 20c-0.128 0-0.256-0.049-0.354-0.146-0.195-0.195-0.195-0.512 0-0.707l8.646-8.646-8.646-8.646c-0.195-0.195-0.195-0.512 0-0.707s0.512-0.195 0.707 0l9 9c0.195 0.195 0.195 0.512 0 0.707l-9 9c-0.098 0.098-0.226 0.146-0.354 0.146z"></path>
</svg>
</a>
<a class="arrow-controls previous-page flex" id="prev">
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="20" viewBox="0 0 20 20">
<path fill="#fff" d="M14 20c0.128 0 0.256-0.049 0.354-0.146 0.195-0.195 0.195-0.512 0-0.707l-8.646-8.646 8.646-8.646c0.195-0.195 0.195-0.512 0-0.707s-0.512-0.195-0.707 0l-9 9c-0.195 0.195-0.195 0.512 0 0.707l9 9c0.098 0.098 0.226 0.146 0.354 0.146z"></path>
</svg>
</a>
<!-- --> <!-- Enable this only when fewer than 30 pages in the book. -->
</div>
</div>
<input type="hidden" id="bookname" value="The Tale of Peter Rabbit"/>
<script src="crust/scripts/bookiza.js"></script>
<script type="text/javascript">
// Invoker.
const lastPage = () => window.localStorage.lastPage || 1
const options = { duration: 1000, peel: true, zoom: true, startPage: lastPage(), length: 66 }
const superbook = Bookiza.init({ options })
</script>
</body>
</html>