Building trust in media

How CiteIt Works #

Authors opt-in to CiteIt by:

1. providing a URL for the quote they are citing,
   • 
     

     Expanding Text Blockquote

     <blockquote cite="https://avalon.law.yale.edu/19th_century/jeffauto.asp">
     Nothing is more certainly written in the book of fate than that these people are to be free.
     </blockquote>

     
     
     

     Expanding Video Blockquote

     If the writer cites a YouTube URL, the CiteIt webservice will automatically pull the surrounding context from the YouTube transcript, if it exists and embeds the video in an expanding div.

     <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>

     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.

     
     
     

     Contextual Video Popup

     If a cite URL is specified, the CiteIt javascript library converts <q> tags into Contextual Popups that render JSON data that was looked up by the CiteIt API:

     <p>One point Gladwell made was that <q cite="https://youtu.be/cE1g3GJCq7o?t=2587">there are no bad neighborhoods there only bad blocks</q>. By this Gladwell meant that <strong>crime is concentrated in small areas</strong> (blocks), which require a concentrated response, rather than a <strong>blanket “stop and frisk”</strong> policy that affects whole neighborhoods.</p>

     
     
     
2. calling the CiteIt webservice, which looks up the quote and creates a JSON file with the contextual data,
3. installing the CiteIt jQuery library on their website. (This can be done with the WordPress plugin)
   • This library looks for <blockquote> and <q> tags that have a "cite" attributes,
   • Looks up the contextual JSON file that the webservice just computed,
   • Changes the UI for blockquotes and q tags so that they expand when clicked on,
   • Injects the quote's contextual text from the webservice's JSON data into the popup window or sections surrounding the quote.

Don't bother with the unserious

• CiteIt does not try to locate sources for authors who don't provide citations.
• CiteIt's approach is that if you want your readers to take you seriously, you need to cite sources with CiteIt!
• Using CiteIt signals to your readers that you are holding yourself to a higher standard and want your readers to understand more about your sources.

Learn More #

• More Demo Examples
• CiteIt WordPress Plugin
• Wikipedia proposal | discussion

Your Feeback wanted #

• Email Tim