Demos

Using CiteIt with different Media Types

CiteIt is developing tools that allow you to add context to your media, whether it is written word, audio, video, wikipedia, or twitter.

1. Writing


A) Expanding blockquote: #

When to Use:

Use Contextual blockquotes when:


Click on the blue arrows above and below the quote to expand the context:



Tyler Cowen interviewed Rabbi David Wolpe as part of his Conversations with Tyler Series. Rabbi Wolpe said:

I think that Judaism has the same problem that any thick civilization has in a world in which, as you say, context is stripped away. And not only is context stripped away, but attention to any one thing is scanter and less than it used to be. So, for example, a lot of Jewish commentary is based on your recognizing the reference that I make. Who recognizes references anymore? Because people don’t spend years studying books.

source: youtu.be
HTML code:
<blockquote cite="https://medium.com/conversations-with-tyler/rabbi-david-wolpe-leaders-religion-israel-identity-7c159c2ed2d">
I think that Judaism has the same problem that any thick civilization has in a world in which, as you say, <strong>context is stripped away</strong>. And not only is context stripped away, but attention to any one thing is scanter and less than it used to be. So, for example, a lot of Jewish commentary is based on your recognizing the reference that I make. Who recognizes references anymore? Because people don’t spend years studying books.
</blockquote>
Learn More about the CiteIt javascript library and webservice that looks up the quote context.

B) Contextual Popup #

When to Use:

Use Contextual Popups when:


Jane Austen’s “Pride and Prejudice” draws its title, in part from a line where the books’s main character, Elizabeth says:  I could easily forgive his pride, if he had not mortified mine.   

↑ Click on blue-grey quote above: ("I could easily forgive his pride ..")


HTML code:
.. Elizabeth says: <q cite = "https://en.wikisource.org/wiki/Pride_and_Prejudice/Chapter_5" data-citeit-citing-url = "https://en.wikisource.org/wiki/Pride_and_Prejudice/Chapter_5/">  I could easily forgive <i>his</i> pride, if he had not mortified <i>mine.</i></q>   

Developer mode:
CiteIt Developer Mode (Larger "developer mode" image)

2. Wikipedia Citations #


Article Popups

Wikimedia already has contextual popups which appear when a reader mouses over a linked article.

Here’s a screenshot of the popup that appears on the Los Angeles Lakers article when a reader mouses over the link to the Los Angeles Sparks Basketball team.

Wikipedia: Article Popup Example: popup used by Wikipedia article

Contextual Popup

Below is a screenshot of the Ruth Bader Ginsburg article mockup which shows the CiteIt Contextual Popup that appears when a reader clicks on the light grey-blue text of a contextual quotation, in this case: “Ginsburg precedent“.

Wikipedia: Article Popup

Sample Wikipedia Articles #

Example: Proposed Ruth Bader Gingsburg Wikipedia article ↓ with CiteIt Contextual Popup

Click on an image below to view sample Wikipedia articles that feature contextual quotations.





3. Substack #

Mockups of what Substack articles would look like if they were using CiteIt.net:




4. YouTube transcripts #


Malcolm Gladwell Interview: "Westerns"

Consider how adding the video's YouTube URL to the blockquote's cite tag allows the CiteIt.net javascript library to automatically embed the video and lookup the surrounding transcript (if a matching transcript is found).


↓ Click: "Expand: Show Video Clip" ↓

Here is a quotation from Joe Rogan's interview with Malcolm Gladwell.

  1. a Western is where is conceptually a world in which there is no law and order and a man shows up and imposes personally law and order on the territory the community right
  2. so there is also a eastern what is in Eastern and Eastern is a place where by contrast is a story where they're like I got this straight it was four types the Eastern is where there is law and order there is so there are institutions of Justice but they are have been subverted by people from within so an Eastern would be the Serpico is an Eastern it's a crooked cop who is it's the bad apple who has you know screwed up there there's lots of tons and tons of of Hollywood movies are Easterns
  3. the northern is the case where law and order exists and law notre is morally righteous system works law know that show law and order is a northern it's a functioning apparatus of Justice which reliably and accurately produces the right the correct result in confronting criminality every single day when it's on TV
  4. the southern is where the the entirely the southern is all John Grisham novels or Southern's they are where the entire apparatus is corrupt and where the reformer is not an insider but an outsider
source: youtu.be

HTML Formatting (such as bold and italics) is allowed within a citation, so long as the plain-text version matches the original quote's plain-text version.


HTML code:
<blockquote cite="https://youtu.be/OnEjzmR9Hvw?t=231">
<ol class="num">
<li>a <b>Western</b> is where is conceptually a world in which <b>there is no law and order</b> and a man shows up and <b>imposes personally law and order on the territory</b> the community right
<li>so there is also a <b>eastern</b> what is in Eastern and Eastern is a place where by contrast is a story where they're like I got this straight it was four types the Eastern is where there is law and order there is so <b>there are institutions of Justice</b> but they are have been <b>subverted by people from within</b> so an Eastern would be the Serpico is an Eastern it's a <b>crooked cop</b> who is it's the bad apple who has you know screwed up there there's lots of tons and tons of of Hollywood movies are Easterns</li>
<li>the <b>northern</b> is the case where law and <b>order exists and law notre is morally righteous system</b> works law know that show law and order is a northern it's a functioning apparatus of Justice which reliably and accurately produces the right the correct result in confronting criminality every single day when it's on TV</li>
<li>the <b>southern</b> is where the the entirely the southern is all <b>John Grisham novels</b> or Southern's they are where the <b>entire apparatus is corrupt</b> and where the reformer is not an insider but an <b>outsider</b></li>
</ol>
</blockquote>

View Sample article with Contextual Video Popups:



5. Audio/Podcasts #


I would like to add support for audio-citations, especially for transcription of podcasts and radio.


Potential Sample Podcasts:


6. PDFs #

The hosted CiteIt Webservice does not current support PDFs, but this functionality is available if the application is self-hosted:


1) Children's Book: Electronic Pdf #

The webservice converts this children's book into a text-version.


>> Hammy said: we are very careful so we aren't caught.   (page 6)


<p>Hammy said: <q cite="https://cdn.shopify.com/s/files/1/2081/8163/files/007-HAMMY-THE-HAMSTER-Free-Childrens-Book-By-Monkey-Pen.pdf>we are very careful so we aren't caught.</q></p>




2) Digital Journal Article: Electronic Pdf #


Electronically-Produced PDFs

Digitally created PDF: "Jeremey Bentham and President Roosevelt's Four Freedoms."

The webservice converts the article to a series of text-based pages, from which contextual lookups can be made.


For that very reason, the Declaration of Independence does not speak of the attainment of happiness, but of the pursuit of happiness. The question, then, is of what the ruler should do for the happiness of citizens.


<blockquote cite"https://read.citeit.net/media/pdf/roosevelt-4-freedoms.pdf"> >For that very reason, the Declaration of Independence does not speak of the attainment of happiness, but of the pursuit of happiness. The question, then, is of what the ruler should do for the happiness of citizens.</blockquote>




3) Scanned Book: OCR Pdf #

Notice that this page contains two columns:



<p>Prince Andrew said: <q cite="https://read.citeit.net/media/pdf/samples/war-and-peace-pages-76-77.pdf">I don't like your Mademoiselle Bourienne at all</q>.</p>







7. Twitter & Substack Notes #


Here is an a example of what Twitter could look like if a quote were linked to its source with a contextual popup.

↑ Click grey-blue text to view contextual popup ↑




    (User-entered examples) #



Developer Sample Code #

These examples depend upon the CiteIt javascript library being installed on the quote's webpage.






.. roughly understand. "You live in the country and don't think the I am." 1 life terrible," he replied. that's different. Why speak of me? I "I don't want any other life, and can't, for I know no other. But think, Andrew: for a young society woman to be buried in the country during the best years of her life, all alone for Papa is . . . always busy, and I ... well, you know what poor resources I have for entertaining a woman used to the best society. There is only Made" moiselle Bourienne " I don't like your Mademoiselle Bourienneat all l," said Prince Andrew. "No? She is very nice and kind and, above all, she's much to be pitied. She has no one, no one. To tell the truth, I don't need her, and Her brother shook his head incredulously. "The only thing that is hard for me ... I will tell you the truth, Andrew ... is Father's way of treating religious subjects. I don't understand how a man of his immense intellect can fail to see what is as clear as day, and can go so far astray. That is the only thing that makes me unhappy. But even in this I can see lately a shade of improvement. His satire has been less bitter of late, and there was a monk he received and had a long talk with." "Ah! my dear, I am afraid you and your monk are wasting your powder," said Prince Andrew banteringly yet tenderly. "Ah! mon ami, I only pray, and hope that God will hear me. Andrew ." she said timid. ly after a . moment's silence, "I have a great favor to ask of you." "What is it, dear?" my way. You know I always was "No promise that ..

Read more | Close


.. Eliza.""Another time, Lizzy," said her mother, "I would not dance with him, if I were you.""I believe, Ma'am, I may safely promise you never to dance with him.""His pride," said Miss Lucas, "does not offend me so much as pride often does, because there is an excuse for it. One cannot wonder that so very fine a young man, with family, fortune, every thing in his favour, should think highly of himself. If I may so express it, he has a right to be proud.""That is very true," replied Elizabeth, "and  I could easily forgive his pride, if he had not mortified mine. ""Pride," observed Mary, who piqued herself upon the solidity of her reflections, "is a very common failing I believe. By all that I have ever read, I am convinced that it is very common indeed, that human nature is particularly prone to it, and that there are very few of us who do not cherish a feeling of self-​complacency on the score of some quality or other, real or imaginary. Vanity and pride are different things, though the words are often used synonimously. A person may be proud without being vain. Pride relates more to our opinion of ourselves, vanity to what we would have others think of us.""If I were as rich as Mr. Darcy," cried a young Lucas, who came with his sisters, "I should not care how proud I was. I would keep a pack of foxhounds, and drink a bottle of wine every day.""Then you would drink a great deal more than you ought," said Mrs. Bennet; "and if I were to see you at it I should take away your bottle directly."The boy protested that she should not; she continued t..

Read more | Close


.. g, meandering conversations. Even Bill Gates has an interview podcast now. (Altman was one of his first guests.)Tech’s attempts to make its own industry-friendly media empires have sometimes fizzled out. In 2021, venture firm Andreessen Horowitz launched media site Future.com, hoping to offer an “optimistic lens on technology and the future.” That effort only lasted about a year before drying up. But shows like Fridman’s and Patel’s are rising. The appeal to a tech communications team is clear. Why risk putting an executive in front of an incisive journalist when there’s a gentler route? Part of Fridman’s draw is that he lets the interviewee talk a lot. It’s cooperative, not combative, and likely helps him land guests, but it also does his audience a disservice. Fridman didn’t respond to messages asking for comment about his podcast.In his recent interview with Altman, he asked a crucial question about OpenAI cofounder Ilya Sutskever, who was involved with the ultimately unsuccessful effort to oust Altman last year.Fridman asked, “What did Ilya see?” But Altman skipped right past it and answered an earlier question instead. Fridman didn’t mention it again.The tone was chummy. Fridman also asked Altman about Sutskever’s current involvement in the company, but framed it as a joke: “Is he being held hostage in a secret nuclear facility?” Altman, smiling, replied, “No.” At other points, Fridman called Musk a “friend” twice and called OpenAI’s new Sora video product “amazing” and said its model GPT-4 was “also amazing.”Expect more of this in the future. Some PR pros are eve..

Read more | Close

source: archive.md


.. e thousands of free children's books to young readers around the globe. Please share our books with your friends and family to support our mission. Thank you Please make a donation on Patreon to support Monkey Pens Free Book Project: I am Hammy the Hamster. I live with my mother Henrietta, my father Harry, my sister Hachi, and my brother Hal. We live in South America and you can’t miss our home. It is the burrow under the trees that look like the letter H. When we are out during the day, we are very careful so we aren't caught. We might get trapped and become someone’s pet. So we are mostly out after dark. We like to eat seeds and fruit and can carry it back home in our pouches. Our cheeks have built in shopping bags. Just like you, we like to play and have fun. We have fun running into the light and chasing our shadows on the leaves. Last night Hachi and I found this thing. When you pushed a button, it lit up like the sun. We like to climb things and explore. Our cousins Lester, Larry, and Lorain live in the city. They are someone’s pet. They sent us this picture and said they had a lot of fun but missed playing with us. Lester said he liked people. He always had food and water and lots of toys to play with. He even likes to take a ride in the pocket of his people friend, Billy. I might be your pet some day. If I ever become your pet, I hope you take good care of me because I will do all I can to be your friend. Adios Amigos. Advertisement Your Story Book! A book specially made, with you ..

Read more | Close