From 5685e1dba9b485939c833ba86f4e5c2e5e34453b Mon Sep 17 00:00:00 2001
From: Case Duckworth
Date: Sat, 14 Mar 2015 11:33:26 -0700
Subject: 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. :(
---
 .template.html | 34 ++++++++++++++++++----------------
 1 file changed, 18 insertions(+), 16 deletions(-)

(limited to '.template.html')

diff --git a/.template.html b/.template.html
index 19d5254..952cc41 100644
--- a/.template.html
+++ b/.template.html
@@ -41,25 +41,27 @@
             $if(title)$<h1 class="title">$title$</h1>$endif$
             $if(subtitle)$<h1 class="subtitle">$subtitle$</h1>$endif$
 
-            $if(dedication)$
-                <!-- dedication -->
-                <div class="dedication">$dedication$</div>
-            $endif$
-
-            $if(epigraph.content)$
-                <!-- epigraph -->
-                <div class="epigraph">
-                $if(epigraph.link)$
-                    <a href="$epigraph.link$">$epigraph.content$</a>
-                $else$
-                    $epigraph.content$
+            <div class="header-extra">
+                $if(dedication)$
+                    <!-- dedication -->
+                    <div class="dedication">$dedication$</div>
                 $endif$
 
-                $if(epigraph.attrib)$
-                    <div class="attrib">$epigraph.attrib$</div>
+                $if(epigraph.content)$
+                    <!-- epigraph -->
+                    <div class="epigraph">
+                    $if(epigraph.link)$
+                        <a href="$epigraph.link$">$epigraph.content$</a>
+                    $else$
+                        $epigraph.content$
+                    $endif$
+
+                    $if(epigraph.attrib)$
+                        <div class="attrib">$epigraph.attrib$</div>
+                    $endif$
+                    </div>
                 $endif$
-                </div>
-            $endif$
+            </div>
         </header>
 
         $if(ekphrastic.image)$
-- 
cgit 1.4.1-21-gabe81