summary refs log tree commit diff stats
path: root/and.html
diff options
context:
space:
mode:
authorCase Duckworth2015-03-14 11:33:26 -0700
committerCase Duckworth2015-03-14 11:33:26 -0700
commit5685e1dba9b485939c833ba86f4e5c2e5e34453b (patch)
treef61602ba63e905e9bc7033ad06e790e7356e4dc6 /and.html
parentMove test suite into its own folder (diff)
downloadautocento-5685e1dba9b485939c833ba86f4e5c2e5e34453b.tar.gz
autocento-5685e1dba9b485939c833ba86f4e5c2e5e34453b.zip
Mostly fix #11: Dedication/epigraph alignment
So the issue is solved in terms of how it looks, though
it adds a gross extra div into every page and uses :only-child,
which I don't think is super-supported. But it's the best I can
do that I know of until we get to better flexbox support.

Or you know, maybe later I can try doing some templating fixes--
injecting classes so that normally, .dedication is right-aligned
but when an epigraph is present, change the class to .dedication-left
or something. IDK. Either way is sort of ugly. :(
Diffstat (limited to 'and.html')
-rw-r--r--and.html18
1 files changed, 10 insertions, 8 deletions
diff --git a/and.html b/and.html index 29134e7..a9cb27c 100644 --- a/and.html +++ b/and.html
@@ -34,15 +34,17 @@
34 <h1 class="title">And</h1> 34 <h1 class="title">And</h1>
35 35
36 36
37 37 <div class="header-extra">
38 <!-- epigraph -->
39 <div class="epigraph">
40 <a href="http://www.theguardian.com/lifeandstyle/2011/oct/28/margaret-atwood-q-a"><p>“What is your favorite word?”</p>
41<p>“And. It is so hopeful.”</p></a>
42 38
43 <div class="attrib">Margaret Atwood</div> 39 <!-- epigraph -->
44 </div> 40 <div class="epigraph">
45 </header> 41 <a href="http://www.theguardian.com/lifeandstyle/2011/oct/28/margaret-atwood-q-a"><p>“What is your favorite word?”</p>
42<p>“And. It is so hopeful.”</p></a>
43
44 <div class="attrib">Margaret Atwood</div>
45 </div>
46 </div>
47 </header>
46 48
47 49
48 <section class="content verse"><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> 50 <section class="content verse"><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>