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. :(
---
amber-alert.html | 14 ++++++++------
1 file changed, 8 insertions(+), 6 deletions(-)
(limited to 'amber-alert.html')
diff --git a/amber-alert.html b/amber-alert.html
index 696cf0f..8df1c60 100644
--- a/amber-alert.html
+++ b/amber-alert.html
@@ -34,13 +34,15 @@
<h1 class="title">AMBER alert</h1>
-
- <!-- epigraph -->
- <div class="epigraph">
- <a href="http://www.boston.com/bostonglobe/ideas/articles/2008/07/20/abducted/?page=full">Apparently it does nothing.</a>
+ <div class="header-extra">
- </div>
- </header>
+ <!-- epigraph -->
+ <div class="epigraph">
+ <a href="http://www.boston.com/bostonglobe/ideas/articles/2008/07/20/abducted/?page=full">Apparently it does nothing.</a>
+
+ </div>
+ </div>
+ </header>
<div class="ekphrastic">
<a href="https://en.wikipedia.org/wiki/AMBER_alert">
--
cgit 1.4.1-21-gabe81