diff options
Diffstat (limited to 'and.html')
| -rw-r--r-- | and.html | 41 |
1 files changed, 21 insertions, 20 deletions
| diff --git a/and.html b/and.html index 4dcd350..90bb023 100644 --- a/and.html +++ b/and.html | |||
| @@ -1,5 +1,6 @@ | |||
| 1 | <!DOCTYPE html> | 1 | <!DOCTYPE html> |
| 2 | <!-- Template for compiled 'Autocento' documents --> | 2 | <!-- AUTOCENTO OF THE BREAKFAST TABLE --> |
| 3 | <!-- vim: fdm=indent --> | ||
| 3 | <html lang="en"> | 4 | <html lang="en"> |
| 4 | <head> | 5 | <head> |
| 5 | <meta charset="utf-8"> | 6 | <meta charset="utf-8"> |
| @@ -23,28 +24,28 @@ | |||
| 23 | <!-- <script src="js/external.js"> </script> --> | 24 | <!-- <script src="js/external.js"> </script> --> |
| 24 | </head> | 25 | </head> |
| 25 | <body> | 26 | <body> |
| 27 | |||
| 28 | <article id="container"> | ||
| 29 | <header> | ||
| 30 | <!-- title --> | ||
| 31 | <h1 class="title">And</h1> | ||
| 32 | |||
| 26 | 33 | ||
| 27 | <article id="container"> | 34 | <!-- epigraph --> |
| 28 | <header> | 35 | <div class="epigraph"> |
| 29 | <!-- title --> | 36 | <a href="http://www.theguardian.com/lifeandstyle/2011/oct/28/margaret-atwood-q-a"><p>“What is your favorite word?”</p> |
| 30 | <h1 class="title">And</h1> | ||
| 31 | |||
| 32 | |||
| 33 | |||
| 34 | <!-- epigraph --> | ||
| 35 | <div class="epigraph"> | ||
| 36 | <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> | 37 | <p>“And. It is so hopeful.”</p></a> |
| 38 | </div> | 38 | </div> |
| 39 | <div class="epigraph-attrib">Margaret Atwood</div> | 39 | <div class="epigraph-attrib">Margaret Atwood</div> |
| 40 | |||
| 41 | |||
| 40 | </header> | 42 | </header> |
| 41 | 43 | ||
| 42 | <section class="content verse"> | 44 | <section class="content verse"> |
| 43 | <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> | 45 | <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> |
| 44 | <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> | 46 | <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> |
| 45 | </section> | 47 | </section> |
| 46 | </article> | 48 | </article> |
| 47 | |||
| 48 | <nav> | 49 | <nav> |
| 49 | <a class="prevlink" href="howtoread.html" | 50 | <a class="prevlink" href="howtoread.html" |
| 50 | title="Next article in Elegies for alternate selves"> | 51 | title="Next article in Elegies for alternate selves"> |
| @@ -56,5 +57,5 @@ | |||
| 56 | Words and meaning | 57 | Words and meaning |
| 57 | </a> | 58 | </a> |
| 58 | </nav> | 59 | </nav> |
| 59 | </body> | 60 | </body> |
| 60 | </html> | 61 | </html> |