18 files changed, 154 insertions, 62 deletions
diff --git a/README.md b/README.md
index 80d5d0d..cf1780d 100644
--- a/README.md
+++ b/README.md

@@ -17,14 +17,15 @@ At the top of each file, there is a YAML metadata block that looks something lik
 ````yaml
 ---
-title: Title of poem
+title: Title of article
+id: file-name-without-extension
 subtitle: Subtitle                           # optional
 genre: verse                                 # verse or prose
 epigraph:                                    # optional
- content: 'Content of epigraph'             # req'd if epigraph exists
+    content: 'Content of epigraph'             # req'd if epigraph exists
-  link: 'http://link-to-epigraph-source/'    # optional
+    link: 'http://link-to-epigraph-source/'    # optional
-  attrib: 'Epigraph attribution'             # optional
+    attrib: 'Epigraph attribution'             # optional
 dedication: my mother                        # optional
@@ -36,6 +37,7 @@ ekphrastic:                                  # optional image ekphrastic
 project:
    title: Original project name
+    class: class-name-for-css
    order: 1                                 # page number, optional
    prev:                                    # optional
    - title: Title of previous thing in original project
diff --git a/about-the-author.html b/about-the-author.html
index 0140358..f578008 100644
--- a/about-the-author.html
+++ b/about-the-author.html

@@ -43,7 +43,11 @@
        
        <section class="content prose">
            <table>
-            <col style="width: 44%" /><col style="width: 55%" /><tbody>
+            <colgroup>
+            <col style="width: 44%" />
+            <col style="width: 55%" />
+            </colgroup>
+            <tbody>
            <tr class="odd">
            <td style="text-align: left;"><a href="sixteenth-chapel.html">He was born</a> on a few separate occasions</td>
            <td style="text-align: right;"><em><a href="stayed-on-the-bus.html">green traffic lights</a> at night</em></td>
diff --git a/README.html b/about.html
index 2570522..b9df5c0 100644
--- a/README.html
+++ b/about.html

@@ -21,7 +21,7 @@
    <![endif]-->
    <!-- <script src="js/external.js"> </script> -->
    </head>
-<body id="README" class="autocento">
+<body id="README" class="meta">
    
    <article class="container">
@@ -85,7 +85,7 @@
            <p>If you’d like to contact me about the state of this work or my writing in general, you can email me at <script type="text/javascript">
            <!--
            h='&#x61;&#x75;&#116;&#x6f;&#x63;&#x65;&#110;&#116;&#x6f;&#46;&#x6d;&#x65;';a='&#64;';n='&#x63;&#x61;&#x73;&#x65;';e=n+a+h;
-            document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+e+'<\/'+'a'+'>');
+            document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'" clas'+'s="em' + 'ail">'+e+'<\/'+'a'+'>');
            // -->
            </script><noscript>&#x63;&#x61;&#x73;&#x65;&#32;&#x61;&#116;&#32;&#x61;&#x75;&#116;&#x6f;&#x63;&#x65;&#110;&#116;&#x6f;&#32;&#100;&#x6f;&#116;&#32;&#x6d;&#x65;</noscript>.</p>
            <!-- links & footnotes -->
@@ -101,7 +101,15 @@
        </section>
    </article>
    <nav>
+                <a class="prevlink" href="first-lines.html"
+            title="Previous article in About Autocento">
+            Index of first lines
+        </a>
                <a href="#" id="lozenge" title="Random page"> &loz; </a>
+                <a class="nextlink" href="common-titles.html"
+            title="Next article in About Autocento">
+            Index of common titles
+        </a>
            </nav>
    
diff --git a/common-titles.html b/common-titles.html
index 05587c0..9311d77 100644
--- a/common-titles.html
+++ b/common-titles.html

@@ -21,7 +21,7 @@
    <![endif]-->
    <!-- <script src="js/external.js"> </script> -->
    </head>
-<body id="common-titles" class="autocento">
+<body id="common-titles" class="meta">
    
    <article class="container">
@@ -32,17 +32,12 @@
            <div class="header-extra">
                
-                                    <!-- epigraph -->
-                    <div class="epigraph">
-                                            <a href="README.html">Read me.</a>
-                    
-                                        </div>
                            </div>
        </header>
        
        <section class="content verse">
-            <p><a href="100-lines.html">100 lines</a> <a href="about-the-author.html">about the author</a>, <a href="about_author.html">Case Duckworth</a> (née <a href="amber-alert.html">Amber): alert</a>!</p>
+            <p><a href="100-lines.html">100 lines</a> <a href="about-the-author.html">about the author</a>, <a href="about_author.html">Case Duckworth</a> (nee <a href="amber-alert.html">Amber): alert</a>!</p>
            <p><a href="and.html">And</a> <a href="angeltoabraham.html">the angel, to Abraham</a>, <a href="apollo11.html">on seeing the panorama<br />of the Apollo 11 landing site</a>: “<a href="arspoetica.html">Ars poetica</a>: <a href="art.html">art</a>, an <a href="axe.html">axe</a>,<br /><a href="big-dipper.html">the big dipper</a> and <a href="boar.html">the boar</a>. The <a href="boy_bus.html">boy on the bus</a> is <a href="building.html">building</a>.<br /><a href="call-me-aural-pleasure.html">Call me</a> <a href="cereal.html"><em>Cereal</em></a> or <a href="cold-wind.html"><em>Cold Wind</em></a>.<br /><a href="collage-instrumented.html">Instrument</a> a collage.”</p>
            <p><a href="creation-myth.html">Creation myth</a>: <a href="deadman.html">dead man</a> = <a href="death-zone.html">the death zone</a> =<br /><a href="deathstrumpet.html">Death’s trumpet</a>. <a href="dream.html">Dream</a> <a href="early.html">early</a>.</p>
            <p><a href="elegyforanalternateself.html">Elegy for an alternate self:</a> an <a href="epigraph.html">epigraph</a>,<br /><a href="ex-machina.html"><em>ex machina</em></a> and <a href="exasperated.html">exasperated</a>; <a href="father.html">Father</a> <a href="feedingtheraven.html">feeding<br />the raven</a>, <a href="finding-the-lion.html">finding the lion</a>, setting a <a href="fire.html">fire</a>.</p>
@@ -58,11 +53,19 @@
            <p>A <a href="stump.html">stump</a> is not a <a href="swansong-alt.html">swansong</a> is not a <a href="swansong.html"><em>swan</em>, Song</a>.<br /> <a href="swear.html">Swear</a> the <a href="table_contents.html">table of contents</a> is a <a href="tapestry.html">tapestry</a>.<br /><a href="telemarketer.html">Telemarketer</a>s swear that <a href="the-night-we-met.html">the night we met, I<br />was out of my mind</a>.</p>
            <p><a href="the-sea_the-beach.html">The sea and the beach</a>, even <a href="theoceanoverflowswithcamels.html">the ocean overflows<br />with camels</a>. <a href="time-looks-up-to-the-sky.html">Time looks up to the sky</a>,<br /><a href="todaniel.html">to Daniel</a> on the <a href="toilet.html">toilet</a> writing “<a href="toothpaste.html">Toothpaste</a>,”<br />a <a href="treatise.html">treatise</a> on <a href="underwear.html">underwear</a> and <a href="wallpaper.html">wallpaper</a>.</p>
            <p><a href="weplayedthosegamestoo.html">We played those games too</a>.</p>
-            <p><a href="when-im-sorry-i.html">When I’m sorry I wash dishes</a> in the <a href="window.html">window</a>, <a href="walking-in-the-rain.html">walking<br />in the rain</a>, thinking about <a href="what-we-are-made-of.html">what we are made of</a>: <a href="words-meaning.html">words and meaning</a>, <a href="words-irritable-reaching.html">irritably reaching after reason</a>. I feel <a href="worse-looking-over.html">worse,<br />looking over</a> at you, than when I’m <a href="writing.html">writing</a><br />an <a href="x-ray.html">x-ray</a> in <a href="yellow.html">yellow</a>.</p>
+            <p><a href="when-im-sorry-i.html">When I’m sorry I wash dishes</a> in the <a href="window.html">window</a>, <a href="walking-in-the-rain.html">walking<br />in the rain</a>, thinking<br />about <a href="what-we-are-made-of.html">what we are made of</a>:<br /><a href="words-meaning.html">words and meaning</a>, <a href="words-irritable-reaching.html">irritably reaching after reason</a>. I feel <a href="worse-looking-over.html">worse,<br />looking over</a> at you, than when I’m <a href="writing.html">writing</a><br />an <a href="x-ray.html">x-ray</a> in <a href="yellow.html">yellow</a>.</p>
        </section>
    </article>
    <nav>
+                <a class="prevlink" href="about.html"
+            title="Previous article in About Autocento">
+            About <em>Autocento</em>
+        </a>
                <a href="#" id="lozenge" title="Random page"> &loz; </a>
+                <a class="nextlink" href="first-lines.html"
+            title="Next article in About Autocento">
+            Index of first lines
+        </a>
            </nav>
    
diff --git a/deathstrumpet.html b/deathstrumpet.html
index 11458d7..cdcb72a 100644
--- a/deathstrumpet.html
+++ b/deathstrumpet.html

@@ -51,6 +51,10 @@
        </section>
    </article>
    <nav>
+                <a class="prevlink" href="todaniel.html"
+            title="Previous article in Elegies for alternate selves">
+            To Daniel: an elaboration
+        </a>
                <a href="#" id="lozenge" title="Random page"> &loz; </a>
            </nav>
diff --git a/epigraph.html b/epigraph.html
index 7c1d1da..47d9aa6 100644
--- a/epigraph.html
+++ b/epigraph.html

@@ -41,7 +41,15 @@
        </section>
    </article>
    <nav>
+                <a class="prevlink" href="deathstrumpet.html"
+            title="Previous article in Elegies for alternate selves">
+            Death’s Trumpet
+        </a>
                <a href="#" id="lozenge" title="Random page"> &loz; </a>
+                <a class="nextlink" href="howtoreadthis.html"
+            title="Next article in Elegies for alternate selves">
+            How to read this
+        </a>
            </nav>
    
diff --git a/first-lines.html b/first-lines.html
index 737478a..0b2c63f 100644
--- a/first-lines.html
+++ b/first-lines.html

@@ -21,7 +21,7 @@
    <![endif]-->
    <!-- <script src="js/external.js"> </script> -->
    </head>
-<body id="first-lines" class="autocento">
+<body id="first-lines" class="meta">
    
    <article class="container">
@@ -59,7 +59,15 @@
        </section>
    </article>
    <nav>
+                <a class="prevlink" href="common-titles.html"
+            title="Previous article in About Autocento">
+            Index of common titles
+        </a>
                <a href="#" id="lozenge" title="Random page"> &loz; </a>
+                <a class="nextlink" href="about.html"
+            title="Next article in About Autocento">
+            About <em>Autocento</em>
+        </a>
            </nav>
    
diff --git a/index.html b/index.html
index 9d82e0b..4e233cb 100644
--- a/index.html
+++ b/index.html

@@ -43,7 +43,7 @@
                        <a href="first-lines.html">first lines</a> and
                        <a href="common-titles.html">common titles</a>.
                    </li>
-                    <li><a href="README.html">About this project</a>.</li>
+                    <li><a href="about.html">About this project</a>.</li>
                </ul>
            </section>
        </article>
diff --git a/js/lozenge.js b/js/lozenge.js
index 6c4a27b..1e5a338 100644
--- a/js/lozenge.js
+++ b/js/lozenge.js

@@ -6,7 +6,7 @@
 function _lozenge() {
    var lozenge = document.getElementById('lozenge');
    // array with all files {{{
-var files=["100-lines.html","README.html","about-the-author.html","about_author.html","amber-alert.html","and.html","angeltoabraham.html","apollo11.html","arspoetica.html","art.html","axe.html","big-dipper.html","boar.html","boy_bus.html","building.html","call-me-aural-pleasure.html","cereal.html","cold-wind.html","collage-instrument.html","common-titles.html","creation-myth.html","deadman.html","death-zone.html","deathstrumpet.html","dollywood.html","dream.html","early.html","elegyforanalternateself.html","epigraph.html","ex-machina.html","exasperated.html","father.html","feedingtheraven.html","finding-the-lion.html","fire.html","first-lines.html","found-typewriter-poem.html","hands.html","hard-game.html","hardware.html","howithappened.html","howtoread.html","hymnal.html","i-am.html","i-think-its-you.html","i-want-to-say.html","i-wanted-to-tell-you-something.html","in-bed.html","index.html","initial-conditions.html","january.html","joke.html","lappel-du-vide.html","largest-asteroid.html","last-bastion.html","last-passenger.html","leaf.html","leg.html","likingthings.html","listen.html","love-as-god.html","lovesong.html","man.html","manifesto_poetics.html","moon-drowning.html","moongone.html","mountain.html","movingsideways.html","music-433.html","no-nothing.html","notes.html","nothing-is-ever-over.html","on-genre-dimension.html","onformalpoetry.html","options.html","ouroboros_memory.html","paul.html","peaches.html","philosophy.html","phone.html","planks.html","plant.html","poetry-time.html","prelude.html","problems.html","proverbs.html","punch.html","purpose-dogs.html","question.html","real-writer.html","reports.html","riptide_memory.html","ronaldmcdonald.html","roughgloves.html","sapling.html","seasonal-affective-disorder.html","sense-of-it.html","serengeti.html","shed.html","shipwright.html","sixteenth-chapel.html","snow.html","something-simple.html","spittle.html","squirrel.html","stagnant.html","statements-frag.html","stayed-on-the-bus.html","stump.html","swansong-alt.html","swansong.html","swear.html","table_contents.html","tapestry.html","telemarketer.html","the-night-we-met.html","the-sea_the-beach.html","theoceanoverflowswithcamels.html","time-looks-up-to-the-sky.html","todaniel.html","toilet.html","toothpaste.html","treatise.html","underwear.html","walking-in-the-rain.html","wallpaper.html","weplayedthosegamestoo.html","what-we-are-made-of.html","when-im-sorry-i.html","window.html","words-irritable-reaching.html","words-meaning.html","worse-looking-over.html","writing.html","x-ray.html","yellow.html"]
+var files=["100-lines.html","about-the-author.html","about.html","about_author.html","amber-alert.html","and.html","angeltoabraham.html","apollo11.html","arspoetica.html","art.html","axe.html","big-dipper.html","boar.html","boy_bus.html","building.html","call-me-aural-pleasure.html","cereal.html","cold-wind.html","collage-instrument.html","common-titles.html","creation-myth.html","deadman.html","death-zone.html","deathstrumpet.html","dollywood.html","dream.html","early.html","elegyforanalternateself.html","epigraph.html","ex-machina.html","exasperated.html","father.html","feedingtheraven.html","finding-the-lion.html","fire.html","first-lines.html","found-typewriter-poem.html","hands.html","hard-game.html","hardware.html","howithappened.html","howtoread.html","hymnal.html","i-am.html","i-think-its-you.html","i-want-to-say.html","i-wanted-to-tell-you-something.html","in-bed.html","index.html","initial-conditions.html","january.html","joke.html","lappel-du-vide.html","largest-asteroid.html","last-bastion.html","last-passenger.html","leaf.html","leg.html","likingthings.html","listen.html","love-as-god.html","lovesong.html","man.html","manifesto_poetics.html","moon-drowning.html","moongone.html","mountain.html","movingsideways.html","music-433.html","no-nothing.html","notes.html","nothing-is-ever-over.html","on-genre-dimension.html","onformalpoetry.html","options.html","ouroboros_memory.html","paul.html","peaches.html","philosophy.html","phone.html","planks.html","plant.html","poetry-time.html","prelude.html","problems.html","proverbs.html","punch.html","purpose-dogs.html","question.html","real-writer.html","reports.html","riptide_memory.html","ronaldmcdonald.html","roughgloves.html","sapling.html","seasonal-affective-disorder.html","sense-of-it.html","serengeti.html","shed.html","shipwright.html","sixteenth-chapel.html","snow.html","something-simple.html","spittle.html","squirrel.html","stagnant.html","statements-frag.html","stayed-on-the-bus.html","stump.html","swansong-alt.html","swansong.html","swear.html","table_contents.html","tapestry.html","telemarketer.html","the-night-we-met.html","the-sea_the-beach.html","theoceanoverflowswithcamels.html","time-looks-up-to-the-sky.html","todaniel.html","toilet.html","toothpaste.html","treatise.html","underwear.html","walking-in-the-rain.html","wallpaper.html","weplayedthosegamestoo.html","what-we-are-made-of.html","when-im-sorry-i.html","window.html","words-irritable-reaching.html","words-meaning.html","worse-looking-over.html","writing.html","x-ray.html","yellow.html"]
    // }}}
    var index = Math.floor(Math.random() * files.length);
diff --git a/poetry-time.html b/poetry-time.html
index 33eb018..59aeb91 100644
--- a/poetry-time.html
+++ b/poetry-time.html

@@ -40,7 +40,7 @@
            <p>I’m writing this now because I have to.<br />Not in some “my soul yearns for this and<br />I can’t help it” way, but in the way that this<br />moment is structured as such, that it is<br />crystallized this way, me writing this, and later<br />you reading it, now for you, later for me,</p>
            <p>and this tenuous connection mates me<br />and you forever, combined with each other, two<br /><a href="treatise.html">electrons momentarily entwined</a>. Later,<br />when I’m dead or far too famous for you, and<br />you’re in school, reading my words because it is<br />required reading, I want you to remember this</p>
            <p>connection we’ve always had, this<br /><a href="last-passenger.html">spider’s thread</a> hanging between you and me.<br />Which of us is the spider and which is<br />the fly still remains to be seen. To<br />eat, perchance to fly: all of that and<br />more. We can settle all of this later.</p>
-            <p>Yes, it is you I’m thinking of in your later<br />time: you specifically, not another. This<br />is true for all <math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><mrow><mi>x</mi></mrow></math> such that <math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><mrow><mi>x</mi><mo>&gt;</mo><mn>0</mn></mrow></math> and<br /><math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><mrow><mi>x</mi></mrow></math> is a real person, though it doesn’t bother me<br />to write to a fictional figure or to<br /><a href="epigraph.html">a figment</a>, maybe, of my imagination. This is</p>
+            <p>Yes, it is you I’m thinking of in your later<br />time: you specifically, not another. This<br />is true for all <math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mi>x</mi><annotation encoding="application/x-tex">x</annotation></semantics></math> such that <math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mrow><mi>x</mi><mo>&gt;</mo><mn>0</mn></mrow><annotation encoding="application/x-tex">x &gt; 0</annotation></semantics></math> and<br /><math display="inline" xmlns="http://www.w3.org/1998/Math/MathML"><semantics><mi>x</mi><annotation encoding="application/x-tex">x</annotation></semantics></math> is a real person, though it doesn’t bother me<br />to write to a fictional figure or to<br /><a href="epigraph.html">a figment</a>, maybe, of my imagination. This is</p>
            <p>what you are right now, anyway, <a href="real-writer.html">dear Reader</a>, is<br />it not? I’m talking about my now, of course, not later,<br />which is your now. Later will be my now too,<br />and maybe I’m ultimately writing to a future part of this<br />self: you could very well be me.<br />In fact, you probably are me, <a href="elegyforanalternateself.html">some other version</a>, and</p>
            <p>I am you in the past, or what you could’ve been, and<br />at the same time, this isn’t true. Everything is,<br />and nothing isn’t. The difference between “you” and “me”<br />is in name only. Maybe you’ll get this later,<br /><a href="found-typewriter-poem.html">when you’re older</a>, when I’m older, when all of this<br />is something we’ll look fondly back to,</p>
            <p>because I do hope to meet you, although much later,<br />and I hope your feeling is the same. All this<br />talk on me and you and you and me we’ll keep between us two.</p>
diff --git a/river/README.river b/river/about.river
index ddc8c31..1d9ead2 100644
--- a/river/README.river
+++ b/river/about.river

@@ -20,13 +20,26 @@ case
 duckworth
 project
 title
+about
 autocento
-of
-the
-breakfast
-table
 class
-autocento
+meta
+next
+title
+index
+of
+common
+titles
+link
+common-titles
+prev
+title
+index
+of
+first
+lines
+link
+first-lines
 introduction
 autocento
 of
diff --git a/river/common-titles.river b/river/common-titles.river
index 2283cad..a9564b1 100644
--- a/river/common-titles.river
+++ b/river/common-titles.river

@@ -14,22 +14,26 @@ common
 titles
 genre
 verse
-epigraph
-content
-read
-me
-link
-readme
-html
 project
 title
+about
 autocento
-of
-the
-breakfast
-table
 class
+meta
+next
+title
+index
+of
+first
+lines
+link
+first-lines
+prev
+title
+about
 autocento
+link
+about
 100
 lines
 100-lines
diff --git a/river/first-lines.river b/river/first-lines.river
index 3154944..47b970d 100644
--- a/river/first-lines.river
+++ b/river/first-lines.river

@@ -16,13 +16,24 @@ genre
 prose
 project
 title
+about
 autocento
-of
-the
-breakfast
-table
 class
+meta
+next
+title
+about
 autocento
+link
+about
+prev
+title
+index
+of
+common
+titles
+link
+common-titles
 a
 dead
 man
diff --git a/src/README.txt b/src/about.txt
index 8f4fd59..da07ac6 100644
--- a/src/README.txt
+++ b/src/about.txt

@@ -8,8 +8,14 @@ epigraph:
    content: by Case Duckworth
 project:
-    title: Autocento of the breakfast table
+    title: About Autocento
-    class: autocento
+    class: meta
+    next:
+    - title: Index of common titles
+      link: common-titles
+    prev:
+    - title: Index of first lines
+      link: first-lines
 ...
 Introduction
diff --git a/src/common-titles.txt b/src/common-titles.txt
index 485ae76..0d14464 100644
--- a/src/common-titles.txt
+++ b/src/common-titles.txt

@@ -4,13 +4,15 @@ id: common-titles
 subtitle: index of common titles
 genre: verse
-epigraph:
-    content: 'Read me.'
-    link: README.html
 project:
-    title: Autocento of the breakfast table
+    title: About Autocento
-    class: autocento
+    class: meta
+    next:
+    - title: Index of first lines
+      link: first-lines
+    prev:
+    - title: About _Autocento_
+      link: about
 ...
 [100 lines](100-lines.html)
diff --git a/src/first-lines.txt b/src/first-lines.txt
index faa75b7..5e88c2b 100644
--- a/src/first-lines.txt
+++ b/src/first-lines.txt

@@ -5,8 +5,14 @@ subtitle: index of first lines
 genre: prose
 project:
-    title: Autocento of the breakfast table
+    title: About Autocento
-    class: autocento
+    class: meta
+    next:
+    - title: About _Autocento_
+      link: about
+    prev:
+    - title: Index of common titles
+      link: common-titles
 ...
 [A dead man finds his way into our hearts](deadman.html)
diff --git a/style.css b/style.css
index 14f8b88..f11514c 100644
--- a/style.css
+++ b/style.css

@@ -94,21 +94,12 @@ nav {
 }
 /* .title + .subtitle }}} */
 /* .HEADER-EXTRA {{{ */
-.header-extra {
-    text-align: right;
-}
-.dedication,.epigraph {
-    vertical-align: bottom;
-    display: inline-block;
-    margin-left: 2%;
-    margin-right: 2%;
-    width: 45%;
-}
 /* DEDICATION {{{ */
 .dedication {
    font-style: italic;
    font-size: 0.92em;
    margin-top: 1em;
+    text-align: left;
 }
 .dedication::before {
    content: 'for ';
@@ -138,6 +129,16 @@ nav {
    content: '– ';
 }
 /* epigraph }}} */
+.header-extra {
+    text-align: right;
+}
+.dedication,.epigraph {
+    vertical-align: bottom;
+    display: inline-block;
+    margin-left: 2%;
+    margin-right: 2%;
+    width: 45%;
+}
 /* header-extra }}} */
 /* header elements }}} */
 /* .EKPHRASTIC {{{ */
@@ -208,8 +209,14 @@ a[href^="http"]:active {
 /* NAV ELEMENTS {{{ */
 nav a:link { border-bottom: none; }
 nav a:active { border: none; }
-nav .prevlink { float: left; text-align: left; }
+nav .prevlink {
-nav .nextlink { float: right; text-align: right; }
+    float: left;
+    text-align: left;
+}
+nav .nextlink {
+    float: right;
+    text-align: right;
+}
 /* Properties both types of navlinks share */
 nav .prevlink, nav .nextlink {
    margin: 0 0.5em;
@@ -233,6 +240,7 @@ nav .prevlink::before {
    text-align: left;
    padding-left: 0.5em;
    padding-right: 0.5em;
+    width: 1em;
 }
 nav .nextlink::after {
    content: ' »';
@@ -242,6 +250,7 @@ nav .nextlink::after {
    text-align: right;
    padding-left: 0.5em;
    padding-right: 0.5em;
+    width: 1em;
 }
 #lozenge {
    position: absolute;
diff --git a/table_contents.html b/table_contents.html
index d889467..ff2528b 100644
--- a/table_contents.html
+++ b/table_contents.html

@@ -43,7 +43,11 @@
        
        <section class="content verse">
            <table>
-            <col style="width: 53%" /><col style="width: 46%" /><tbody>
+            <colgroup>
+            <col style="width: 53%" />
+            <col style="width: 46%" />
+            </colgroup>
+            <tbody>
            <tr class="odd">
            <td style="text-align: left;">4. <a href="ouroboros_memory.html">The look she gave me</a></td>
            <td style="text-align: left;">4. Half-hours in heaven are three times <a href="telemarketer.html">that in hell</a></td>