Interactive epub checker

Fxp

https://github.com/fxpar/interactive-epub-checker

2020

The Tragedy of Romeo and Juliet

William Shakespeare*

PROLOGUE?

Two households1, both alike in dignity*,

In fair Verona*, where we lay our scene,

From ancient grudge* break to new mutiny,

Where civil blood makes civil hands unclean.

From forth the fatal loins of these two foesvoc

A pair of star-cross'd lovers take their life;?

Whole misadventured piteous overthrows

Do with their death bury their parents' strifevoc.

The fearful passage of their death-mark'd love,

And the continuance of their parents' rage,

Which, but* their children's end, noughtvoc could remove,

Is now the two hours' traffic of our stage;

The which if you with patient ears attend,

What here shall miss, our toil shall strive to mend.

SCENE I. Verona. A public place.

Enter SAMPSON and GREGORY, of the house of Capulet, armed with swords and bucklers

SAMPSON

Gregory, o' my word, we'll not carry coals.

GREGORY

No, for then we should be colliers.

SAMPSON

I mean, an we be in choler, we'll draw.1

GREGORY

Ay, while you live, draw your neck out o' the collar.

SAMPSON

I strike quickly, being moved.

GREGORY

But thou art not quickly moved to strike.

SAMPSON

A dog of the house of Montague moves me.

GREGORY

To move is to stir; and to be valiant is to stand:

therefore, if thou art moved, thou runn'st away.

William Shakespeare, (1564, 1616)
Shakespeare

When is Shakespeare born?
1564
1664
1515
1516

1 families

2 of same (high) rank

3 City located in Italy (Europe)

4 foe = enemy

5 Is Shakespeare giving away the end of the play? Why would he do that?

6 strife = conflict.

Note: Strife is replaced by rage in the International Student edition p. 873

7 except

8 old conflict

9 nought = nothing

10 text

11 text

12 text

13 text

14 text

15 text

16 text

What is the capital of France?

It starts with letter P

Forms

Test the possibility to create interactions through forms controls.

Quiz

What is the capital of England?:

What is the capital of China?:

What is the capital of Spain?:

What is the capital of Ohio?:

L'horloge The clock

Horloge ! dieu sinistre, effrayant, impassible,

Ye clock! Sinister, frightful, stone-faced god

Dont le doigt nous menace et nous dit : " Souviens-toi !

whose hand threatens us and says "Remember!

Les vibrantes Douleurs dans ton coeur plein d'effroi

Vibrating pains will soon pierce

Se planteront bientôt comme dans une cible,

your heart like a bulls-eye,

Charles Baudelaire

english french

Hide translation in head function

L'horloge The clock

Horloge ! dieu sinistre, effrayant, impassible,

Ye clock! Sinister, frightful, stone-faced god

Dont le doigt nous menace et nous dit : " Souviens-toi !

whose hand threatens us and says "Remember!

Les vibrantes Douleurs dans ton coeur plein d'effroi

Vibrating pains will soon pierce

Se planteront bientôt comme dans une cible,

your heart like a bulls-eye,

Charles Baudelaire

english french

Summa Logica

William of Occam

Latin
English

Pars I CAP. 1. DE DEFINITIONE TERMINI ET EIUS DIVISIONE IN GENERALI
Chapter 1. Of the definition of the term, and of its division in general.

(i) Omnes logicae tractatores intendunt astruere quod argumenta ex propositionibus et propositiones ex terminis componuntur. Unde terminus aliud non est quam pars propinqua propositionis. Definiens enim terminum Aristoteles, I Priorum, dicit: "Terminum voco in quem resolvitur propositio, ut praedicatum et de quo praedicatur, vel apposito vel diviso esse vel non esse".
All those who deal with logic mean to show that arguments are composed from propositions and propositions out of terms. Therefore, a term is nothing other than a neighbouring part of a proposition. For in defining a term Aristotle (Prior Analytics I) says 'I call a 'term', that into which a proposition is analysed, such as a predicate and what it is predicated of, either by putting together to say what is the case (esse), or by separating, to say what is not the case'.

(ii) Sed quamvis omnis terminus pars sit propositionis, vel esse possit, non omnes termini tamen eiusdem sunt naturae; et ideo ad perfectam notitiam terminorum habendam oportet aliquas divisiones terminorum praecognoscere.
But although every term is, or could be, part of a proposition, yet not all terms are of the same nature, and for that reason, in order to have a complete acquaintance with terms, we must gain a preliminary acquaintance with some of the divisions of terms.

(iii) Est autem sciendum quod sicut secundum Boethium, in I Perihermenias, triplex est oratio, scilicet scripta, prolata et concepta, tantum habens esse in intellectu, sic triplex est terminus, scilicet scriptus, prolatus et conceptus.
Now it should be known that, according to Boethius on On Interpretation I, just as discourse is threefold, namely, written, spoken and conceived ([the last] only having being in the understanding) so the term is threefold, namely, written, spoken and conceived.

javascript getelementsbyclassname loop

L'horloge The clock

Horloge ! dieu sinistre, effrayant, impassible,

Ye clock! Sinister, frightful, stone-faced god

Dont le doigt nous menace et nous dit : " Souviens-toi !

whose hand threatens us and says "Remember!

Les vibrantes Douleurs dans ton coeur plein d'effroi

Vibrating pains will soon pierce

Se planteront bientôt comme dans une cible,

your heart like a bulls-eye,

Charles Baudelaire

buttons as links

english french

buttons as spans

english french

javascript QuerySelectorAll

L'horloge The clock

Horloge ! dieu sinistre, effrayant, impassible,

Ye clock! Sinister, frightful, stone-faced god

Dont le doigt nous menace et nous dit : " Souviens-toi !

whose hand threatens us and says "Remember!

Les vibrantes Douleurs dans ton coeur plein d'effroi

Vibrating pains will soon pierce

Se planteront bientôt comme dans une cible,

your heart like a bulls-eye,

Charles Baudelaire

buttons as links

english french

buttons as spans

english french

Title attribute

with anchor node

Humpty Dumpty sat on a wall
Humpty Dumpty had a great fall

with paragraph node

All the King's Horses and all the king's men

Couldn't put Humpty Dumpty together again

Click on the sun or on one of the planets to check their name as a popup:

Source: w3schools tag_area

svg

polygone in SVG

Mathml equation

x = - b ± b 2 - 4 ⁢ a ⁢ c 2 ⁢ a

Result

It should look like this
screen_20191229_010443

Characters and layout

Greek

Σωκράτης
κατέβην χθὲς εἰς Πειραιᾶ μετὰ Γλαύκωνος τοῦ Ἀρίστωνος προσευξόμενός τε τῇ θεῷ καὶ ἅμα τὴν ἑορτὴν βουλόμενος θεάσασθαι τίνα τρόπον ποιήσουσιν ἅτε νῦν πρῶτον ἄγοντες. καλὴ μὲν οὖν μοι καὶ ἡ τῶν ἐπιχωρίων πομπὴ ἔδοξεν εἶναι, οὐ μέντοι ἧττον ἐφαίνετο πρέπειν ἣν οἱ Θρᾷκες ἔπεμπον.

Tibetan

the font-size is xx-large for tibetan (language code = bo)

༄༅།།ཟབ་ཆོས་ཞི་ཁྲོ་དགོངས་པ་རང་གྲོལ་ལས༎

བར་དོ་ཐོས་གྲོལ་ཆེན་མོ་བཞུགས༎

should look like this

Sanskrit

to walk | chalna | चलना
to run | daurna | दौड्ना

Zhuyin Bopomofo Chinese Taiwan

Ruby

ruby-position:inter-character is not yet implemented in browsers

好了 .

第十屆

Ruby inter-character workaround

好ㄏㄠˇ了˙ㄌㄜ.

第ㄉㄧˋ十ㄕˊ屆ㄐㄧㄝˋ

Simplified Chinese

对雪

战哭多新鬼
愁吟独老翁
乱云低薄暮
急雪舞回风
瓢弃尊无绿
炉存火似红
数州消息断
愁坐正书空

Source:chinese-poems.com

Traditional Chinese

對雪

戰哭多新鬼
愁吟獨老翁
亂雲低薄暮
急雪舞回風
瓢棄尊無綠
爐存火似紅
數州消息斷
愁坐正書空

source: chinese-poems.com

一

山路を登りながら、こう考えた。

智に働けば角が立つ。情に棹させば流される。意地を通せば窮屈だ。とかくに人の世は住みにくい。

住みにくさが高じると、安い所へ引き越したくなる。どこへ越しても住みにくいと悟った時、詩が生れて、画が出来る。

人の世を作ったものは神でもなければ鬼でもない。やはり向う三軒両隣りにちらちらするただの人である。ただの人が作った人の世が住みにくいからとて、越す国はあるまい。あれば人でなしの国へ行くばかりだ。人でなしの国は人の世よりもなお住みにくかろう。

越す事のならぬ世が住みにくければ、住みにくい所をどれほどか、寛容て、束の間の命を、束の間でも住みよくせねばならぬ。ここに詩人という天職が出来て、ここに画家という使命が降る。あらゆる芸術の士は人の世を長閑にし、人の心を豊かにするが故に尊とい。

住みにくき世から、住みにくき煩いを引き抜いて、ありがたい世界をまのあたりに写すのが詩である、画である。あるは音楽と彫刻である。こまかに云えば写さないでもよい。ただまのあたりに見れば、そこに詩も生き、歌も湧く。着想を紙に落さぬとも璆鏘の音は胸裏に起る。丹青は画架に向って塗抹せんでも五彩の絢爛は自から心眼に映る。ただおのが住む世を、かく観じ得て、霊台方寸のカメラに澆季溷濁の俗界を清くうららかに収め得れば足る。この故に無声の詩人には一句なく、無色の画家には尺縑なきも、かく人世を観じ得るの点において、かく煩悩を解脱するの点において、かく清浄界に出入し得るの点において、またこの不同不二の乾坤を建立し得るの点において、我利私慾の覊絆を掃蕩するの点において、——千金の子よりも、万乗の君よりも、あらゆる俗界の寵児よりも幸福である。

世に住むこと二十年にして、住むに甲斐ある世と知った。二十五年にして明暗は表裏のごとく、日のあたる所にはきっと影がさすと悟った。三十の今日はこう思うている。——喜びの深きとき憂いよいよ深く、楽みの大いなるほど苦しみも大きい。これを切り放そうとすると身が持てぬ。片づけようとすれば世が立たぬ。金は大事だ、大事なものが殖えれば寝る間も心配だろう。恋はうれしい、嬉しい恋が積もれば、恋をせぬ昔がかえって恋しかろ。閣僚の肩は数百万人の足を支えている。背中には重い天下がおぶさっている。うまい物も食わねば惜しい。少し食えば飽き足らぬ。存分食えばあとが不愉快だ。……

余の考がここまで漂流して来た時に、余の右足は突然坐りのわるい角石の端を踏み損くなった。平衡を保つために、すわやと前に飛び出した左足が、仕損じの埋め合せをすると共に、余の腰は具合よく方三尺ほどな岩の上に卸りた。肩にかけた絵の具箱が腋の下から躍り出しただけで、幸いと何の事もなかった。

Alerts

Simple paragraph

The next paragraph is clickable and should display "hello"

Click this paragraph!

Alert via link

The paragraph below does the same, but it is a LINK

click this link!

Javascript change font weight and color

Click to put the french paragraph in bold

this is english

Ceci est du français

Styles loop and alert

Also a way to quickly hide translations from a bilingual or parallel text. Click here to check if epub reader accepts double alerts.
click: nb of sheet, english in yellow hide english show english

this is english

c'est en français

this is a book

c'est un livre

this is a city

c'est une ville

this is a chair

c'est une chaise

Test jquery inside epub

Using jquery1.6.2min.js from the misc folder. Actions are made by applying click function to class elements.

Tap Me!

Tap Me too!

hide english

display english

bold french

this is english

Ceci est du français

queryselectorall

Hopefully this will be used to hide / show text from bilingual texts. alert Cacher english

this is english

c'est en français

this is a book

c'est un livre

this is a city

c'est une ville

this is a chair

c'est une chaise

noterefs

A popup with the pronunciation and a translation should appear when you click on each character:

乾 一 卦

NOTES:

[4]乾 (gan1 qian2): dry; first hexagram; warming principle of the sun, penetrating and fertilizing, heavenly generative principle (male) [20094]

[5]一 (yi1): one; a, an; alone [19968]

[6]卦 (gua4): fortune telling; tell fortunes [21350]