Purchase Soundtrack: Performed by Voices of Music
Corelli: Concerti grossi (12), Op. 6: no 8 in G minor “Christmas” : IV – Adagio – Allegro – Adagio
Often when I’m reading something, I come across a quote and wonder what the writer or speaker said the sentence or two prior to the quotation. In other words — what was the context of the quote?
Example: Intertextual Citation in the Bible
I first got the idea for Neotext while reading an account of the temptation of Jesus in Matthew 4:
The tempter came and said to him, “If you are the Son of God, command these stones to become loaves of bread.” 4 But he answered, “It is written,
one does not live by bread alone, but by every word that comes from the mouth of the Lord
To many Christians, this is a familiar passage, yet few recognize Jesus’s response as a quote from Deuteronomy.
If you click on the blue arrows above, you will notice that the text expands to show those sections of Deuteronomy 8 that precede and succeed the portion Jesus quoted.
Inline quotation with the <q> tag: Popup Windows
In addition to extendeding <blockquote> quotations, it is possible to do inline quotations with the <q> tag. As an example, click below on the blue underlined text: “Love your enemies”:
Suppose you were writing an essay and quoted Jesus saying
Love your enemies. Normally, on the web you can create an html link, but using the Neotext Wordpress plugin, it is just as easy to turn the red text into a contextual popup that displays the surrounding text.
Actual html markup of the above passage:
Suppose you were writing an essay and quoted Jesus saying <q cite=”https://www.biblegateway.com/passage/?search=Matthew+5″>Love your enemies</q>. Normally on the web ..
The “<q>” tag is for quoted text within a paragraph (inline), while the “blockquote” tag is used for a quote that is broken out into its own separate paragraph.
Imagine if all the intertextual quotations in important works, such as the bible, were made manifest and expandable using Neotext.
Neotext can be used to for both religious and secular writing, as it can quote any public html website (pdf is currently unsupported).
How the Neotext Quote-Context Service Works
The example I’ve given you is made possible through a WordPress Plugin that operates on the html <blockquote> tag:
<blockquote cite=”https://www.biblegateway.com/passage/?search=Deuteronomy+8&version=NRSV”>one does not live by bread alone, but by every word that comes from the mouth of the Lord</blockquote>
As part of the wordpress publishing process, the WordPress Plugin submits the url of the post to the Neotext Web Service, which looks up the surrounding context of each quote and creates json files for each citation. Each quote’s citation file is uploaded to Amazon S3 for later retrieval by the client.
On the client side, the Neotext custom jQuery library:
- uses the url from each blockquote “cite” attribute and the quote
- hashes the url and quote text
- looks up the previously generated json from the hash:
- injects the content from the json fields into hidden divs,
- which are made visible when the user clicks the arrows or link:
Get simplified html source of this page
- Download neotext-sample.html (view online)
- Save the html file to your server, giving it a unique name like:
- Generate the Neotext json file by entering your page’s URL in the generator.
- a json file with be uploaded to Amazon S3 for each quote on the page.
- Reload your page. You should notice the arrows appear on the blockquote; and you should get a contextual popup if you click on “Love your enemies”.