Skip to content
Snippets Groups Projects
reader.html 1.32 KiB
Newer Older
  • Learn to ignore specific revisions
  • ale's avatar
    ale committed
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <title>
          LIBER - "{{.Book.Metadata.Title}}"
        </title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <link rel="shortcut icon" href="/static/favicon.ico">
        <link rel="stylesheet" href="/static/css/reader.css">
      </head>
    
      <body>
        <div id="main">
          <div id="prev" class="arrow"></div>
          <div id="area"></div>
          <div id="next" class="arrow"></div>
        </div>
    
        <script src="/static/js/jquery-2.1.1.min.js"></script>
        <script src="/static/js/epub.min.js"></script>
        <script src="/static/js/zip.min.js"></script>
    
        <script>
    EPUBJS.filePath = "/static/js/";
    
    $(function() {
      var Book = ePub("/dl/{{.Book.Id}}/{{.FileIndex}}",
                      {restore: true, contained: true});
      $("#prev").click(function() { Book.prevPage(); });
      $("#next").click(function() { Book.nextPage(); });
      $(window).keydown(function(event) {
        //console.log('keydown(): ' + event.which);
        if (event.which == 33 || event.which == 37 || event.which == 38) {
          Book.prevPage();
        } else if (event.which == 32 || event.which == 34 || event.which == 39 || event.which == 40) {
          Book.nextPage();
        }
      });
    
      Book.renderTo("area");
    });
        </script>
      </body>
    </html>