Fix #9 - ekphrastisize some poems

For ekphrastic articles, add `ekphrastic` node to YAML metadata.
This node includes subnodes `image`, `title`, `alt`, `link`, and `class`.
`image` provides a link to the local image--just include the file name
with the extension, not the folder (all images should be in /img/.)
`title` provides the title of the image, and the alt-text, if there
is no `alt` node.
`alt`, if it exists, provides the alt text for the image.
`link`, if present, wraps the image in an `<a>` tag--it should point
to the source web page of the ekphrastic image.
`class`, if present, sets the class(es) for the image, for styling.

In this commit, I've set `ekphrastic` on the four articles that have
them so far: 'The Death Zone,' 'AMBER alert,' 'The moon is gone,' and
'Man.' I've also updated .template.html with the changes, and updated
README.md to reflect the changes in YAML structure.

1 files changed, 18 insertions, 19 deletions

@@ -37,25 +37,24 @@
             
                     </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="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>.”</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>
-            <p><a href="found-typewriter-poem.html">Look</a>: <a href="hands.html">hands</a>!<br /><a href="hard-game.html">A hard game</a>: <a href="hardware.html">hardware</a>.<br />(<a href="howithappened.html">How it happened</a>?)<br /> <a href="howtoread.html">How to read this</a> <a href="hymnal.html">hymnal</a>:<br />“<a href="i-am.html">I am</a>.” “<a href="i-think-its-you.html">I think it’s<br />you (but it’s not)</a>.”</p>
-            <p><a href="i-wanted-to-tell-you-something.html">I wanted to tell you something</a> <a href="in-bed.html">in bed</a>—<br />the <a href="initial-conditions.html">initial conditions</a> of <a href="january.html">January</a>’s <a href="joke.html">joke</a> are <a href="lappel-du-vide.html"><em>l’appel du vide</em></a>.<br /><a href="largest-asteroid.html">The largest asteroid in the asteroid belt</a> is the <a href="last-bastion.html">last bastion</a>,<br />the <a href="last-passenger.html">last passenger</a> <a href="leaf.html">leaf</a>, the <a href="leg.html">leg</a> <a href="likingthings.html">liking things</a>.</p>
-            <p><a href="listen.html">Listen</a>: <a href="love-as-god.html">love as God</a> loves, better<br />than a <a href="lovesong.html">love song</a>, <a href="man.html">man</a>.</p>
-            <p><a href="moon-drowning.html">The moon is drowning</a>. <a href="moongone.html">The moon is gone,<br />and in its place: a mirror</a>. <a href="mountain.html">The mountain</a>’s<br /><a href="movingsideways.html">moving sideways</a>, <a href="music-433.html">something about all music<br />being performances of <em>4′33″</em> in places<br />where other bands happen to be playing</a>. Listen:<br /><a href="no-nothing.html">no nothing</a>, no <a href="notes.html">notes</a>, <a href="nothing-is-ever-over.html"><em>nothing</em> is ever over</a>.</p>
-            <p><a href="onformalpoetry.html">On formal poetry</a>, <a href="options.html">options</a>:<br />an <a href="ouroboros_memory.html">ouroboros of memory</a>, <a href="paul.html"><em>Paul</em></a>, <a href="philosophy.html">philosophy</a>,<br /><a href="phone.html">phone</a>s, or <a href="planks.html">planks</a>. A <a href="plant.html">litany for a plant</a>.</p>
-            <p><a href="poetry-time.html">Something about the nature<br />of poetry and time</a>: <a href="prelude.html">prelude</a>, <a href="problems.html">problems</a>, <a href="proverbs.html">proverbs</a>.<br /><a href="punch.html">Punch</a> is <a href="purpose-dogs.html">the purpose of dogs</a>.</p>
-            <p>A <a href="question.html">question</a>: if <a href="real-writer.html">a real writer</a> <a href="reports.html">reports</a> on<br />the <a href="riptide_memory.html">riptide of memory</a>, does <a href="ronaldmcdonald.html">Ronald McDonald</a><br />wear <a href="roughgloves.html">rough gloves</a> or a <a href="sapling.html">sapling</a>?</p>
-            <p><a href="seasonal-affective-disorder.html">Seasonal affective disorder</a> is part of the <a href="sense-of-it.html">sense of it</a>.<br />The <a href="serengeti.html">serengeti</a> is a <a href="shed.html">shed</a>. <a href="shipwright.html">The shipwright</a><br />builds <a href="sixteenth-chapel.html">the sixteenth chapel</a> in <a href="snow.html">snow</a>.</p>
-            <p><a href="something-simple.html">Let’s start with something simple</a>:<br /><a href="spittle.html">spittle</a> on <a href="squirrel.html">the squirrel</a> sitting <a href="stagnant.html">stagnant</a>.<br /><a href="statements-frag.html">Statements</a> <a href="stayed-on-the-bus.html">stayed on the bus too long</a>.</p>
-            <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>, thinking<br />about <a href="words-meaning.html">words and meaning</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>
+        
+        <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="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>.”</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>
+<p><a href="found-typewriter-poem.html">Look</a>: <a href="hands.html">hands</a>!<br /><a href="hard-game.html">A hard game</a>: <a href="hardware.html">hardware</a>.<br />(<a href="howithappened.html">How it happened</a>?)<br /> <a href="howtoread.html">How to read this</a> <a href="hymnal.html">hymnal</a>:<br />“<a href="i-am.html">I am</a>.” “<a href="i-think-its-you.html">I think it’s<br />you (but it’s not)</a>.”</p>
+<p><a href="i-wanted-to-tell-you-something.html">I wanted to tell you something</a> <a href="in-bed.html">in bed</a>—<br />the <a href="initial-conditions.html">initial conditions</a> of <a href="january.html">January</a>’s <a href="joke.html">joke</a> are <a href="lappel-du-vide.html"><em>l’appel du vide</em></a>.<br /><a href="largest-asteroid.html">The largest asteroid in the asteroid belt</a> is the <a href="last-bastion.html">last bastion</a>,<br />the <a href="last-passenger.html">last passenger</a> <a href="leaf.html">leaf</a>, the <a href="leg.html">leg</a> <a href="likingthings.html">liking things</a>.</p>
+<p><a href="listen.html">Listen</a>: <a href="love-as-god.html">love as God</a> loves, better<br />than a <a href="lovesong.html">love song</a>, <a href="man.html">man</a>.</p>
+<p><a href="moon-drowning.html">The moon is drowning</a>. <a href="moongone.html">The moon is gone,<br />and in its place: a mirror</a>. <a href="mountain.html">The mountain</a>’s<br /><a href="movingsideways.html">moving sideways</a>, <a href="music-433.html">something about all music<br />being performances of <em>4′33″</em> in places<br />where other bands happen to be playing</a>. Listen:<br /><a href="no-nothing.html">no nothing</a>, no <a href="notes.html">notes</a>, <a href="nothing-is-ever-over.html"><em>nothing</em> is ever over</a>.</p>
+<p><a href="onformalpoetry.html">On formal poetry</a>, <a href="options.html">options</a>:<br />an <a href="ouroboros_memory.html">ouroboros of memory</a>, <a href="paul.html"><em>Paul</em></a>, <a href="philosophy.html">philosophy</a>,<br /><a href="phone.html">phone</a>s, or <a href="planks.html">planks</a>. A <a href="plant.html">litany for a plant</a>.</p>
+<p><a href="poetry-time.html">Something about the nature<br />of poetry and time</a>: <a href="prelude.html">prelude</a>, <a href="problems.html">problems</a>, <a href="proverbs.html">proverbs</a>.<br /><a href="punch.html">Punch</a> is <a href="purpose-dogs.html">the purpose of dogs</a>.</p>
+<p>A <a href="question.html">question</a>: if <a href="real-writer.html">a real writer</a> <a href="reports.html">reports</a> on<br />the <a href="riptide_memory.html">riptide of memory</a>, does <a href="ronaldmcdonald.html">Ronald McDonald</a><br />wear <a href="roughgloves.html">rough gloves</a> or a <a href="sapling.html">sapling</a>?</p>
+<p><a href="seasonal-affective-disorder.html">Seasonal affective disorder</a> is part of the <a href="sense-of-it.html">sense of it</a>.<br />The <a href="serengeti.html">serengeti</a> is a <a href="shed.html">shed</a>. <a href="shipwright.html">The shipwright</a><br />builds <a href="sixteenth-chapel.html">the sixteenth chapel</a> in <a href="snow.html">snow</a>.</p>
+<p><a href="something-simple.html">Let’s start with something simple</a>:<br /><a href="spittle.html">spittle</a> on <a href="squirrel.html">the squirrel</a> sitting <a href="stagnant.html">stagnant</a>.<br /><a href="statements-frag.html">Statements</a> <a href="stayed-on-the-bus.html">stayed on the bus too long</a>.</p>
+<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>, thinking<br />about <a href="words-meaning.html">words and meaning</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 href="#" id="lozenge" title="Random page"> &loz; </a>