index.html

---
layout: default
---

<div class="home">

  <figure>
    <img src="/img/multi-screen-web.png" title="multi screen">
  </figure>

  <blockquote>
      The future of eBooks is not in the production of digital photocopies
you can read by the pool. The future of eBooks lies in re-imagining the
book as an open, easily accessible, immersive experience; a connected
community of discovery.
      <small>Scott Abel <cite title="Source Title">The Content Wrangler</cite></small>
  </blockquote>

  <div class="block">
    <h3>EPUB.js</h3>
    <h4><a href="https://github.com/futurepress/epub.js"><span class="grey">github.com/</span>futurepress/epub.js</a></h4>
    <p>Epub.js is an open source Javascript library that allows any web page to render Epub documents on any device with a modern browser.</p>

    <div id="reader-wrap">
      <div id="prev" onclick="rendition.prev();" class="arrow">‹</div>
      <div id="reader">
        <div id="area"></div>
      </div>
      <div id="next" onclick="rendition.next();"class="arrow">›</div>
    </div>

    <p>Epub.js contains a flexible rendering engine and provides a simple interface for common ebook functions such as styling, persistence and pagination.</p>
    <p>We release and maintain <a href="https://github.com/futurepress/epub.js">Epub.js on GitHub</a>, with a growing developer community.</p>
  </div>
  <div class="block">

    <h4>Getting started</h4>
    <p>Just include a single javascript file, and pointing it at a hosted epub:</p>
{% highlight html %}
<script src="https://cdn.jsdelivr.net/npm/epubjs/dist/epub.min.js"></script>
<script>
  var book = ePub("url/to/book/");
  var rendition = book.renderTo("area");
  rendition.display();
</script>
{% endhighlight %}
    <p><a href="http://epubjs.org/documentation/0.3/">See the Documentation</a> for a full list of options, usage and events.</p>
  </div>
  <div class="block">
    <h4>About</h4>
    <p>
      FuturePress is the product of a multidisciplinary research project at the <a href="http://www.ischool.berkeley.edu/">UC Berkeley School of Information</a>.
    </p>
    <p>
      Special thanks to faculty advisor Professor Robert Glushko, who has deep background in publishing technology and business, as well as industry experts Erik Wilde and Scott Abel who are also advised the project.
    </p>
  </div>
  <div class="block">
    <h4>Contact Us</h4>
    <p>We'd love to hear from you—especially if you want to contribute to the project, or are interested in making publishing more standardized and open.</p>
  </div>
  <div class="block">
    <h4>Funding</h4>
    <p>Many thanks to the <a href="https://shuttleworthfoundation.org/flashgrants/">Shuttleworth Foundation</a> giving us a Flash Grant in November 2016.</p>
    <p><img src="img/shuttleworth-funded.jpg" width="40%"/></p>
  </div>


</div>

<script>
   var book = ePub("https://s3.amazonaws.com/moby-dick/");
   var rendition = book.renderTo("area", {
     width: 400,
     height: 640
   });
   rendition.display();
</script>