UNPKG

2.91 kBHTMLView Raw
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 <!-- <link id="default" rel="stylesheet" type="text/css" media="screen" href="crust/style/default.css" /> -->
12 <link rel="stylesheet" type="text/css" media="screen" href="crust/style/book.css" />
13 <!-- <link rel="stylesheet" type="text/css" media="screen" href="crust/style/plotter.css" /> -->
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 <!--{{{ CONTENT }}} --> <!-- Enable this only when fewer than 30 pages in the book. -->
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 // Invoker.
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>