summary refs log tree commit diff stats
path: root/loremipsum.html
diff options
context:
space:
mode:
authorCase Duckworth2015-03-02 18:46:31 -0700
committerCase Duckworth2015-03-02 18:46:31 -0700
commit7165c46b5d5e5fe8da5b9c077b9e74a24e4ac505 (patch)
treeebe0a8950aab0a20d2855cd5dd3e944309f93c5b /loremipsum.html
parentAdd thing class to pieces in template; recompile (diff)
downloadautocento-7165c46b5d5e5fe8da5b9c077b9e74a24e4ac505.tar.gz
autocento-7165c46b5d5e5fe8da5b9c077b9e74a24e4ac505.zip
Add test suite
Diffstat (limited to 'loremipsum.html')
-rw-r--r--loremipsum.html57
1 files changed, 57 insertions, 0 deletions
diff --git a/loremipsum.html b/loremipsum.html new file mode 100644 index 0000000..7d6f057 --- /dev/null +++ b/loremipsum.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>Lorem ipsum | 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/prose.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">Lorem ipsum</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 &mdash; 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 prose">
39 <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>
40 <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>
41 <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>
42 <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>
43 <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>
44 </section>
45
46 <nav>
47 <a href="ipsumlorem.html">
48 <span class="prevlink">&lt; Ipsum lorem</span>
49 </a>
50 <a href="#" id="lozenge"> &loz; </a>
51 <a href="ipsumlorem.html">
52 <span class="nextlink">Ipsum lorem &gt;</span>
53 </a>
54 </nav>
55
56</body>
57</html>