bookiza
Version:
The book reification framework for the web
61 lines (45 loc) • 2.91 kB
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>{{{ BOOKNAME }}} | 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">
<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">
<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>
<!--{{{ CONTENT }}} --> <!-- Enable this only when fewer than 30 pages in the book. -->
</div>
</div>
<input type="hidden" id="bookname" value="{{{ BOOKNAME }}}"/>
<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: {{{ BOOKLENGTH }}} }
const superbook = Bookiza.init({ options })
</script>
</body>
</html>