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 /.loremipsum.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 '.loremipsum.html')
| -rw-r--r-- | .loremipsum.html | 60 |
1 files changed, 0 insertions, 60 deletions
| diff --git a/.loremipsum.html b/.loremipsum.html deleted file mode 100644 index 42fdb39..0000000 --- a/.loremipsum.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>Lorem ipsum | 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/prose.css"> | ||
| 17 | <script src="./js/prose.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">Lorem ipsum</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 prose"> | ||
| 43 | <p><a href=".ipsumlorem.html">Lorem ipsum dolor sit amet</a>, consectetur adipiscing elit. Vivamus at vulputate ligula, ac ullamcorper magna. In in porta metus. Curabitur iaculis faucibus posuere. Nunc elementum libero vitae sapien auctor mollis. Aenean eget tellus ac urna tincidunt vestibulum. Vivamus eget orci nec purus mollis efficitur. Pellentesque eu pharetra justo.</p> | ||
| 44 | <p>Duis tincidunt convallis vulputate. Etiam non magna mi. Proin porttitor vel quam ac dignissim. Pellentesque tempus orci orci, quis tincidunt enim tincidunt in. Vestibulum posuere leo ut lacus imperdiet, nec rutrum turpis pellentesque. Pellentesque dictum finibus posuere. Mauris vehicula lacus lorem, a euismod purus cursus eu. Vivamus magna mauris, vehicula et libero at, commodo consectetur purus.</p> | ||
| 45 | <p>Sed laoreet posuere consectetur. Proin sed rutrum ligula, id scelerisque eros. Duis rhoncus magna eu magna scelerisque, non volutpat libero volutpat. Mauris gravida et tellus non ornare. Integer nibh nulla, commodo aliquam imperdiet a, condimentum pulvinar magna. Praesent commodo eros eu nisi sagittis pulvinar. Cras id lectus vel eros porta faucibus eu eu quam. Morbi et nisi id nunc elementum facilisis. Maecenas ultrices eu purus nec auctor. Cras quis sagittis nunc, in accumsan lacus.</p> | ||
| 46 | <p>Sed sem arcu, eleifend imperdiet ligula consectetur, tempus efficitur massa. Donec commodo convallis cursus. Donec id magna at arcu malesuada vulputate. Nam cursus leo eros, vel volutpat diam tincidunt eu. Morbi eleifend accumsan mollis. Sed dui lacus, tincidunt eu elit eu, venenatis ultrices erat. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Fusce sit amet imperdiet sapien, ut finibus ex. Quisque tincidunt, est vitae iaculis bibendum, augue odio pharetra libero, nec ornare erat risus ac quam. Nam varius mauris sit amet purus cursus, eget molestie ex tempus.</p> | ||
| 47 | <p>Proin augue ligula, interdum quis fermentum eu, suscipit eget tortor. Suspendisse nec egestas odio, vitae vestibulum turpis. Proin ipsum ligula, maximus vitae mauris ut, imperdiet ultricies eros. Integer mi orci, vestibulum ut porttitor quis, dictum eu lacus. Ut placerat lectus metus, vel molestie felis luctus ac. Quisque facilisis lectus id magna hendrerit, auctor ornare nisl rutrum. Pellentesque vehicula purus vitae dui auctor, in accumsan risus efficitur.</p> | ||
| 48 | </section> | ||
| 49 | |||
| 50 | <nav> | ||
| 51 | <a class="prevlink" href=".ipsumlorem.html"> | ||
| 52 | Ipsum lorem | ||
| 53 | </a> | ||
| 54 | <a href="#" id="lozenge" title="Random page"> ◊ </a> | ||
| 55 | <a class="nextlink" href=".ipsumlorem.html"> | ||
| 56 | Ipsum lorem | ||
| 57 | </a> | ||
| 58 | </nav> | ||
| 59 | </body> | ||
| 60 | </html> | ||