1 | <!DOCTYPE html>
|
2 | <html lang="en">
|
3 | <head>
|
4 | <meta charset="UTF-8">
|
5 | <meta http-equiv=”Pragma” content=”no-cache”>
|
6 | <meta http-equiv=”Expires” content=”-1″>
|
7 | <meta http-equiv=”CACHE-CONTROL” content=”NO-CACHE”>
|
8 | <title>{{{ BOOKNAME }}} | BOOKIZA.JS </title>
|
9 | <link rel="shortcut icon" href="crust/images/favicon.png">
|
10 |
|
11 |
|
12 | <link rel="stylesheet" type="text/css" media="screen" href="crust/style/book.css" />
|
13 |
|
14 |
|
15 |
|
16 | <script src="https://cdnjs.cloudflare.com/ajax/libs/web-animations/2.3.1/web-animations.min.js"></script>
|
17 | <script src="https://cdn.polyfill.io/v2/polyfill.min.js"></script>
|
18 |
|
19 | </head>
|
20 | <body>
|
21 | <div class="viewer" id="plotter">
|
22 | <div id="book">
|
23 | <a class="arrow-controls next-page flex" id="next">
|
24 | <?xml version="1.0" encoding="utf-8"?>
|
25 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
26 | <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">
|
27 | <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>
|
28 | </svg>
|
29 | </a>
|
30 | <a class="arrow-controls previous-page flex" id="prev">
|
31 | <?xml version="1.0" encoding="utf-8"?>
|
32 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
33 | <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">
|
34 | <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>
|
35 | </svg>
|
36 | </a>
|
37 |
|
38 | </div>
|
39 | </div>
|
40 | <input type="hidden" id="bookname" value="{{{ BOOKNAME }}}"/>
|
41 | <script src="crust/scripts/bookiza.js"></script>
|
42 | <script type="text/javascript">
|
43 |
|
44 |
|
45 | const lastPage = () => window.localStorage.lastPage || 1
|
46 |
|
47 |
|
48 | const options = { duration: 1000, peel: true, zoom: true, startPage: lastPage(), length: {{{ BOOKLENGTH }}} }
|
49 |
|
50 |
|
51 | const superbook = Bookiza.init({ options })
|
52 |
|
53 |
|
54 |
|
55 |
|
56 | </script>
|
57 |
|
58 | </body>
|
59 |
|
60 | </html>
|