1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
<!DOCTYPE html>
<!-- Template for compiled 'Autocento' documents -->
<html>
<head>
<meta charset="utf-8">
<meta name="generator" content="pandoc">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
<meta name="author" content="Case Duckworth">
<!-- more meta tags here -->
<title>Ipsum lorem | Autocento of the breakfast table</title>
<link rel="stylesheet" type="text/css" href="css/_common.css">
<link rel="stylesheet" type="text/css" href="css/verse.css">
<link rel="stylesheet" type="text/css" href="css/autocento.css">
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script>
<![endif]-->
</head>
<body>
<header>
<!-- title -->
<h1 class="title">Ipsum lorem</h1>
<h1 class="subtitle">a test suite for the gods</h1>
<!-- epigraph -->
<div class="epigraph">
<a href="http://lipsum.com/"><p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.</p></a>
</div>
<div class="epigraph-attrib">Cicero</div>
<!-- dedication -->
<div class="dedication">you, dear Reader</div>
</header>
<section class="thing verse">
<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>
<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>
<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>
<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>
<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>
</section>
<nav>
<a class="prevlink" href="loremipsum.html">
Lorem ipsum
</a>
<a href="#" id="lozenge"> ◊ </a>
<a class="nextlink" href="loremipsum.html">
Lorem ipsum
</a>
</nav>
</body>
</html>
|