diff options
author | Case Duckworth | 2015-03-12 13:01:16 -0700 |
---|---|---|
committer | Case Duckworth | 2015-03-12 13:01:16 -0700 |
commit | 2764ce38ff89667fc4073fb66cdd634caaffd613 (patch) | |
tree | 2b574940d00219cddba222222ee2ae13d49ea644 /index.html | |
parent | Remove lua cruft (diff) | |
download | autocento-2764ce38ff89667fc4073fb66cdd634caaffd613.tar.gz autocento-2764ce38ff89667fc4073fb66cdd634caaffd613.zip |
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.
Diffstat (limited to 'index.html')
-rw-r--r-- | index.html | 37 |
1 files changed, 18 insertions, 19 deletions
diff --git a/index.html b/index.html index 7a37824..fc76a38 100644 --- a/index.html +++ b/index.html | |||
@@ -37,25 +37,24 @@ | |||
37 | 37 | ||
38 | </header> | 38 | </header> |
39 | 39 | ||
40 | <section class="content verse"> | 40 | |
41 | <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> | 41 | <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> |
42 | <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> | 42 | <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> |
43 | <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> | 43 | <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> |
44 | <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> | 44 | <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> |
45 | <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> | 45 | <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> |
46 | <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> | 46 | <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> |
47 | <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> | 47 | <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> |
48 | <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> | 48 | <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> |
49 | <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> | 49 | <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> |
50 | <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> | 50 | <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> |
51 | <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> | 51 | <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> |
52 | <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> | 52 | <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> |
53 | <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> | 53 | <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> |
54 | <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> | 54 | <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> |
55 | <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> | 55 | <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> |
56 | <p><a href="weplayedthosegamestoo.html">We played those games too</a>.</p> | 56 | <p><a href="weplayedthosegamestoo.html">We played those games too</a>.</p> |
57 | <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> | 57 | <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> |
58 | </section> | ||
59 | </article> | 58 | </article> |
60 | <nav> | 59 | <nav> |
61 | <a href="#" id="lozenge" title="Random page"> ◊ </a> | 60 | <a href="#" id="lozenge" title="Random page"> ◊ </a> |