First CSS styles: _common, verse, prose

author: Case Duckworth 2015-03-02 20:29:55 -0700
committer: Case Duckworth 2015-03-02 20:29:55 -0700
commit: 9eae0da13fc41738547643bcf87027c53550100f (patch)
tree: 2fd4dbdf0b2d5ce29834330df45a191c249493b3
parent: Move dedication before epigraph (diff)
download: autocento-9eae0da13fc41738547643bcf87027c53550100f.tar.gz
autocento-9eae0da13fc41738547643bcf87027c53550100f.zip
129 files changed, 309 insertions, 270 deletions
diff --git a/100-lines.html b/100-lines.html
index 5489db2..94f413c 100644
--- a/100-lines.html
+++ b/100-lines.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">100 lines</h1>
@@ -33,6 +33,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/_template.html b/_template.html
index de6dabc..aa7fe50 100644
--- a/_template.html
+++ b/_template.html

@@ -24,7 +24,7 @@
 </head>
 <body>
 $for(include-before)$ $include-before$ $endfor$
+<div id="wrapper">
    <header>
        <!-- title -->
        $if(title)$<h1 class="title">$title$</h1>$endif$
@@ -67,7 +67,7 @@ $for(include-before)$ $include-before$ $endfor$
        </a>
        $endfor$
    </nav>
+</div>
 $for(include-after)$
 $include-after$
 $endfor$
diff --git a/about-the-author.html b/about-the-author.html
index 4c3696c..20838f5 100644
--- a/about-the-author.html
+++ b/about-the-author.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">About the author</h1>
@@ -82,6 +82,6 @@
        </a>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/amber-alert.html b/amber-alert.html
index 1f62762..118dc77 100644
--- a/amber-alert.html
+++ b/amber-alert.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">AMBER alert</h1>
@@ -52,6 +52,6 @@
            The Death Zone
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/and.html b/and.html
index 0f8af80..f57dc94 100644
--- a/and.html
+++ b/and.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">And</h1>
@@ -46,6 +46,6 @@
            Words and meaning
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/angeltoabraham.html b/angeltoabraham.html
index e6c9934..3a445a0 100644
--- a/angeltoabraham.html
+++ b/angeltoabraham.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The angel to Abraham</h1>
@@ -42,6 +42,6 @@
            Feeding the raven
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/apollo11.html b/apollo11.html
index 9caf87c..8f392e4 100644
--- a/apollo11.html
+++ b/apollo11.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">On seeing the panorama of the Apollo 11 landing site</h1>
@@ -38,6 +38,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/arspoetica.html b/arspoetica.html
index 5365483..476c4a6 100644
--- a/arspoetica.html
+++ b/arspoetica.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Ars poetica</h1>
@@ -42,6 +42,6 @@
            The ocean overflows with camels
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/art.html b/art.html
index 35d5ee7..c597503 100644
--- a/art.html
+++ b/art.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Art</h1>
@@ -41,6 +41,6 @@
            Axe
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/axe.html b/axe.html
index 8345f56..95179d3 100644
--- a/axe.html
+++ b/axe.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Axe</h1>
@@ -42,6 +42,6 @@
            Building
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/big-dipper.html b/big-dipper.html
index 6e9ad81..de7936f 100644
--- a/big-dipper.html
+++ b/big-dipper.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The Big Dipper</h1>
@@ -47,6 +47,6 @@
            Something about the nature of poetry and time
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/boar.html b/boar.html
index f441d92..10ca460 100644
--- a/boar.html
+++ b/boar.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The boar</h1>
@@ -43,6 +43,6 @@
            Dead man
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/boy_bus.html b/boy_bus.html
index a0c0044..f10efbb 100644
--- a/boy_bus.html
+++ b/boy_bus.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Boy on the bus</h1>
@@ -48,6 +48,6 @@
            Last Bastion
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/building.html b/building.html
index fb2be3a..5568a76 100644
--- a/building.html
+++ b/building.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Building</h1>
@@ -42,6 +42,6 @@
            Cereal
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/call-me-aural-pleasure.html b/call-me-aural-pleasure.html
index 3d486c3..9e8a367 100644
--- a/call-me-aural-pleasure.html
+++ b/call-me-aural-pleasure.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Call me</h1>
@@ -39,6 +39,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/cereal.html b/cereal.html
index 756138e..801a548 100644
--- a/cereal.html
+++ b/cereal.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Cereal</h1>
@@ -42,6 +42,6 @@
            Dream
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/cold-wind.html b/cold-wind.html
index eec8a10..839f6db 100644
--- a/cold-wind.html
+++ b/cold-wind.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Cold wind</h1>
@@ -35,6 +35,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/creation-myth.html b/creation-myth.html
index 5b799e6..3bd9f5c 100644
--- a/creation-myth.html
+++ b/creation-myth.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Creation myth</h1>
@@ -36,6 +36,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/css/_common.css b/css/_common.css
index 79919a8..19fdf9d 100644
--- a/css/_common.css
+++ b/css/_common.css

@@ -12,30 +12,43 @@
 * ^^^^^^ for typewriter pages in Paul */
 /* }}} */
 /* Body & Links {{{ */
-body {
+html, body {
    font-family: Fira, sans-serif;
    font-size: 12pt;
+    margin: 0;
+    padding: 0;
+    height: 100%;
+}
+#wrapper { /*makes sure nav is at bottom of window*/
+    min-height: 100%;
+    position: relative;
 }
 .thing {
    max-width: 39em;
    margin: auto;
+    padding-bottom: 3em; /*height of nav*/
+}
+/* Tables */
+table { border-collapse: collapse; }
+td {
+    vertical-align: top;
+}
+tr {
+    border-bottom: 1px solid #aaa;
 }
 /* Links */
 a:link {
    color: inherit;
-    text-decoration: none;
+    text-decoration: underline;
 }
 a:visited {
    color: inherit;
-    font-weight: lighter;
 }
 a:hover {
-    color: blue;
+    text-decoration: underline;
-    font-style: italic;
 }
 a:active {
-    color: green;
+    text-decoration: underline;
 }
 /* }}} */
 /* Header section {{{ */
@@ -55,6 +68,8 @@ h1.subtitle {
    font-family: Playfair, serif;
    font-size: 15pt;
    font-style: italic;
+    position: relative;
+    top: -0.5em;
 }
 h2 {
    font-family: Fira, sans-serif;
@@ -62,6 +77,17 @@ h2 {
    font-weight: 600;
 }
 /* Epigraph & Dedication */
+.dedication {
+    font-style: italic;
+    font-size: 10pt;
+    margin-top: -0.5em;
+    margin-bottom: 1em;
+}
+.dedication:before {
+    content: 'for ';
+    font-style: italic;
+}
 .epigraph {
    text-align: right;
    font-size: 10pt;
@@ -79,20 +105,14 @@ h2 {
 .epigraph-attrib:before {
    content: '– ';
 }
-.dedication {
-    font-style: italic;
-    font-size: 10pt;
-}
-.dedication:before {
-    content: 'for ';
-    font-style: italic;
-}
 /* }}} */
 /* Navigation {{{ */
 nav {
-    max-width: 39em;
+    width: 100%;
-    margin: auto;
+    height: 3em;
+    position: absolute;
+    bottom: 0;
+    left: 0;
    text-align: center;
 }
 nav .prevlink:before {
diff --git a/css/prose.css b/css/prose.css
index e69de29..1954510 100644
--- a/css/prose.css
+++ b/css/prose.css

@@ -0,0 +1,10 @@
+/* PROSE css for Autocento.
+ * for PROSE considerations ONLY, e.g.:
+ * line-height
+ * hyphenation
+ * etc.
+ */
+.prose {
+    text-align: justify;
+}
diff --git a/css/verse.css b/css/verse.css
index e69de29..cce076c 100644
--- a/css/verse.css
+++ b/css/verse.css

@@ -0,0 +1,9 @@
+/* VERSE css for Autocento.
+ * for VERSE considerations ONLY, e.g.:
+ * line breaks
+ * how to continue lines
+ * etc.
+ */
+.verse {
+}
diff --git a/deadman.html b/deadman.html
index 49ca868..b14cfc2 100644
--- a/deadman.html
+++ b/deadman.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Dead man</h1>
@@ -39,6 +39,6 @@
            The angel to Abraham
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/death-zone.html b/death-zone.html
index c00ce66..105dc97 100644
--- a/death-zone.html
+++ b/death-zone.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The Death Zone</h1>
@@ -59,6 +59,6 @@
            Exasperated
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/deathstrumpet.html b/deathstrumpet.html
index 31d9ec4..6316958 100644
--- a/deathstrumpet.html
+++ b/deathstrumpet.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Death’s trumpet</h1>
@@ -42,6 +42,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/dream.html b/dream.html
index d73b7a7..65f1f6d 100644
--- a/dream.html
+++ b/dream.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Dream</h1>
@@ -43,6 +43,6 @@
            Early
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/early.html b/early.html
index 095047d..3a0b974 100644
--- a/early.html
+++ b/early.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Early</h1>
@@ -43,6 +43,6 @@
            Father
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/elegyforanalternateself.html b/elegyforanalternateself.html
index 934ae78..c9e0ebc 100644
--- a/elegyforanalternateself.html
+++ b/elegyforanalternateself.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Elegy for an alternate self</h1>
@@ -34,6 +34,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/epigraph.html b/epigraph.html
index 3a0eddd..c47570a 100644
--- a/epigraph.html
+++ b/epigraph.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">epigraph</h1>
@@ -33,6 +33,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/ex-machina.html b/ex-machina.html
index 3a9eb2f..7b6b8fc 100644
--- a/ex-machina.html
+++ b/ex-machina.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Ex machina</h1>
@@ -45,6 +45,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/exasperated.html b/exasperated.html
index 12b726b..7104e28 100644
--- a/exasperated.html
+++ b/exasperated.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Exasperated</h1>
@@ -51,6 +51,6 @@
            Boy on the bus
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/father.html b/father.html
index a72d4f5..0f010a3 100644
--- a/father.html
+++ b/father.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Father</h1>
@@ -42,6 +42,6 @@
            Fire
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/feedingtheraven.html b/feedingtheraven.html
index 945560a..76966eb 100644
--- a/feedingtheraven.html
+++ b/feedingtheraven.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Feeding the raven</h1>
@@ -42,6 +42,6 @@
            On formal poetry
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/finding-the-lion.html b/finding-the-lion.html
index 1801d84..e55336e 100644
--- a/finding-the-lion.html
+++ b/finding-the-lion.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Finding the Lion</h1>
@@ -38,6 +38,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/fire.html b/fire.html
index 9617286..ad41aaa 100644
--- a/fire.html
+++ b/fire.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Fire</h1>
@@ -43,6 +43,6 @@
            Hands
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/found-typewriter-poem.html b/found-typewriter-poem.html
index d77fd43..8f37932 100644
--- a/found-typewriter-poem.html
+++ b/found-typewriter-poem.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Look</h1>
@@ -39,6 +39,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/hands.html b/hands.html
index 550a7e1..339d238 100644
--- a/hands.html
+++ b/hands.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Hands</h1>
@@ -50,6 +50,6 @@
            Hardware
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/hard-game.html b/hard-game.html
index f0967f5..159c252 100644
--- a/hard-game.html
+++ b/hard-game.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">A hard game</h1>
@@ -40,6 +40,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/hardware.html b/hardware.html
index cd34416..a800f30 100644
--- a/hardware.html
+++ b/hardware.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Hardware</h1>
@@ -48,6 +48,6 @@
            Hymnal
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/howithappened.html b/howithappened.html
index 02a1ceb..4f2dde9 100644
--- a/howithappened.html
+++ b/howithappened.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">How it happened</h1>
@@ -39,6 +39,6 @@
            Love Song
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/howtoread.html b/howtoread.html
index a42edb0..33a1998 100644
--- a/howtoread.html
+++ b/howtoread.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">How to read this</h1>
@@ -51,6 +51,6 @@
            And
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/hymnal.html b/hymnal.html
index b12cdde..d2edf39 100644
--- a/hymnal.html
+++ b/hymnal.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Hymnal</h1>
@@ -51,6 +51,6 @@
            Joke
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/i-am.html b/i-am.html
index 6c1e630..a94918e 100644
--- a/i-am.html
+++ b/i-am.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">I am</h1>
@@ -39,6 +39,6 @@
            How it happened
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/i-think-its-you.html b/i-think-its-you.html
index 180d07e..0ee9682 100644
--- a/i-think-its-you.html
+++ b/i-think-its-you.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">I think it’s you (but it’s not)</h1>
@@ -50,6 +50,6 @@
            Riptide of memory
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/i-wanted-to-tell-you-something.html b/i-wanted-to-tell-you-something.html
index 92b290d..c61131c 100644
--- a/i-wanted-to-tell-you-something.html
+++ b/i-wanted-to-tell-you-something.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">I wanted to tell you something</h1>
@@ -39,6 +39,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/in-bed.html b/in-bed.html
index 094e57b..4fbff87 100644
--- a/in-bed.html
+++ b/in-bed.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">In bed</h1>
@@ -68,6 +68,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/index.html b/index.html
index eab14d4..a9a18e5 100644
--- a/index.html
+++ b/index.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Autocento of the breakfast table</h1>
@@ -33,6 +33,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/initial-conditions.html b/initial-conditions.html
index a03137f..65ba5b5 100644
--- a/initial-conditions.html
+++ b/initial-conditions.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Initial conditions</h1>
@@ -51,6 +51,6 @@
            Ouroboros of memory
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/ipsumlorem.html b/ipsumlorem.html
index f9b458a..5a43ab7 100644
--- a/ipsumlorem.html
+++ b/ipsumlorem.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Ipsum lorem</h1>
@@ -50,6 +50,6 @@
            Lorem ipsum
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/january.html b/january.html
index cbfab15..a0b37a7 100644
--- a/january.html
+++ b/january.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">January</h1>
@@ -39,6 +39,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/joke.html b/joke.html
index b773c97..bd4ca0a 100644
--- a/joke.html
+++ b/joke.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Joke</h1>
@@ -49,6 +49,6 @@
            Leaf
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/lappel-du-vide.html b/lappel-du-vide.html
index 99dbe8c..f8ea4c4 100644
--- a/lappel-du-vide.html
+++ b/lappel-du-vide.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">L’appel du vide</h1>
@@ -58,6 +58,6 @@
            I think it’s you (but it’s not)
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/largest-asteroid.html b/largest-asteroid.html
index 491183b..5723516 100644
--- a/largest-asteroid.html
+++ b/largest-asteroid.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The largest asteroid in the asteroid belt</h1>
@@ -33,6 +33,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/last-bastion.html b/last-bastion.html
index a8178a6..caca58f 100644
--- a/last-bastion.html
+++ b/last-bastion.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Last bastion</h1>
@@ -47,6 +47,6 @@
            Initial conditions
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/last-passenger.html b/last-passenger.html
index 1c7b982..f08bd21 100644
--- a/last-passenger.html
+++ b/last-passenger.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Last passenger</h1>
@@ -35,6 +35,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/leaf.html b/leaf.html
index a6ab804..168c2af 100644
--- a/leaf.html
+++ b/leaf.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Leaf</h1>
@@ -47,6 +47,6 @@
            Leg
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/leg.html b/leg.html
index e067e08..b9d1488 100644
--- a/leg.html
+++ b/leg.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Leg</h1>
@@ -63,6 +63,6 @@
            Man
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/likingthings.html b/likingthings.html
index edfec70..f5cbd14 100644
--- a/likingthings.html
+++ b/likingthings.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Liking Things</h1>
@@ -38,6 +38,6 @@
        </a>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/listen.html b/listen.html
index 72e5d44..a3d27dc 100644
--- a/listen.html
+++ b/listen.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Listen</h1>
@@ -34,6 +34,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/loremipsum.html b/loremipsum.html
index e46874f..3744919 100644
--- a/loremipsum.html
+++ b/loremipsum.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Lorem ipsum</h1>
@@ -50,6 +50,6 @@
            Ipsum lorem
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/love-as-god.html b/love-as-god.html
index 9f3f51f..b27e17f 100644
--- a/love-as-god.html
+++ b/love-as-god.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Love as God</h1>
@@ -51,6 +51,6 @@
            L’appel du vide
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/lovesong.html b/lovesong.html
index 602eb9c..4fbd676 100644
--- a/lovesong.html
+++ b/lovesong.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Love Song</h1>
@@ -43,6 +43,6 @@
            Rough gloves
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/man.html b/man.html
index 0a82697..018832c 100644
--- a/man.html
+++ b/man.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Man</h1>
@@ -52,6 +52,6 @@
            Notes
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/moon-drowning.html b/moon-drowning.html
index 4e8df27..8ff5484 100644
--- a/moon-drowning.html
+++ b/moon-drowning.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The Moon is drowning</h1>
@@ -48,6 +48,6 @@
            Worse looking over
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/moongone.html b/moongone.html
index cf84b9a..d89c343 100644
--- a/moongone.html
+++ b/moongone.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The moon is gone and in its place a mirror</h1>
@@ -39,6 +39,6 @@
            The mountain
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/mountain.html b/mountain.html
index 9210a2c..46a1cda 100644
--- a/mountain.html
+++ b/mountain.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The mountain</h1>
@@ -42,6 +42,6 @@
            Serengeti
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/movingsideways.html b/movingsideways.html
index ccfa89d..b2d2b2b 100644
--- a/movingsideways.html
+++ b/movingsideways.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Moving Sideways</h1>
@@ -49,6 +49,6 @@
            Problems
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/music-433.html b/music-433.html
index db66130..6860389 100644
--- a/music-433.html
+++ b/music-433.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title"><p>Something about all music being performances of <em>4'33&quot;</em> in places where other bands happen to be playing</p></h1>
@@ -52,6 +52,6 @@
            About the author
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/no-nothing.html b/no-nothing.html
index 709be00..9ed66df 100644
--- a/no-nothing.html
+++ b/no-nothing.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">No nothing</h1>
@@ -34,6 +34,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/notes.html b/notes.html
index b890f6b..ae37faf 100644
--- a/notes.html
+++ b/notes.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Notes</h1>
@@ -49,6 +49,6 @@
            Options
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/nothing-is-ever-over.html b/nothing-is-ever-over.html
index 022eced..0c55e6a 100644
--- a/nothing-is-ever-over.html
+++ b/nothing-is-ever-over.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Nothing is ever over</h1>
@@ -33,6 +33,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/onformalpoetry.html b/onformalpoetry.html
index efd1cb1..a3ae91b 100644
--- a/onformalpoetry.html
+++ b/onformalpoetry.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">On formal poetry</h1>
@@ -39,6 +39,6 @@
            I am
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/options.html b/options.html
index 8ecacbc..b65e5a3 100644
--- a/options.html
+++ b/options.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Options</h1>
@@ -47,6 +47,6 @@
            Paul
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/ouroboros_memory.html b/ouroboros_memory.html
index 000ef27..18538fc 100644
--- a/ouroboros_memory.html
+++ b/ouroboros_memory.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Ouroboros of Memory</h1>
@@ -56,6 +56,6 @@
            Love as God
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/paul.html b/paul.html
index 23ec1a2..2b78123 100644
--- a/paul.html
+++ b/paul.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Paul</h1>
@@ -77,6 +77,6 @@
            Phone
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/philosophy.html b/philosophy.html
index d264797..07b6f67 100644
--- a/philosophy.html
+++ b/philosophy.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Philosophy</h1>
@@ -40,6 +40,6 @@
            Proverbs
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/phone.html b/phone.html
index 2a5a3d5..7b11415 100644
--- a/phone.html
+++ b/phone.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Phone</h1>
@@ -48,6 +48,6 @@
            Planks
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/planks.html b/planks.html
index 43746fa..6475f1e 100644
--- a/planks.html
+++ b/planks.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Planks</h1>
@@ -50,6 +50,6 @@
            Punch
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/plant.html b/plant.html
index 4937f39..927c941 100644
--- a/plant.html
+++ b/plant.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Litany for a plant</h1>
@@ -34,6 +34,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/poetry-time.html b/poetry-time.html
index 627affc..debafc5 100644
--- a/poetry-time.html
+++ b/poetry-time.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Something about the nature of poetry and time</h1>
@@ -51,6 +51,6 @@
            AMBER alert
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/prelude.html b/prelude.html
index e675a3a..1f0795d 100644
--- a/prelude.html
+++ b/prelude.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Prelude</h1>
@@ -36,6 +36,6 @@
            The purpose of dogs
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/problems.html b/problems.html
index dc11154..45b6698 100644
--- a/problems.html
+++ b/problems.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Problems</h1>
@@ -51,6 +51,6 @@
            Liking things
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/proverbs.html b/proverbs.html
index 1f18735..3a327d4 100644
--- a/proverbs.html
+++ b/proverbs.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Proverbs</h1>
@@ -46,6 +46,6 @@
            Moving sideways
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/punch.html b/punch.html
index 5eec17f..ed8c10e 100644
--- a/punch.html
+++ b/punch.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Punch</h1>
@@ -47,6 +47,6 @@
            Question
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/purpose-dogs.html b/purpose-dogs.html
index 895ab76..c962e41 100644
--- a/purpose-dogs.html
+++ b/purpose-dogs.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The purpose of dogs</h1>
@@ -41,6 +41,6 @@
            Philosophy
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/question.html b/question.html
index a379715..f052d2b 100644
--- a/question.html
+++ b/question.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Question</h1>
@@ -48,6 +48,6 @@
            Reports
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/real-writer.html b/real-writer.html
index b0f5e58..0758e8b 100644
--- a/real-writer.html
+++ b/real-writer.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">A real writer</h1>
@@ -33,6 +33,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/reports.html b/reports.html
index 532e9d3..e338b86 100644
--- a/reports.html
+++ b/reports.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Reports</h1>
@@ -52,6 +52,6 @@
            Sapling
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/riptide_memory.html b/riptide_memory.html
index 9f7a675..e8fd19c 100644
--- a/riptide_memory.html
+++ b/riptide_memory.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Riptide of memory</h1>
@@ -50,6 +50,6 @@
            The Sixteenth Chapel
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/ronaldmcdonald.html b/ronaldmcdonald.html
index a03bb81..fdc6c7f 100644
--- a/ronaldmcdonald.html
+++ b/ronaldmcdonald.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Ronald McDonald</h1>
@@ -46,6 +46,6 @@
            The moon is gone and in its place a mirror
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/roughgloves.html b/roughgloves.html
index 5ebee6d..a016e98 100644
--- a/roughgloves.html
+++ b/roughgloves.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Rough gloves</h1>
@@ -39,6 +39,6 @@
            Ronald McDonald
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/sapling.html b/sapling.html
index 4abf682..9cc8edb 100644
--- a/sapling.html
+++ b/sapling.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Sapling</h1>
@@ -47,6 +47,6 @@
            Shed
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/seasonal-affective-disorder.html b/seasonal-affective-disorder.html
index 6a14bec..b295b4a 100644
--- a/seasonal-affective-disorder.html
+++ b/seasonal-affective-disorder.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Seasonal affective disorder</h1>
@@ -39,6 +39,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/sense-of-it.html b/sense-of-it.html
index a385d78..81b47f3 100644
--- a/sense-of-it.html
+++ b/sense-of-it.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Sense of it</h1>
@@ -36,6 +36,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/serengeti.html b/serengeti.html
index 4779880..bc6b5ab 100644
--- a/serengeti.html
+++ b/serengeti.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Serengeti</h1>
@@ -39,6 +39,6 @@
            The shipwright
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/shed.html b/shed.html
index 0e324e5..e456795 100644
--- a/shed.html
+++ b/shed.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Shed</h1>
@@ -48,6 +48,6 @@
            Snow
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/shipwright.html b/shipwright.html
index e30e962..3d738f2 100644
--- a/shipwright.html
+++ b/shipwright.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The shipwright</h1>
@@ -39,6 +39,6 @@
            Spittle
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/sixteenth-chapel.html b/sixteenth-chapel.html
index 4c8f371..ad0e94d 100644
--- a/sixteenth-chapel.html
+++ b/sixteenth-chapel.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The Sixteenth Chapel</h1>
@@ -58,6 +58,6 @@
            <p>Something about all music being performances of <em>4'33&quot;</em> in places where other bands happen to be playing</p>
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/snow.html b/snow.html
index b0fd237..e48cd1b 100644
--- a/snow.html
+++ b/snow.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Snow</h1>
@@ -49,6 +49,6 @@
            Stagnant
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/something-simple.html b/something-simple.html
index 4de95ca..44ab3a7 100644
--- a/something-simple.html
+++ b/something-simple.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Let’s start with something simple</h1>
@@ -33,6 +33,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/spittle.html b/spittle.html
index 6935838..a6eace2 100644
--- a/spittle.html
+++ b/spittle.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Spittle</h1>
@@ -39,6 +39,6 @@
            The squirrel
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/squirrel.html b/squirrel.html
index 0d6a4af..b629577 100644
--- a/squirrel.html
+++ b/squirrel.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The squirrel</h1>
@@ -39,6 +39,6 @@
            Swan song
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/stagnant.html b/stagnant.html
index bf77168..e5d77c2 100644
--- a/stagnant.html
+++ b/stagnant.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Stagnant</h1>
@@ -47,6 +47,6 @@
            Stump
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/statements-frag.html b/statements-frag.html
index af76d1a..0309d05 100644
--- a/statements-frag.html
+++ b/statements-frag.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Statements</h1>
@@ -46,6 +46,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/stayed-on-the-bus.html b/stayed-on-the-bus.html
index fb0c361..bcbe89d 100644
--- a/stayed-on-the-bus.html
+++ b/stayed-on-the-bus.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Stayed on the bus too long</h1>
@@ -33,6 +33,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/stump.html b/stump.html
index f8e98d4..209fb56 100644
--- a/stump.html
+++ b/stump.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Stump</h1>
@@ -49,6 +49,6 @@
            Swear
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/swansong-alt.html b/swansong-alt.html
index bfeeef6..a8c118a 100644
--- a/swansong-alt.html
+++ b/swansong-alt.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Swansong</h1>
@@ -33,6 +33,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/swansong.html b/swansong.html
index f9f4f33..dfcb3aa 100644
--- a/swansong.html
+++ b/swansong.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Swan song</h1>
@@ -39,6 +39,6 @@
            Telemarketer
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/swear.html b/swear.html
index ccd0309..dc45d16 100644
--- a/swear.html
+++ b/swear.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Swear</h1>
@@ -59,6 +59,6 @@
            Tapestry
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/table_contents.html b/table_contents.html
index 608e9fa..c89dedb 100644
--- a/table_contents.html
+++ b/table_contents.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Table of contents</h1>
@@ -114,6 +114,6 @@
            The Big Dipper
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/tapestry.html b/tapestry.html
index 2265c13..55b4635 100644
--- a/tapestry.html
+++ b/tapestry.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Tapestry</h1>
@@ -48,6 +48,6 @@
            Toilet
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/telemarketer.html b/telemarketer.html
index b0a4aec..3e46e10 100644
--- a/telemarketer.html
+++ b/telemarketer.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Telemarketer</h1>
@@ -49,6 +49,6 @@
            We played those games too
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/the-night-we-met.html b/the-night-we-met.html
index cce7a0b..c41dcbf 100644
--- a/the-night-we-met.html
+++ b/the-night-we-met.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The night we met, I was out of my mind</h1>
@@ -37,6 +37,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/the-sea_the-beach.html b/the-sea_the-beach.html
index 6c66c63..086b7df 100644
--- a/the-sea_the-beach.html
+++ b/the-sea_the-beach.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The sea and the beach</h1>
@@ -37,6 +37,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/theoceanoverflowswithcamels.html b/theoceanoverflowswithcamels.html
index da4b99f..c5b3165 100644
--- a/theoceanoverflowswithcamels.html
+++ b/theoceanoverflowswithcamels.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">The ocean overflows with camels</h1>
@@ -39,6 +39,6 @@
            The boar
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/time-looks-up-to-the-sky.html b/time-looks-up-to-the-sky.html
index 9599038..331b345 100644
--- a/time-looks-up-to-the-sky.html
+++ b/time-looks-up-to-the-sky.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Time looks up to the sky</h1>
@@ -38,6 +38,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/todaniel.html b/todaniel.html
index 7680236..1afcb51 100644
--- a/todaniel.html
+++ b/todaniel.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">To Daniel</h1>
@@ -42,6 +42,6 @@
            Death’s trumpet
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/toilet.html b/toilet.html
index 9533c1c..51f8396 100644
--- a/toilet.html
+++ b/toilet.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Toilet</h1>
@@ -48,6 +48,6 @@
            Toothpaste
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/toothpaste.html b/toothpaste.html
index eb0f9b5..9ed7f78 100644
--- a/toothpaste.html
+++ b/toothpaste.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Toothpaste</h1>
@@ -47,6 +47,6 @@
            Treatise
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/treatise.html b/treatise.html
index fe8a252..a568bb9 100644
--- a/treatise.html
+++ b/treatise.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Treatise</h1>
@@ -61,6 +61,6 @@
            Underwear
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/underwear.html b/underwear.html
index 2035826..1ace1a9 100644
--- a/underwear.html
+++ b/underwear.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Underwear</h1>
@@ -48,6 +48,6 @@
            Wallpaper
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/wallpaper.html b/wallpaper.html
index 7beeff5..70444d0 100644
--- a/wallpaper.html
+++ b/wallpaper.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Wallpaper</h1>
@@ -47,6 +47,6 @@
            Window
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/weplayedthosegamestoo.html b/weplayedthosegamestoo.html
index 861356d..698a471 100644
--- a/weplayedthosegamestoo.html
+++ b/weplayedthosegamestoo.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">We played those games too</h1>
@@ -39,6 +39,6 @@
            To Daniel: an elaboration
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/when-im-sorry-i.html b/when-im-sorry-i.html
index a892bcb..d40a1a4 100644
--- a/when-im-sorry-i.html
+++ b/when-im-sorry-i.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">When I’m sorry I wash dishes</h1>
@@ -35,6 +35,6 @@
    <nav>
                <a href="#" id="lozenge"> &loz; </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/window.html b/window.html
index e9fd773..448032e 100644
--- a/window.html
+++ b/window.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Window</h1>
@@ -48,6 +48,6 @@
            Writing
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/words-meaning.html b/words-meaning.html
index 766d277..3158a59 100644
--- a/words-meaning.html
+++ b/words-meaning.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Words and meaning</h1>
@@ -41,6 +41,6 @@
            On seeing the panorama of the Apollo 11 landing site
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/worse-looking-over.html b/worse-looking-over.html
index 1b96c72..c130463 100644
--- a/worse-looking-over.html
+++ b/worse-looking-over.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Worse looking over</h1>
@@ -45,6 +45,6 @@
            Something about the nature of poetry and time
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/writing.html b/writing.html
index 99c4ab2..e879757 100644
--- a/writing.html
+++ b/writing.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Writing</h1>
@@ -47,6 +47,6 @@
            X-ray
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/x-ray.html b/x-ray.html
index ca43c29..9f7da9b 100644
--- a/x-ray.html
+++ b/x-ray.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">X-ray</h1>
@@ -49,6 +49,6 @@
            Yellow
        </a>
            </nav>
+</div>
 </body>
 </html>
diff --git a/yellow.html b/yellow.html
index 2333508..dccadfd 100644
--- a/yellow.html
+++ b/yellow.html

@@ -17,7 +17,7 @@
    </head>
 <body>
+<div id="wrapper">
    <header>
        <!-- title -->
        <h1 class="title">Yellow</h1>
@@ -44,6 +44,6 @@
            X-ray
        </a>
            </nav>
+</div>
 </body>
 </html>
author	Case Duckworth	2015-03-02 20:29:55 -0700
committer	Case Duckworth	2015-03-02 20:29:55 -0700
commit	9eae0da13fc41738547643bcf87027c53550100f (patch)
tree	2fd4dbdf0b2d5ce29834330df45a191c249493b3
parent	Move dedication before epigraph (diff)
download	autocento-9eae0da13fc41738547643bcf87027c53550100f.tar.gz autocento-9eae0da13fc41738547643bcf87027c53550100f.zip