diff options
Diffstat (limited to 'and.html')
| -rw-r--r-- | and.html | 122 |
1 files changed, 60 insertions, 62 deletions
| diff --git a/and.html b/and.html index b7d7c11..1ec9af0 100644 --- a/and.html +++ b/and.html | |||
| @@ -4,76 +4,74 @@ | |||
| 4 | --> | 4 | --> |
| 5 | <html lang="en"> | 5 | <html lang="en"> |
| 6 | <head> | 6 | <head> |
| 7 | <meta charset="utf-8"> | 7 | <meta charset="utf-8"> |
| 8 | <meta name="generator" content="pandoc"> | 8 | <meta name="generator" content="pandoc"> |
| 9 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> | 9 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> |
| 10 | <meta name="author" content="Case Duckworth"> | 10 | <meta name="author" content="Case Duckworth"> |
| 11 | 11 | ||
| 12 | <title>And | Autocento of the breakfast table</title> | 12 | <title>And | Autocento of the breakfast table</title> |
| 13 | <link rel="icon" type="image/png" href="trunk/favico.png" /> | 13 | <link rel="icon" type="image/png" href="trunk/favico.png" /> |
| 14 | 14 | ||
| 15 | <link rel="stylesheet" type="text/css" href="_style.css"> | 15 | <link rel="stylesheet" type="text/css" href="trunk/style.css"> |
| 16 | <script src="trunk/lozenge.js" type="text/javascript"> </script> | 16 | <script src="scripts/randomize.js" type="text/javascript"> </script> |
| 17 | <script src="trunk/hylo.js" type="text/javascript"> </script> | 17 | <script src="scripts/hylo.js" type="text/javascript"> </script> |
| 18 | 18 | ||
| 19 | <!--[if lt IE 9]> | 19 | <!--[if lt IE 9]> |
| 20 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script> | 20 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script> |
| 21 | <![endif]--> | 21 | <![endif]--> |
| 22 | </head> | 22 | </head> |
| 23 | <body id=""> | 23 | <body id="and" class="elegies"> |
| 24 | |||
| 25 | 24 | ||
| 26 | <article class="container"> | 25 | <article class="container"> |
| 27 | <header> | 26 | <header> |
| 28 | <!-- title --> | 27 | <!-- title --> |
| 29 | <h1 class="title">And</h1> | 28 | <h1 class="title">And</h1> |
| 30 | |||
| 31 | 29 | ||
| 32 | <div class="header-extra"> | 30 | |
| 33 | 31 | <div class="header-extra"> | |
| 34 | <!-- epigraph --> | 32 | |
| 35 | <div class="epigraph"> | 33 | <!-- epigraph --> |
| 36 | <a href="http://www.theguardian.com/lifeandstyle/2011/oct/28/margaret-atwood-q-a"><p>“What is your favorite word?”</p> | 34 | <div class="epigraph"> |
| 35 | <a href="http://www.theguardian.com/lifeandstyle/2011/oct/28/margaret-atwood-q-a"><p>“What is your favorite word?”</p> | ||
| 37 | <p>“And. It is so hopeful.”</p></a> | 36 | <p>“And. It is so hopeful.”</p></a> |
| 38 | |||
| 39 | <div class="attrib">Margaret Atwood</div> | ||
| 40 | </div> | ||
| 41 | </div> | ||
| 42 | </header> | ||
| 43 | 37 | ||
| 44 | 38 | <div class="attrib">Margaret Atwood</div> | |
| 45 | <section class="content verse"> | 39 | </div> |
| 46 | <p><span class="line">And you were there at the start of it all</span><span class="line">and you were there at the end bitter as a <a href="last-passenger.html">nail</a></span></p> | 40 | </div> |
| 47 | <p><span class="line">and you folded your <a href="cold-wind.html">hands like little doves</a></span><span class="line">that flew away like an afterthought</span></p> | 41 | </header> |
| 48 | <p><span class="line">when you turned to me and the window light</span><span class="line">on your face when you told me and I did not</span></p> | 42 | |
| 49 | <p><span class="line">recognize you in the throng of those who</span><span class="line">are not you and I asked <a href="boar.html">are we in a church</a></span></p> | 43 | |
| 50 | <p><span class="line">and you answered with the look on your face</span><span class="line">like birds <a href="roughgloves.html">caught in a snare</a> like on a voice</span></p> | 44 | <section class="content verse"> |
| 51 | <p><span class="line">and I think it might have been my voice</span><span class="line">and I could not do but look away my head</span></p> | 45 | <p><span class="line">And you were there at the start of it all</span><span class="line">and you were there at the end bitter as a <a href="last-passenger.html">nail</a></span></p> |
| 52 | <p><span class="line">was not my head anymore or hold my thoughts</span><span class="line">I never did get an answer from you but from</span></p> | 46 | <p><span class="line">and you folded your <a href="cold-wind.html">hands like little doves</a></span><span class="line">that flew away like an afterthought</span></p> |
| 53 | <p><span class="line">the <a href="worse-looking-over.html">man on the radio</a> murmuring all night</span><span class="line">and I couldn’t understand him so far away</span></p> | 47 | <p><span class="line">when you turned to me and the window light</span><span class="line">on your face when you told me and I did not</span></p> |
| 54 | <p><span class="line">and I could tell I was missing something important</span><span class="line">and you nodded to yourself at something he said</span></p> | 48 | <p><span class="line">recognize you in the throng of those who</span><span class="line">are not you and I asked <a href="boar.html">are we in a church</a></span></p> |
| 55 | </section> | 49 | <p><span class="line">and you answered with the look on your face</span><span class="line">like birds <a href="roughgloves.html">caught in a snare</a> like on a voice</span></p> |
| 56 | </article> | 50 | <p><span class="line">and I think it might have been my voice</span><span class="line">and I could not do but look away my head</span></p> |
| 57 | <nav> | 51 | <p><span class="line">was not my head anymore or hold my thoughts</span><span class="line">I never did get an answer from you but from</span></p> |
| 58 | <div class="anchors"> | 52 | <p><span class="line">the <a href="worse-looking-over.html">man on the radio</a> murmuring all night</span><span class="line">and I couldn’t understand him so far away</span></p> |
| 59 | <a href="_backlinks.htm" id="back-link" title="Links to this page"> | 53 | <p><span class="line">and I could tell I was missing something important</span><span class="line">and you nodded to yourself at something he said</span></p> |
| 60 | φ | 54 | </section> |
| 61 | </a> | 55 | </article> |
| 62 | <a href="index.html" id="cover-link" title="To cover">◊</a> | 56 | <nav> |
| 63 | <a href="#" id="lozenge" title="ERROR">ξ</a> | 57 | <div class="anchors"> |
| 64 | </div> | 58 | <a href="backlinks/and.html" id="backlinks" title="Links to this page"> |
| 59 | φ | ||
| 60 | </a> | ||
| 61 | <a href="index.html" id="coverlink" title="To cover">◊</a> | ||
| 62 | <a href="#" id="randomizelink" title="ERROR">ξ</a> | ||
| 63 | </div> | ||
| 64 | |||
| 65 | <a class="prevlink" href="howtoread.html" | ||
| 66 | title="Previous article in Elegies for alternate selves"> | ||
| 67 | How to read this | ||
| 68 | </a> | ||
| 65 | 69 | ||
| 66 | <a class="prevlink" href="howtoread.html" | 70 | <a class="nextlink" href="words-meaning.html" |
| 67 | title="Previous article in Elegies for alternate selves"> | 71 | title="Next article in Elegies for alternate selves"> |
| 68 | How to read this | 72 | Words and meaning |
| 69 | </a> | 73 | </a> |
| 70 | 74 | </nav> | |
| 71 | <a class="nextlink" href="words-meaning.html" | ||
| 72 | title="Next article in Elegies for alternate selves"> | ||
| 73 | Words and meaning | ||
| 74 | </a> | ||
| 75 | </nav> | ||
| 76 | 75 | ||
| 77 | |||
| 78 | </body> | 76 | </body> |
| 79 | </html> | 77 | </html> |