summary refs log tree commit diff stats
path: root/.ipsumlorem.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 /.ipsumlorem.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 '.ipsumlorem.html')
-rw-r--r--.ipsumlorem.html60
1 files changed, 0 insertions, 60 deletions
diff --git a/.ipsumlorem.html b/.ipsumlorem.html deleted file mode 100644 index cc1efb9..0000000 --- a/.ipsumlorem.html +++ /dev/null
@@ -1,60 +0,0 @@
1<!DOCTYPE html>
2<!-- Template for compiled 'Autocento' documents -->
3<html lang="en">
4<head>
5 <meta charset="utf-8">
6 <meta name="generator" content="pandoc">
7 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
8 <meta name="author" content="Case Duckworth">
9 <!-- more meta tags here -->
10 <title>Ipsum lorem | Autocento of the breakfast table</title>
11 <!-- general styles & scripts -->
12 <link rel="stylesheet" type="text/css" href="./css/common.css">
13 <script src="./js/lozenge.js" type="text/javascript"> </script>
14 <script src="./js/hylo.js" type="text/javascript"> </script>
15
16 <link rel="stylesheet" type="text/css" href="./css/verse.css">
17 <script src="./js/verse.js" type="text/javascript"> </script>
18 <link rel="stylesheet" type="text/css" href="./css/autocento.css">
19 <script src="./js/autocento.js" type="text/javascript"> </script>
20 <!--[if lt IE 9]>
21 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script>
22 <![endif]-->
23 <!-- <script src="js/external.js"> </script> -->
24 </head>
25<body>
26
27 <header>
28 <!-- title -->
29 <h1 class="title">Ipsum lorem</h1>
30 <h1 class="subtitle">a test suite for the gods</h1>
31
32 <!-- dedication -->
33 <div class="dedication">you, dear Reader</div>
34
35 <!-- epigraph -->
36 <div class="epigraph">
37 <a href="http://lipsum.com/"><p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p></a>
38 </div>
39 <div class="epigraph-attrib">Cicero</div>
40 </header>
41
42 <section class="thing verse">
43 <p><a href=".loremipsum.html">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit.<br />Vivamus at vulputate ligula, ac ullamcorper magna.<br />In in porta metus.<br />Curabitur iaculis faucibus posuere.<br />Nunc elementum libero vitae sapien auctor mollis.<br />Aenean eget tellus ac urna tincidunt vestibulum.<br />Vivamus eget orci nec purus mollis efficitur.<br />Pellentesque eu pharetra justo.</p>
44 <p>Duis tincidunt convallis vulputate.<br />Etiam non magna mi.<br />Proin porttitor vel quam ac dignissim.<br />Pellentesque tempus orci orci, quis tincidunt enim tincidunt in.<br />Vestibulum posuere leo ut lacus imperdiet, nec rutrum turpis pellentesque.<br />Pellentesque dictum finibus posuere.<br />Mauris vehicula lacus lorem, a euismod purus cursus eu.<br />Vivamus magna mauris, vehicula et libero at, commodo consectetur purus.</p>
45 <p>Sed laoreet posuere consectetur.<br />Proin sed rutrum ligula, id scelerisque eros.<br />Duis rhoncus magna eu magna scelerisque, non volutpat libero volutpat.<br />Mauris gravida et tellus non ornare.<br />Integer nibh nulla, commodo aliquam imperdiet a, condimentum pulvinar magna.<br />Praesent commodo eros eu nisi sagittis pulvinar.<br />Cras id lectus vel eros porta faucibus eu eu quam.<br />Morbi et nisi id nunc elementum facilisis.<br />Maecenas ultrices eu purus nec auctor.<br />Cras quis sagittis nunc, in accumsan lacus.</p>
46 <p>Sed sem arcu, eleifend imperdiet ligula consectetur, tempus efficitur massa.<br />Donec commodo convallis cursus.<br />Donec id magna at arcu malesuada vulputate.<br />Nam cursus leo eros, vel volutpat diam tincidunt eu.<br />Morbi eleifend accumsan mollis.<br />Sed dui lacus, tincidunt eu elit eu, venenatis ultrices erat.<br />Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.<br />Fusce sit amet imperdiet sapien, ut finibus ex.<br />Quisque tincidunt, est vitae iaculis bibendum, augue odio pharetra libero, nec ornare erat risus ac quam.<br />Nam varius mauris sit amet purus cursus, eget molestie ex tempus.</p>
47 <p>Proin augue ligula, interdum quis fermentum eu, suscipit eget tortor.<br />Suspendisse nec egestas odio, vitae vestibulum turpis.<br />Proin ipsum ligula, maximus vitae mauris ut, imperdiet ultricies eros.<br />Integer mi orci, vestibulum ut porttitor quis, dictum eu lacus.<br />Ut placerat lectus metus, vel molestie felis luctus ac.<br />Quisque facilisis lectus id magna hendrerit, auctor ornare nisl rutrum.<br />Pellentesque vehicula purus vitae dui auctor, in accumsan risus efficitur.</p>
48 </section>
49
50 <nav>
51 <a class="prevlink" href=".loremipsum.html">
52 Lorem ipsum
53 </a>
54 <a href="#" id="lozenge" title="Random page"> &loz; </a>
55 <a class="nextlink" href=".loremipsum.html">
56 Lorem ipsum
57 </a>
58 </nav>
59</body>
60</html>