diff options
| author | Case Duckworth | 2015-03-14 11:33:26 -0700 |
|---|---|---|
| committer | Case Duckworth | 2015-03-14 11:33:26 -0700 |
| commit | 5685e1dba9b485939c833ba86f4e5c2e5e34453b (patch) | |
| tree | f61602ba63e905e9bc7033ad06e790e7356e4dc6 /found-typewriter-poem.html | |
| parent | Move test suite into its own folder (diff) | |
| download | autocento-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 'found-typewriter-poem.html')
| -rw-r--r-- | found-typewriter-poem.html | 14 |
1 files changed, 8 insertions, 6 deletions
| diff --git a/found-typewriter-poem.html b/found-typewriter-poem.html index 507d53f..5bbfc92 100644 --- a/found-typewriter-poem.html +++ b/found-typewriter-poem.html | |||
| @@ -34,13 +34,15 @@ | |||
| 34 | <h1 class="title">Look</h1> | 34 | <h1 class="title">Look</h1> |
| 35 | <h1 class="subtitle">a found typewriter poem</h1> | 35 | <h1 class="subtitle">a found typewriter poem</h1> |
| 36 | 36 | ||
| 37 | 37 | <div class="header-extra"> | |
| 38 | <!-- epigraph --> | ||
| 39 | <div class="epigraph"> | ||
| 40 | <p><a href="http://books.google.com/books?id=ALdlAAAAMAAJ&focus=searchwithinvolume&q=older+than">Is he older</a>? I asked her. And I never got an answer, because at the moment she disappeared in a puff of smoke. I like to think nothing ever happened to her save that she went over to the spirit realm. I usually know better though.</p> | ||
| 41 | 38 | ||
| 42 | </div> | 39 | <!-- epigraph --> |
| 43 | </header> | 40 | <div class="epigraph"> |
| 41 | <p><a href="http://books.google.com/books?id=ALdlAAAAMAAJ&focus=searchwithinvolume&q=older+than">Is he older</a>? I asked her. And I never got an answer, because at the moment she disappeared in a puff of smoke. I like to think nothing ever happened to her save that she went over to the spirit realm. I usually know better though.</p> | ||
| 42 | |||
| 43 | </div> | ||
| 44 | </div> | ||
| 45 | </header> | ||
| 44 | 46 | ||
| 45 | 47 | ||
| 46 | <section class="content verse"><p>Look, I say—look here—<br />at this <a href="planks.html">old place<br />where nothing changes</a>.<br />Look at the people<br />who pass by. Look at<br />the trees. The flowers<br />full of wanting: look<br /><a href="squirrel.html">how full they are</a> with<br />color. Look how they mock<br />us, empty people who<br />must fill themselves<br />with changes—emptiness.</p> | 48 | <section class="content verse"><p>Look, I say—look here—<br />at this <a href="planks.html">old place<br />where nothing changes</a>.<br />Look at the people<br />who pass by. Look at<br />the trees. The flowers<br />full of wanting: look<br /><a href="squirrel.html">how full they are</a> with<br />color. Look how they mock<br />us, empty people who<br />must fill themselves<br />with changes—emptiness.</p> |