fxpar / interactive-epub-checker

Make great ebooks... with interactions for your students!

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

interactive epub checker

Epub are great educative tools. With this ebook you can test what your reading software accepts.

This ebook (epub) contains a lot of different interactive features.

  • footnotes
    • simple footnotes
    • footnotes with images
  • quiz:
    • hiding or displaying answer
    • checking if the answer is correct
    • click specific image areas
    • random question (todo)
  • learning languages:
    • hiding or displaying translation
  • Styles changes
    • text in lines
    • text in columns
    • vertical japanese
  • formats
    • svg images
    • mathml
    • ruby pronunciation above characters

Download the epub to check some interactive contents on your reader.

Compatible readers (or partially compatible)

Interactive Features

footnotes

  • simple footnote
  • with styling (bold, italic, underline)
  • with image

Footnote in Shakespear's Romeo and Juliet's animated (in Calibre Viewer)

footnote with quiz

  • displays question
  • indicates the correct answer

Footnote in Shakespear's Romeo and Juliet's animated (in Lithium Viewer)

Quiz

Quizzes can be achieved through various coding design:

  • inline script
  • in Head script
  • in Head link to Misc script.js

Forms: Button and Style

Button

Forms: Fill the gap

alt text

Hide / Display

Mainly used here to hide translations in multilingual ebooks, of for learning languages purposes.

Various coding strategies can be used and are tested in this epub

  • Jquery
  • querySelectorAll
  • InsertRule

Using javascript and css Styles

Click the button with language to see the text in this language appear / disappear.

Lines

alt text

Column

Show hide columns in bilingual: texts here Occam's Summa Logica

Using title attribute

  • on desktop: mouseover the lines to see translation
  • on mobile / tablet: longpress on lines to see translation Showing translation by mouseover in epub with title

Click Image Zone

image map area

ImageMapArea ImageMapArea

Layout, Font and characters Features

No fonts are included in this epub. This will allow to check which characters are correctly displayed.

svg

No library is included in the epub.

svg in epub

mathml

No library is included in this epub.

Compatible tools

mathml in epub

vertical japanese

Including Furigana (small pronunciation hints aside Chinese characters)

vertical japanese

Ruby

ruby

(for zhuyin Fuhao / bopomofo)

Compatibility Matrix

  • kobo: aura HD (software version not updated)
  • Kindle: PaperWhite (not updated for a long time)
  • Sigil / PageEdit (very recent)
Feature Calibre Viewer Lithium Sigil kobo Kindle Gitden
Footnotes yes yes no yes yes yes
Alerts no yes no no no yes
Hide text yes yes no no no yes
SVG yes yes no ? ? yes
mathml yes no no ? ? yes
jquery yes ? ? ? ? no

ROADMAP

  • Hide with getElementsByClassName
  • Hide with querySelectorAll
  • Hide with cssRules
  • Alerts
  • Random quiz questions
  • Vertical (table) hide translation
  • Russian characters

About

Make great ebooks... with interactions for your students!


Languages

Language:HTML 93.6%Language:CSS 3.9%Language:JavaScript 2.6%