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 /sixteenth-chapel.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 'sixteenth-chapel.html')
| -rw-r--r-- | sixteenth-chapel.html | 20 |
1 files changed, 11 insertions, 9 deletions
| diff --git a/sixteenth-chapel.html b/sixteenth-chapel.html index 44fc66e..e27ba50 100644 --- a/sixteenth-chapel.html +++ b/sixteenth-chapel.html | |||
| @@ -34,16 +34,18 @@ | |||
| 34 | <h1 class="title">The Sixteenth Chapel</h1> | 34 | <h1 class="title">The Sixteenth Chapel</h1> |
| 35 | 35 | ||
| 36 | 36 | ||
| 37 | <!-- dedication --> | 37 | <div class="header-extra"> |
| 38 | <div class="dedication">Max</div> | 38 | <!-- dedication --> |
| 39 | 39 | <div class="dedication">Max</div> | |
| 40 | <!-- epigraph --> | ||
| 41 | <div class="epigraph"> | ||
| 42 | <a href="https://www.youtube.com/watch?v=PI_pwLyeoqk">Canadian High School!</a> | ||
| 43 | 40 | ||
| 44 | <div class="attrib">David Letterman</div> | 41 | <!-- epigraph --> |
| 45 | </div> | 42 | <div class="epigraph"> |
| 46 | </header> | 43 | <a href="https://www.youtube.com/watch?v=PI_pwLyeoqk">Canadian High School!</a> |
| 44 | |||
| 45 | <div class="attrib">David Letterman</div> | ||
| 46 | </div> | ||
| 47 | </div> | ||
| 48 | </header> | ||
| 47 | 49 | ||
| 48 | 50 | ||
| 49 | <section class="content verse"><p>If Justin Bieber isn’t going for the sixteenth<br />chapel, I’m not either. I admit he is my role<br />model. He’s so current, so fresh and so new,<br />and Michelangelo is so old, his art so dated.<br />Where is the love in those old paintings? All<br />I see is <a href="creation-myth.html">creation</a>, <a href="movingsideways.html">judgment</a>, and <a href="deathstrumpet.html">death</a>—</p> | 51 | <section class="content verse"><p>If Justin Bieber isn’t going for the sixteenth<br />chapel, I’m not either. I admit he is my role<br />model. He’s so current, so fresh and so new,<br />and Michelangelo is so old, his art so dated.<br />Where is the love in those old paintings? All<br />I see is <a href="creation-myth.html">creation</a>, <a href="movingsideways.html">judgment</a>, and <a href="deathstrumpet.html">death</a>—</p> |