summary refs log tree commit diff stats
path: root/call-me-aural-pleasure.html
diff options
context:
space:
mode:
authorCase Duckworth2015-03-14 11:33:26 -0700
committerCase Duckworth2015-03-14 11:33:26 -0700
commit5685e1dba9b485939c833ba86f4e5c2e5e34453b (patch)
treef61602ba63e905e9bc7033ad06e790e7356e4dc6 /call-me-aural-pleasure.html
parentMove test suite into its own folder (diff)
downloadautocento-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 'call-me-aural-pleasure.html')
-rw-r--r--call-me-aural-pleasure.html14
1 files changed, 8 insertions, 6 deletions
diff --git a/call-me-aural-pleasure.html b/call-me-aural-pleasure.html index fdf6460..bdffcc0 100644 --- a/call-me-aural-pleasure.html +++ b/call-me-aural-pleasure.html
@@ -34,13 +34,15 @@
34 <h1 class="title">Call me</h1> 34 <h1 class="title">Call me</h1>
35 <h1 class="subtitle">aural pleasure</h1> 35 <h1 class="subtitle">aural pleasure</h1>
36 36
37 37 <div class="header-extra">
38 <!-- epigraph -->
39 <div class="epigraph">
40 <a href="https://www.facebook.com/kittensruleforever38"><p>compiled thru Facebook statuses of the author</p></a>
41 38
42 </div> 39 <!-- epigraph -->
43 </header> 40 <div class="epigraph">
41 <a href="https://www.facebook.com/kittensruleforever38"><p>compiled thru Facebook statuses of the author</p></a>
42
43 </div>
44 </div>
45 </header>
44 46
45 47
46 <section class="content verse"><p>Like <em>40</em> as I challenge anyone to come too!<br />It’s like you’re the epitome of lame!<br />She’s all <em>I am SOOOO CONFUSED</em><br />Aw yeah she got <a href="roughgloves.html">word from yarn</a>.<br />—but technically it’s a pretty sweet, huh?</p> 48 <section class="content verse"><p>Like <em>40</em> as I challenge anyone to come too!<br />It’s like you’re the epitome of lame!<br />She’s all <em>I am SOOOO CONFUSED</em><br />Aw yeah she got <a href="roughgloves.html">word from yarn</a>.<br />—but technically it’s a pretty sweet, huh?</p>