• Timeline JS workshop: Spreadsheet setup, basic HTML, embedding into WP


Foucault, Michel. “PART FOUR: The Deployment of Sexuality,” in The History of Sexuality, Vol. 1: An Introduction, Reissue edition (New York: Vintage, 1990). 75-131 in PDF

Somerville, Siobhan B. “Scientific Racism and the Invention of the Homosexual Body.” In Queering the Color Line: Race and the Invention of Homosexuality in American Culture (Durham, NC: Duke University Press, 2000. 15-38.

Katz, Jonathan Ned. “The Genealogy of a Sex Concept,” “The Debut of the Heterosexual,” “Before Heterosexuality.” In The Invention of Heterosexuality. New York: Dutton, 1995. 1-55.

Ghaziani, Amin. “The Reinvention of Heterosexuality.” The Gay and Lesbian Review, v. 17, n. 3, May-June 2010: 27-29.

Halperin, David M. “Introduction,” “One Hundred Years of Homosexuality,” “’Homosexuality’: A Cultural Construct.” In One Hundred Years of Homosexuality, and Other Essays On Greek Love. (Routledge, 1990). 1-12, 14-53.

Video: Michel Foucault Offers a Clear, Compelling Introduction to His Philosophical Project (1966)

Timeline JS Workshop

Timeline JS Website

Preparing Google Spreadsheet

  1. Log into your NYU Google Account
  2. Go to http://timeline.knightlab.com
  3. Click “MAKE A TIMELINE”
  4. Click “Get the Spreadsheet Template”
  5. Click “Use this template”
  6. Spend some time entering text
    1. Date
    2. Headline
    3. Text
    4. Media – This needs to be a link to an image on the web, we will review how to get an image link
    5. Media caption
  7. Choose from the File menu “Publish to the Web”
  8. Go back to Timeline JS site and copy/paste spreadsheet URL at Step 3 of the instructions
  9. Grab the embed code that is produced under Step 4 of the instructions
  10. Copy <iframe> code

Embedding into Wordpress

  1. Create a new post
  2. Scroll to the bottom of the post editing page until you get to the “Fusion Page Options
  3. Click on the “Post” tab
  4. Paste your Timeline JS <iframe> code in the “Video Embed Code” field
  5. Click on the “Sidebars” tab
  6. Under “Select Sidebar 1:” change the value from “Default” to “No Sidebar

Basic HTML

Link: <a href=”http://kkeramidas.nyufasedtech.com/sites/queering-the-web/syllabus/february-15/”>Week 4</a>

Italic: <i>text</i>

Bold: <b>text</b>

Extensive information about HTML at W3 Schools