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 /.template.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 '.template.html')
| -rw-r--r-- | .template.html | 34 |
1 files changed, 18 insertions, 16 deletions
| diff --git a/.template.html b/.template.html index 19d5254..952cc41 100644 --- a/.template.html +++ b/.template.html | |||
| @@ -41,25 +41,27 @@ | |||
| 41 | $if(title)$<h1 class="title">$title$</h1>$endif$ | 41 | $if(title)$<h1 class="title">$title$</h1>$endif$ |
| 42 | $if(subtitle)$<h1 class="subtitle">$subtitle$</h1>$endif$ | 42 | $if(subtitle)$<h1 class="subtitle">$subtitle$</h1>$endif$ |
| 43 | 43 | ||
| 44 | $if(dedication)$ | 44 | <div class="header-extra"> |
| 45 | <!-- dedication --> | 45 | $if(dedication)$ |
| 46 | <div class="dedication">$dedication$</div> | 46 | <!-- dedication --> |
| 47 | $endif$ | 47 | <div class="dedication">$dedication$</div> |
| 48 | |||
| 49 | $if(epigraph.content)$ | ||
| 50 | <!-- epigraph --> | ||
| 51 | <div class="epigraph"> | ||
| 52 | $if(epigraph.link)$ | ||
| 53 | <a href="$epigraph.link$">$epigraph.content$</a> | ||
| 54 | $else$ | ||
| 55 | $epigraph.content$ | ||
| 56 | $endif$ | 48 | $endif$ |
| 57 | 49 | ||
| 58 | $if(epigraph.attrib)$ | 50 | $if(epigraph.content)$ |
| 59 | <div class="attrib">$epigraph.attrib$</div> | 51 | <!-- epigraph --> |
| 52 | <div class="epigraph"> | ||
| 53 | $if(epigraph.link)$ | ||
| 54 | <a href="$epigraph.link$">$epigraph.content$</a> | ||
| 55 | $else$ | ||
| 56 | $epigraph.content$ | ||
| 57 | $endif$ | ||
| 58 | |||
| 59 | $if(epigraph.attrib)$ | ||
| 60 | <div class="attrib">$epigraph.attrib$</div> | ||
| 61 | $endif$ | ||
| 62 | </div> | ||
| 60 | $endif$ | 63 | $endif$ |
| 61 | </div> | 64 | </div> |
| 62 | $endif$ | ||
| 63 | </header> | 65 | </header> |
| 64 | 66 | ||
| 65 | $if(ekphrastic.image)$ | 67 | $if(ekphrastic.image)$ |