about summary refs log tree commit diff stats
path: root/table_contents.html
diff options
context:
space:
mode:
authorCase Duckworth2015-03-12 13:01:16 -0700
committerCase Duckworth2015-03-12 13:01:16 -0700
commit2764ce38ff89667fc4073fb66cdd634caaffd613 (patch)
tree2b574940d00219cddba222222ee2ae13d49ea644 /table_contents.html
parentRemove lua cruft (diff)
downloadautocento-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 'table_contents.html')
-rw-r--r--table_contents.html155
1 files changed, 77 insertions, 78 deletions
diff --git a/table_contents.html b/table_contents.html index 915a26f..f0fb388 100644 --- a/table_contents.html +++ b/table_contents.html
@@ -42,84 +42,83 @@
42 42
43 </header> 43 </header>
44 44
45 <section class="content verse"> 45
46 <table> 46 <section class="content verse"><table>
47 <col style="width: 53%" /><col style="width: 46%" /><tbody> 47<col style="width: 53%" /><col style="width: 46%" /><tbody>
48 <tr class="odd"> 48<tr class="odd">
49 <td style="text-align: left;">4. <a href="ouroboros_memory.html">The look she gave me</a></td> 49<td style="text-align: left;">4. <a href="ouroboros_memory.html">The look she gave me</a></td>
50 <td style="text-align: left;">4. Half-hours in heaven are three times <a href="telemarketer.html">that in hell</a></td> 50<td style="text-align: left;">4. Half-hours in heaven are three times <a href="telemarketer.html">that in hell</a></td>
51 </tr> 51</tr>
52 <tr class="even"> 52<tr class="even">
53 <td style="text-align: left;">5. <a href="lappel-du-vide.html">Not out of anger</a></td> 53<td style="text-align: left;">5. <a href="lappel-du-vide.html">Not out of anger</a></td>
54 <td style="text-align: left;">5. <a href="no-nothing.html">Pay the toll</a>, mister, or nothing can get done</td> 54<td style="text-align: left;">5. <a href="no-nothing.html">Pay the toll</a>, mister, or nothing can get done</td>
55 </tr> 55</tr>
56 <tr class="odd"> 56<tr class="odd">
57 <td style="text-align: left;">6. <a href="boy_bus.html">A desire to understand</a></td> 57<td style="text-align: left;">6. <a href="boy_bus.html">A desire to understand</a></td>
58 <td style="text-align: left;">6. <a href="howithappened.html">Misattributed</a></td> 58<td style="text-align: left;">6. <a href="howithappened.html">Misattributed</a></td>
59 </tr> 59</tr>
60 <tr class="even"> 60<tr class="even">
61 <td style="text-align: left;">7. <a href="i-think-its-you.html">Seven syllables amble</a></td> 61<td style="text-align: left;">7. <a href="i-think-its-you.html">Seven syllables amble</a></td>
62 <td style="text-align: left;">7. <a href="howtoread.html">Disassociated</a></td> 62<td style="text-align: left;">7. <a href="howtoread.html">Disassociated</a></td>
63 </tr> 63</tr>
64 <tr class="odd"> 64<tr class="odd">
65 <td style="text-align: left;">8. <a href="initial-conditions.html">To drink at the pond</a></td> 65<td style="text-align: left;">8. <a href="initial-conditions.html">To drink at the pond</a></td>
66 <td style="text-align: left;">8. <a href="cereal.html">Advice from a cereal box</a></td> 66<td style="text-align: left;">8. <a href="cereal.html">Advice from a cereal box</a></td>
67 </tr> 67</tr>
68 <tr class="even"> 68<tr class="even">
69 <td style="text-align: left;">9. <a href="love-as-god.html">Two fall in and drown</a></td> 69<td style="text-align: left;">9. <a href="love-as-god.html">Two fall in and drown</a></td>
70 <td style="text-align: left;">9. <a href="call-me-aural-pleasure.html">The challenges of</a> a modern life</td> 70<td style="text-align: left;">9. <a href="call-me-aural-pleasure.html">The challenges of</a> a modern life</td>
71 </tr> 71</tr>
72 <tr class="odd"> 72<tr class="odd">
73 <td style="text-align: left;">10. <a href="worse-looking-over.html">Odd-numbered ponies</a></td> 73<td style="text-align: left;">10. <a href="worse-looking-over.html">Odd-numbered ponies</a></td>
74 <td style="text-align: left;">10. Probability and the American <a href="in-bed.html">Dream</a></td> 74<td style="text-align: left;">10. Probability and the American <a href="in-bed.html">Dream</a></td>
75 </tr> 75</tr>
76 <tr class="even"> 76<tr class="even">
77 <td style="text-align: left;">11. <a href="sixteenth-chapel.html">Buck and Whinny in the moonlight</a></td> 77<td style="text-align: left;">11. <a href="sixteenth-chapel.html">Buck and Whinny in the moonlight</a></td>
78 <td style="text-align: left;">11. <a href="deadman.html">Two friends throw dice</a></td> 78<td style="text-align: left;">11. <a href="deadman.html">Two friends throw dice</a></td>
79 </tr> 79</tr>
80 <tr class="odd"> 80<tr class="odd">
81 <td style="text-align: left;">12. <a href="last-bastion.html">To die tomorrow</a></td> 81<td style="text-align: left;">12. <a href="last-bastion.html">To die tomorrow</a></td>
82 <td style="text-align: left;">12. <a href="seasonal-affective-disorder.html">Fears of death</a></td> 82<td style="text-align: left;">12. <a href="seasonal-affective-disorder.html">Fears of death</a></td>
83 </tr> 83</tr>
84 <tr class="even"> 84<tr class="even">
85 <td style="text-align: left;">13. <a href="amber-alert.html">To be everywhere</a></td> 85<td style="text-align: left;">13. <a href="amber-alert.html">To be everywhere</a></td>
86 <td style="text-align: left;">13. The <a href="boar.html">solipsist talks to God</a></td> 86<td style="text-align: left;">13. The <a href="boar.html">solipsist talks to God</a></td>
87 </tr> 87</tr>
88 <tr class="odd"> 88<tr class="odd">
89 <td style="text-align: left;">14. <a href="exasperated.html">All at one time: my motto</a></td> 89<td style="text-align: left;">14. <a href="exasperated.html">All at one time: my motto</a></td>
90 <td style="text-align: left;">14. <a href="phone.html">A phone conversation</a> following receipt of an ill-timed love letter</td> 90<td style="text-align: left;">14. <a href="phone.html">A phone conversation</a> following receipt of an ill-timed love letter</td>
91 </tr> 91</tr>
92 <tr class="even"> 92<tr class="even">
93 <td style="text-align: left;">15. <a href="death-zone.html">Of a perfect world</a></td> 93<td style="text-align: left;">15. <a href="death-zone.html">Of a perfect world</a></td>
94 <td style="text-align: left;">15. Woody Allen at <a href="100-lines.html">the horse races</a></td> 94<td style="text-align: left;">15. Woody Allen at <a href="100-lines.html">the horse races</a></td>
95 </tr> 95</tr>
96 <tr class="odd"> 96<tr class="odd">
97 <td style="text-align: left;">16. <a href="big-dipper.html">This morning the sun</a></td> 97<td style="text-align: left;">16. <a href="big-dipper.html">This morning the sun</a></td>
98 <td style="text-align: left;">16. Whether you say <a href="big-dipper.html">good morning</a> or good night</td> 98<td style="text-align: left;">16. Whether you say <a href="big-dipper.html">good morning</a> or good night</td>
99 </tr> 99</tr>
100 <tr class="even"> 100<tr class="even">
101 <td style="text-align: left;">17. <a href="poetry-time.html">Wandering through the window</a></td> 101<td style="text-align: left;">17. <a href="poetry-time.html">Wandering through the window</a></td>
102 <td style="text-align: left;">17. A traveler <a href="mountain.html">waiting on the mountain</a></td> 102<td style="text-align: left;">17. A traveler <a href="mountain.html">waiting on the mountain</a></td>
103 </tr> 103</tr>
104 <tr class="odd"> 104<tr class="odd">
105 <td style="text-align: left;">18. <a href="moon-drowning.html">Alights on my shoulder</a></td> 105<td style="text-align: left;">18. <a href="moon-drowning.html">Alights on my shoulder</a></td>
106 <td style="text-align: left;">18. The impenetrable object falls in <a href="lovesong.html">love</a></td> 106<td style="text-align: left;">18. The impenetrable object falls in <a href="lovesong.html">love</a></td>
107 </tr> 107</tr>
108 <tr class="even"> 108<tr class="even">
109 <td style="text-align: left;"></td> 109<td style="text-align: left;"></td>
110 <td style="text-align: left;">1. <a href="music-433.html">Liquid messenger</a></td> 110<td style="text-align: left;">1. <a href="music-433.html">Liquid messenger</a></td>
111 </tr> 111</tr>
112 <tr class="odd"> 112<tr class="odd">
113 <td style="text-align: left;"></td> 113<td style="text-align: left;"></td>
114 <td style="text-align: left;">2. <a href="riptide_memory.html">After a gate closes, dogs bark</a></td> 114<td style="text-align: left;">2. <a href="riptide_memory.html">After a gate closes, dogs bark</a></td>
115 </tr> 115</tr>
116 <tr class="even"> 116<tr class="even">
117 <td style="text-align: left;"></td> 117<td style="text-align: left;"></td>
118 <td style="text-align: left;">3. <a href="about-the-author.html">Finding old men at dusk</a></td> 118<td style="text-align: left;">3. <a href="about-the-author.html">Finding old men at dusk</a></td>
119 </tr> 119</tr>
120 </tbody> 120</tbody>
121 </table> 121</table></section>
122 </section>
123 </article> 122 </article>
124 <nav> 123 <nav>
125 <a href="#" id="lozenge" title="Random page"> &loz; </a> 124 <a href="#" id="lozenge" title="Random page"> &loz; </a>