diff options
Diffstat (limited to 'and.html')
| -rw-r--r-- | and.html | 51 |
1 files changed, 51 insertions, 0 deletions
| diff --git a/and.html b/and.html new file mode 100644 index 0000000..28b1c2c --- /dev/null +++ b/and.html | |||
| @@ -0,0 +1,51 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <!-- Template for compiled 'Autocento' documents --> | ||
| 3 | <html> | ||
| 4 | <head> | ||
| 5 | <meta charset="utf-8"> | ||
| 6 | <meta name="generator" content="pandoc"> | ||
| 7 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> | ||
| 8 | <meta name="author" content="Case Duckworth"> | ||
| 9 | <!-- more meta tags here --> | ||
| 10 | <title>And | Autocento of the breakfast table</title> | ||
| 11 | <link rel="stylesheet" type="text/css" href="css/_common.css"> | ||
| 12 | <link rel="stylesheet" type="text/css" href="css/verse.css"> | ||
| 13 | <link rel="stylesheet" type="text/css" href="css/elegies.css"> | ||
| 14 | <!--[if lt IE 9]> | ||
| 15 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script> | ||
| 16 | <![endif]--> | ||
| 17 | </head> | ||
| 18 | <body> | ||
| 19 | |||
| 20 | |||
| 21 | <header> | ||
| 22 | <!-- title --> | ||
| 23 | <h1 class="title">And</h1> | ||
| 24 | |||
| 25 | <!-- epigraph --> | ||
| 26 | <p class="epigraph"> | ||
| 27 | <a href="http://www.theguardian.com/lifeandstyle/2011/oct/28/margaret-atwood-q-a"><p>“What is your favorite word?”</p> | ||
| 28 | <p>“And. It is so hopeful.”</p></a> | ||
| 29 | </p> | ||
| 30 | <p class="epigraph-attrib"> | ||
| 31 | — Margaret Atwood | ||
| 32 | </p> | ||
| 33 | </header> | ||
| 34 | |||
| 35 | <section class="verse"> | ||
| 36 | <p>And you were there in the start of it all<br />and you folded your <a href="cold-wind.html">hands like little doves</a><br />that would fly away like an afterthought<br />and you turned to me the window light on your face<br />and you asked me something that I did not recognize<br />like a great throng of people who are not you<br />and I asked are we in a <a href="boar.html">church</a><br />and you answered with the look on your face<br />of someone <a href="roughgloves.html">grieving something gone</a> for years<br /> but that they had been reminded of<br />by a catch in the light or in someone’s voice<br />and I think maybe it could have been mine<br />and I looked away thickly my head was in jelly<br />and I didn’t get an answer from you but I got one</p> | ||
| 37 | <p>I looked at the man in front of us with glasses<br />he was speaking and holding a book<br />and I didn’t understand him he was far away<br />and I could tell I was missing something important<br />and you nodded to yourself at something he said</p> | ||
| 38 | </section> | ||
| 39 | |||
| 40 | <nav> | ||
| 41 | <a href="howtoread.html"> | ||
| 42 | <span class="prevlink">< How to read this</span> | ||
| 43 | </a> | ||
| 44 | <a href="#" id="lozenge"> ◊ </a> | ||
| 45 | <a href="words-meaning.html"> | ||
| 46 | <span class="nextlink">Words and meaning ></span> | ||
| 47 | </a> | ||
| 48 | </nav> | ||
| 49 | |||
| 50 | </body> | ||
| 51 | </html> | ||