diff options
Diffstat (limited to 'loremipsum.html')
-rw-r--r-- | loremipsum.html | 21 |
1 files changed, 9 insertions, 12 deletions
diff --git a/loremipsum.html b/loremipsum.html index 7d6f057..2b70742 100644 --- a/loremipsum.html +++ b/loremipsum.html | |||
@@ -22,17 +22,14 @@ | |||
22 | <!-- title --> | 22 | <!-- title --> |
23 | <h1 class="title">Lorem ipsum</h1> | 23 | <h1 class="title">Lorem ipsum</h1> |
24 | <h1 class="subtitle">a test suite for the gods</h1> | 24 | <h1 class="subtitle">a test suite for the gods</h1> |
25 | |||
25 | <!-- epigraph --> | 26 | <!-- epigraph --> |
26 | <p class="epigraph"> | 27 | <div 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 | <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 | </div> |
29 | <p class="epigraph-attrib"> | 30 | <div class="epigraph-attrib">Cicero</div> |
30 | — Cicero | ||
31 | </p> | ||
32 | <!-- dedication --> | 31 | <!-- dedication --> |
33 | <p class="dedication"> | 32 | <div class="dedication">you, dear Reader</div> |
34 | <em>for you, dear Reader</em> | ||
35 | </p> | ||
36 | </header> | 33 | </header> |
37 | 34 | ||
38 | <section class="thing prose"> | 35 | <section class="thing prose"> |
@@ -44,12 +41,12 @@ | |||
44 | </section> | 41 | </section> |
45 | 42 | ||
46 | <nav> | 43 | <nav> |
47 | <a href="ipsumlorem.html"> | 44 | <a class="prevlink" href="ipsumlorem.html"> |
48 | <span class="prevlink">< Ipsum lorem</span> | 45 | Ipsum lorem |
49 | </a> | 46 | </a> |
50 | <a href="#" id="lozenge"> ◊ </a> | 47 | <a href="#" id="lozenge"> ◊ </a> |
51 | <a href="ipsumlorem.html"> | 48 | <a class="nextlink" href="ipsumlorem.html"> |
52 | <span class="nextlink">Ipsum lorem ></span> | 49 | Ipsum lorem |
53 | </a> | 50 | </a> |
54 | </nav> | 51 | </nav> |
55 | 52 | ||