about summary refs log tree commit diff stats
path: root/loremipsum.html
blob: 3744919073e5a6ec541b831e1699663cc7f90b60 (plain)
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
55
<!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>Lorem ipsum | Autocento of the breakfast table</title>
    <link rel="stylesheet" type="text/css" href="css/_common.css">
        <link rel="stylesheet" type="text/css" href="css/prose.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>

<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Lorem ipsum</h1>
        <h1 class="subtitle">a test suite for the gods</h1>

                <!-- dedication -->
        <div class="dedication">you, dear Reader</div>
        
                <!-- 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>
                    </header>

    <section class="thing prose">
    <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>
    <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>
    <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>
    <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>
    <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>
    </section>

    <nav>
                <a class="prevlink" href="ipsumlorem.html">
            Ipsum lorem
        </a>
                <a href="#" id="lozenge"> &loz; </a>
                <a class="nextlink" href="ipsumlorem.html">
            Ipsum lorem
        </a>
            </nav>
</div>
</body>
</html>