diff options
Diffstat (limited to 'ipsumlorem.html')
| -rw-r--r-- | ipsumlorem.html | 57 |
1 files changed, 57 insertions, 0 deletions
| diff --git a/ipsumlorem.html b/ipsumlorem.html new file mode 100644 index 0000000..e33f7b2 --- /dev/null +++ b/ipsumlorem.html | |||
| @@ -0,0 +1,57 @@ | |||
| 1 | <!DOCTYPE html> | ||
| 2 | <!-- Template for compiled 'Autocento' documents --> | ||
| 3 | <html> | ||
| 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 | <link rel="stylesheet" type="text/css" href="css/_common.css"> | ||
| 12 | <link rel="stylesheet" type="text/css" href="css/verse.css"> | ||
| 13 | <link rel="stylesheet" type="text/css" href="css/autocento.css"> | ||
| 14 | <!--[if lt IE 9]> | ||
| 15 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script> | ||
| 16 | <![endif]--> | ||
| 17 | </head> | ||
| 18 | <body> | ||
| 19 | |||
| 20 | |||
| 21 | <header> | ||
| 22 | <!-- title --> | ||
| 23 | <h1 class="title">Ipsum lorem</h1> | ||
| 24 | <h1 class="subtitle">a test suite for the gods</h1> | ||
| 25 | <!-- epigraph --> | ||
| 26 | <p class="epigraph"> | ||
| 27 | <a href="http://lipsum.com/"><p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p></a> | ||
| 28 | </p> | ||
| 29 | <p class="epigraph-attrib"> | ||
| 30 | — Cicero | ||
| 31 | </p> | ||
| 32 | <!-- dedication --> | ||
| 33 | <p class="dedication"> | ||
| 34 | <em>for you, dear Reader</em> | ||
| 35 | </p> | ||
| 36 | </header> | ||
| 37 | |||
| 38 | <section class="thing verse"> | ||
| 39 | <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> | ||
| 40 | <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> | ||
| 41 | <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> | ||
| 42 | <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> | ||
| 43 | <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> | ||
| 44 | </section> | ||
| 45 | |||
| 46 | <nav> | ||
| 47 | <a href="loremipsum.html"> | ||
| 48 | <span class="prevlink">< Lorem ipsum</span> | ||
| 49 | </a> | ||
| 50 | <a href="#" id="lozenge"> ◊ </a> | ||
| 51 | <a href="loremipsum.html"> | ||
| 52 | <span class="nextlink">Lorem ipsum ></span> | ||
| 53 | </a> | ||
| 54 | </nav> | ||
| 55 | |||
| 56 | </body> | ||
| 57 | </html> | ||