about summary refs log tree commit diff stats
diff options
context:
space:
mode:
authorCase Duckworth2015-03-19 12:43:39 -0700
committerCase Duckworth2015-03-19 12:43:39 -0700
commit6574f561ff89b2fa95d1cdb78760eab2b4820023 (patch)
tree6b90b333f8c72f3c0b232a65deac6cb599a0b9e8
parentFix em-dash typo in first lines index (diff)
downloadautocento-6574f561ff89b2fa95d1cdb78760eab2b4820023.tar.gz
autocento-6574f561ff89b2fa95d1cdb78760eab2b4820023.zip
Change index.html to be a cover.
-rw-r--r--README.html4
-rw-r--r--_first-lines.html2
-rw-r--r--building.html2
-rw-r--r--common-titles.html72
-rw-r--r--css/common.css2
-rw-r--r--css/cover.css126
-rw-r--r--img/black-streak.jpgbin0 -> 128292 bytes
-rw-r--r--img/white-streak.jpgbin0 -> 352757 bytes
-rw-r--r--index.html96
-rw-r--r--river/_first-lines.river400
-rw-r--r--river/common-titles.river0
-rw-r--r--src/README.txt4
-rw-r--r--src/_first-lines.txt35
-rw-r--r--src/building.txt2
-rw-r--r--src/common-titles.txt (renamed from src/index.txt)3
15 files changed, 671 insertions, 77 deletions
diff --git a/README.html b/README.html index e04dddd..8040784 100644 --- a/README.html +++ b/README.html
@@ -70,12 +70,12 @@
70</section> 70</section>
71<section id="technology" class="level2"> 71<section id="technology" class="level2">
72<h2>Technology</h2> 72<h2>Technology</h2>
73<p>Because this project lives online, I’ve used a fair amount of technology to get it there. First, I converted all the articles<a href="#fn1" class="footnoteRef" id="fnref1"><sup>1</sup></a> present into plain text files, which are viewable <a href="src/index.html">here</a>. Then, I used John McFarlane’s venerable document preparation system <a href="http://johnmacfarlane.net/pandoc/">pandoc</a>, along with a short <a href="https://github.com/duckwork/autocento/blob/gh-pages/compile.lua">script</a>, to compile the text sources to HTML using <a href="https://github.com/duckwork/autocento/blob/gh-pages/.template.html">this template</a>. The compiled HTML is what you’re reading now.<a href="#fn2" class="footnoteRef" id="fnref2"><sup>2</sup></a></p> 73<p>Because this project lives online, I’ve used a fair amount of technology to get it there. First, I converted all the articles<a href="#fn1" class="footnoteRef" id="fnref1"><sup>1</sup></a> present into plain text files, which are viewable <a href="src/common-titles.html">here</a>. Then, I used John McFarlane’s venerable document preparation system <a href="http://johnmacfarlane.net/pandoc/">pandoc</a>, along with a short <a href="https://github.com/duckwork/autocento/blob/gh-pages/compile.lua">script</a>, to compile the text sources to HTML using <a href="https://github.com/duckwork/autocento/blob/gh-pages/.template.html">this template</a>. The compiled HTML is what you’re reading now.<a href="#fn2" class="footnoteRef" id="fnref2"><sup>2</sup></a></p>
74<p>To host the project, I’m using <a href="https://github.com/">Github</a>, an online code-collaboration tool with the version control system <a href="http://www.git-scm.com/">git</a> under the hood. This enables me (and you, dear Reader!) to explore the path of revision even more, from beginning to end, based on my commits to the repository. You can view the repository and its changes and files at <a href="https://github.com/duckwork/autocento">my Github profile</a>.<a href="#fn3" class="footnoteRef" id="fnref3"><sup>3</sup></a></p> 74<p>To host the project, I’m using <a href="https://github.com/">Github</a>, an online code-collaboration tool with the version control system <a href="http://www.git-scm.com/">git</a> under the hood. This enables me (and you, dear Reader!) to explore the path of revision even more, from beginning to end, based on my commits to the repository. You can view the repository and its changes and files at <a href="https://github.com/duckwork/autocento">my Github profile</a>.<a href="#fn3" class="footnoteRef" id="fnref3"><sup>3</sup></a></p>
75</section> 75</section>
76<section id="using-this-site" class="level2"> 76<section id="using-this-site" class="level2">
77<h2>Using this site</h2> 77<h2>Using this site</h2>
78<p>All of the articles on this site are linked together hypertextually (i.e., like a webpage). This means that all you need to do to explore the creative threads linking these articles together is to start clicking links. However, if you find you’re looping around to a lot of the same articles, you can head back to the <a href="index.html">index</a> and click through the titles in order—that article contains the titles of all the other works in this project.</p> 78<p>All of the articles on this site are linked together hypertextually (i.e., like a webpage). This means that all you need to do to explore the creative threads linking these articles together is to start clicking links. However, if you find you’re looping around to a lot of the same articles, you can head back to the <a href="first-lines.html">index</a> and click through the titles in order—that article contains the titles of all the other works in this project.</p>
79<p>Alternatively, you can click the lozenge (◊) at the bottom of each page. It’ll take you to a random article in the project, thanks to <a href="https://github.com/duckwork/autocento/blob/gh-pages/js/lozenge.js">this javascript</a>.</p> 79<p>Alternatively, you can click the lozenge (◊) at the bottom of each page. It’ll take you to a random article in the project, thanks to <a href="https://github.com/duckwork/autocento/blob/gh-pages/js/lozenge.js">this javascript</a>.</p>
80<p>If you want to experience the earlier projects in something resembling the original orders, previous and next links are provided at the bottom of each page, next to the lozenge. Sometimes, there are more than one of each of these, or there are none, dependant on the structure of their original project.</p> 80<p>If you want to experience the earlier projects in something resembling the original orders, previous and next links are provided at the bottom of each page, next to the lozenge. Sometimes, there are more than one of each of these, or there are none, dependant on the structure of their original project.</p>
81</section> 81</section>
diff --git a/_first-lines.html b/_first-lines.html index 598dd47..1149de1 100644 --- a/_first-lines.html +++ b/_first-lines.html
@@ -36,7 +36,7 @@
36 </header> 36 </header>
37 37
38 38
39 <section class="content "></section> 39 <section class="content "><p>&amp; 386 40 70s about accent action advice along ancient anger another any anymore anything apparently around astonishing ate attached autumn away axe ball beauty because been before begin beings between bible bieber big bladder blank book born bottom branching buildings builds burn call calling care carefully case casserole cave celebrity chair challenge chance chapped charlie chefs chop chopped chopping clocks clog coffee come conjoined contents couch course cowardly craft craned created credits current dane data days dead deal deep definition dialect diary dimly dinner discover dish distance dog doing drink dropped drove drowning drunk dry dryer duckworth early earth either eleven eli emotion end enough eskimo ever exploration eyes fall feel few fifty fig finally find finds fire flagstaff floor flows fly force forgotten formal found friend frightening front fucking gamble gave gilbert girls going gone goodbye got gotten gray half handed happiness happy hardware has hatchet head heart hearts heaven hell) hello here hoggle hold hours house hymn hymnal hyperintelligent ideals idly importance important jack january justin kissed kitchen knit language larry late lava least letting lies lights lips literature lived lives long longest looking loud lovable love made makes mammals matters mcdonald minutes mirror modern more morning mountain must mysteries nameless natural neck never new nightgown no noe notebook notecard occasions occurrence okay old ones onto open opens order other our overhead page pandimensional part party peach pen penny people phase phone pillar pine place plant plastic playing poetry polish possible problem pushes quite radio rain ran rare ratio rats read real realizes really refused remembered removed replacement ribbon ride rides riding river rogue rolling ronald run sacred sapling scare screaming searching secrets seen self separate serengeti sestina set she sheen shined ship shoulder show shrugged shuffle sick side silence since singing sixteenth size sky small smoke smoked solves something somewhere song soon southern spit spittle spooky spooling stages states staying stool store story strangely street striped stuff surprise surprised swallow swans swimming swollen take talkie tangerine their then theory thin those though thoughts thread three threw through ticking times toilet told tongue tonight took toolset top traffic treatise trees truly tuesday turn twelve typed typewriters underneath universe unix unnatural us vacation vertical voice waiting walk walked walkie walter want wanted watch watched water wednesday went whenever which white who whole will wind window wish woke woman wood words works would wrapping writer writers yarn yesterday</p></section>
40 </article> 40 </article>
41 <nav> 41 <nav>
42 <a href="#" id="lozenge" title="Random page"> &loz; </a> 42 <a href="#" id="lozenge" title="Random page"> &loz; </a>
diff --git a/building.html b/building.html index a87a857..e66e7cd 100644 --- a/building.html +++ b/building.html
@@ -42,7 +42,7 @@
42 42
43 <section class="content prose"><p><em><a href="toilet.html">ART and CRAFT</a> are only the inside and outside of the same building. The ceiling is</em>—here he put his eraser to his bottom lip, thinking. He crossed out <em><del>The ceiling is.</del></em> <em>The floor is reality and the ceiling is <del>aspiration</del> <del>desire</del> that which is desired. CRAFT is building a <a href="boar.html">chair</a> from wood. ART is using the wood as a substrate for an emotional <a href="poetry-time.html">message to a future person</a>, the READER / VIEWER.</em></p> 43 <section class="content prose"><p><em><a href="toilet.html">ART and CRAFT</a> are only the inside and outside of the same building. The ceiling is</em>—here he put his eraser to his bottom lip, thinking. He crossed out <em><del>The ceiling is.</del></em> <em>The floor is reality and the ceiling is <del>aspiration</del> <del>desire</del> that which is desired. CRAFT is building a <a href="boar.html">chair</a> from wood. ART is using the wood as a substrate for an emotional <a href="poetry-time.html">message to a future person</a>, the READER / VIEWER.</em></p>
44<p><em>The important thing is they are both made of wood. The important thing is they were both, at one point, alive natural things that grew and changed and pushed their way out of the dirt into the air. They formed buildings out of the air. They didn’t even try.</em></p> 44<p><em>The important thing is they are both made of wood. The important thing is they were both, at one point, alive natural things that grew and changed and pushed their way out of the dirt into the air. They formed buildings out of the air. They didn’t even try.</em></p>
45<p><em>What separates us from them, the trees? <a href="plant.html">We have to try.</a> We must labor to create our ART, <a href="index.html">our buildings of air</a>. We lay them out brick by brick, we build them up by disintegrating trees and forming them again into what they were before. Why must we do this? Are there any advantages to this human method?</em></p> 45<p><em>What separates us from them, the trees? <a href="plant.html">We have to try.</a> We must labor to create our ART, <a href="common-titles.html">our buildings of air</a>. We lay them out brick by brick, we build them up by disintegrating trees and forming them again into what they were before. Why must we do this? Are there any advantages to this human method?</em></p>
46<p><em>Our advantage is <a href="ouroboros_memory.html">memory</a>. Our advantage is the reaching-out over space and time to others with our words, our ART. Our buildings last for generations, and after they are demolished they are written about, <a href="man.html">photographs</a> are taken, we <strong>remember</strong>. The <a href="riptide_memory.html">act of memory</a> is our only ART.</em></p></section> 46<p><em>Our advantage is <a href="ouroboros_memory.html">memory</a>. Our advantage is the reaching-out over space and time to others with our words, our ART. Our buildings last for generations, and after they are demolished they are written about, <a href="man.html">photographs</a> are taken, we <strong>remember</strong>. The <a href="riptide_memory.html">act of memory</a> is our only ART.</em></p></section>
47 </article> 47 </article>
48 <nav> 48 <nav>
diff --git a/common-titles.html b/common-titles.html new file mode 100644 index 0000000..ef313c2 --- /dev/null +++ b/common-titles.html
@@ -0,0 +1,72 @@
1<!DOCTYPE html>
2<!-- AUTOCENTO OF THE BREAKFAST TABLE -->
3<!-- vim: fdm=indent
4-->
5<html lang="en">
6<head>
7 <meta charset="utf-8">
8 <meta name="generator" content="pandoc">
9 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
10 <meta name="author" content="Case Duckworth">
11
12 <title>Autocento of the breakfast table | Autocento of the breakfast table</title>
13 <link rel="icon" type="image/png" href="img/favico.png" />
14
15 <link rel="stylesheet" type="text/css" href="./css/common.css">
16 <script src="./js/lozenge.js" type="text/javascript"> </script>
17 <script src="./js/hylo.js" type="text/javascript"> </script>
18
19 <link rel="stylesheet" type="text/css" href="./css/verse.css">
20 <script src="./js/verse.js" type="text/javascript"> </script>
21 <link rel="stylesheet" type="text/css" href="./css/autocento.css">
22 <script src="./js/autocento.js" type="text/javascript"> </script>
23 <!--[if lt IE 9]>
24 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script>
25 <![endif]-->
26 <!-- <script src="js/external.js"> </script> -->
27 </head>
28<body>
29
30
31 <article id="container">
32 <header>
33 <!-- title -->
34 <h1 class="title">Autocento of the breakfast table</h1>
35 <h1 class="subtitle">index of common titles</h1>
36
37 <div class="header-extra">
38
39 <!-- epigraph -->
40 <div class="epigraph">
41 <a href="README.html">Read me.</a>
42
43 </div>
44 </div>
45 </header>
46
47
48 <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>
49<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>
50<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>
51<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>
52<p><a href="found-typewriter-poem.html">Look</a>: <a href="hands.html">hands</a>-<a href="on-genre-dimension.html">on poetry</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>
53<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 /><a href="i-want-to-say.html">I want to say</a> 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>
54<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>. This is<br />a <a href="manifesto_poetics.html">manifesto</a>.</p>
55<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>
56<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>
57<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 />some <a href="peaches.html">peaches</a>. <a href="punch.html">Punch</a> is <a href="purpose-dogs.html">the purpose of dogs</a>.</p>
58<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>
59<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>
60<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="dollywood.html">Something about my tenure as a bear</a>. <a href="statements-frag.html">Statements</a> <a href="stayed-on-the-bus.html">stayed on the bus too long</a>.</p>
61<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>
62<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>
63<p><a href="weplayedthosegamestoo.html">We played those games too</a>.</p>
64<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></section>
65 </article>
66 <nav>
67 <a href="#" id="lozenge" title="Random page"> &loz; </a>
68 </nav>
69
70
71</body>
72</html>
diff --git a/css/common.css b/css/common.css index 1156808..3212c67 100644 --- a/css/common.css +++ b/css/common.css
@@ -116,7 +116,7 @@ a:link {
116 padding-top: 1px; 116 padding-top: 1px;
117 color: inherit; 117 color: inherit;
118 text-decoration: none; 118 text-decoration: none;
119 border-bottom: 1px dotted #a1a3a1; 119 border-bottom: 1px dotted black;
120} 120}
121a:visited { 121a:visited {
122 color: inherit; 122 color: inherit;
diff --git a/css/cover.css b/css/cover.css new file mode 100644 index 0000000..2026231 --- /dev/null +++ b/css/cover.css
@@ -0,0 +1,126 @@
1/* vim: fdm=marker
2 */
3@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,400italic,700italic&subset=latin,latin-ext);
4/* Flexboxing {{{ */
5#cover {
6 position: absolute;
7 top: 0;
8 bottom: 0;
9 left: 0;
10 right: 0;
11 display: -webkit-box;
12 display: -moz-box;
13 display: -ms-flexbox;
14 display: -webkit-flex;
15 display: flex;
16 -webkit-box-direction: normal;
17 -moz-box-direction: normal;
18 -webkit-box-orient: vertical;
19 -moz-box-orient: vertical;
20 -webkit-flex-direction: column;
21 -ms-flex-direction: column;
22 flex-direction: column;
23 -webkit-flex-wrap: nowrap;
24 -ms-flex-wrap: nowrap;
25 flex-wrap: nowrap;
26 -webkit-box-pack: center;
27 -moz-box-pack: center;
28 -webkit-justify-content: center;
29 -ms-flex-pack: center;
30 justify-content: center;
31 -webkit-align-content: center;
32 -ms-flex-line-pack: center;
33 align-content: center;
34 -webkit-box-align: center;
35 -moz-box-align: center;
36 -webkit-align-items: center;
37 -ms-flex-align: center;
38 align-items: center;
39 }
40.title {
41 -webkit-box-ordinal-group: 1;
42 -moz-box-ordinal-group: 1;
43 -webkit-order: 0;
44 -ms-flex-order: 0;
45 order: 0;
46 -webkit-box-flex: 0;
47 -moz-box-flex: 0;
48 -webkit-flex: 0 1 auto;
49 -ms-flex: 0 1 auto;
50 flex: 0 1 auto;
51 -webkit-align-self: auto;
52 -ms-flex-item-align: auto;
53 align-self: auto;
54}
55.byline {
56 -webkit-box-ordinal-group: 1;
57 -moz-box-ordinal-group: 1;
58 -webkit-order: 0;
59 -ms-flex-order: 0;
60 order: 0;
61 -webkit-box-flex: 0;
62 -moz-box-flex: 0;
63 -webkit-flex: 0 1 auto;
64 -ms-flex: 0 1 auto;
65 flex: 0 1 auto;
66 -webkit-align-self: auto;
67 -ms-flex-item-align: auto;
68 align-self: auto;
69}
70.lozenge {
71 -webkit-box-ordinal-group: 1;
72 -moz-box-ordinal-group: 1;
73 -webkit-order: 0;
74 -ms-flex-order: 0;
75 order: 0;
76 -webkit-box-flex: 0;
77 -moz-box-flex: 0;
78 -webkit-flex: 0 1 auto;
79 -ms-flex: 0 1 auto;
80 flex: 0 1 auto;
81 -webkit-align-self: auto;
82 -ms-flex-item-align: auto;
83 align-self: auto;
84}
85/* }}} */
86body {
87 font-family: "Playfair Display", Georgia, serif;
88 font-weight: 400;
89 font-size: 100%;
90 color: #b2d9e5;
91}
92#cover {
93 background-image: url('../img/black-streak.jpg');
94 background-position: 0 0;
95 background-size: 100% 100%;
96 background-repeat: no-repeat;
97 background-attachment: fixed;
98 background-clip: border-box;
99 background-color: black;
100}
101a {
102 text-decoration: none;
103 color: #e5bfb2;
104}
105li {
106 list-style: none;
107}
108.title {
109 text-transform: uppercase;
110 text-align: center;
111 font-size: 1.8em;
112 letter-spacing: 0.5em;
113 color: #b2d9e5;
114}
115.byline {
116 font-style: italic;
117 text-align: center;
118 font-size: 1.3em;
119 letter-spacing: 0.2em;
120 color: #e5bfb2;
121}
122.lozenge {
123 text-align: center;
124 font-size: 1em;
125 color: #e5bfb2;
126}
diff --git a/img/black-streak.jpg b/img/black-streak.jpg new file mode 100644 index 0000000..5b44525 --- /dev/null +++ b/img/black-streak.jpg
Binary files differ
diff --git a/img/white-streak.jpg b/img/white-streak.jpg new file mode 100644 index 0000000..318f654 --- /dev/null +++ b/img/white-streak.jpg
Binary files differ
diff --git a/index.html b/index.html index 03d109c..ffc3220 100644 --- a/index.html +++ b/index.html
@@ -1,73 +1,37 @@
1<!DOCTYPE html> 1<!DOCTYPE html>
2<!-- AUTOCENTO OF THE BREAKFAST TABLE --> 2<html>
3<!-- vim: fdm=indent 3 <head>
4--> 4 <meta charset="utf-8">
5<html lang="en"> 5 <meta name="generator" content="pandoc">
6<head> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
7 <meta charset="utf-8"> 7 <meta name="author" content="Case Duckworth">
8 <meta name="generator" content="pandoc">
9 <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
10 <meta name="author" content="Case Duckworth">
11 8
12 <title>Autocento of the breakfast table | Autocento of the breakfast table</title> 9 <title>Autocento of the breakfast table</title>
13 <link rel="icon" type="image/png" href="img/favico.png" /> 10 <link rel="icon" type="image/png" href="img/favico.png" />
14 11
15 <link rel="stylesheet" type="text/css" href="./css/common.css"> 12 <link rel="stylesheet" type="text/css" href="./css/cover.css">
16 <script src="./js/lozenge.js" type="text/javascript"> </script> 13 <script src="./js/lozenge.js" type="text/javascript"> </script>
17 <script src="./js/hylo.js" type="text/javascript"> </script>
18 14
19 <link rel="stylesheet" type="text/css" href="./css/verse.css">
20 <script src="./js/verse.js" type="text/javascript"> </script>
21 <link rel="stylesheet" type="text/css" href="./css/autocento.css">
22 <script src="./js/autocento.js" type="text/javascript"> </script>
23 <!--[if lt IE 9]> 15 <!--[if lt IE 9]>
24 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script> 16 <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script>
25 <![endif]--> 17 <![endif]-->
26 <!-- <script src="js/external.js"> </script> -->
27 </head> 18 </head>
28<body> 19 <body>
29 20 <article id="cover">
30 21 <header>
31 <article id="container"> 22 <h1 class="title">Autocento of the breakfast table</h1>
32 <header> 23 <h2 class="byline">by Case Duckworth</h2>
33 <!-- title --> 24 <h3 class="lozenge"><a href="#" id="lozenge">&loz;</a></h3>
34 <h1 class="title">Autocento of the breakfast table</h1> 25 </header>
35 <h1 class="subtitle">index of first lines and common titles</h1> 26 <section class="content">
36 27 <ul>
37 <div class="header-extra"> 28 <li>Index of
38 29 <a href="first-lines.html">first lines</a> and
39 <!-- epigraph --> 30 <a href="common-titles.html">common titles</a>.
40 <div class="epigraph"> 31 </li>
41 <a href="README.html">Read me.</a> 32 <li><a href="README.html">An explanation</a>.</li>
42 33 </ul>
43 <div class="attrib">Case Duckworth</div> 34 </section>
44 </div> 35 </article>
45 </div> 36 </body>
46 </header>
47
48
49 <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>
50<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>
51<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>
52<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>
53<p><a href="found-typewriter-poem.html">Look</a>: <a href="hands.html">hands</a>-<a href="on-genre-dimension.html">on poetry</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>
54<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 /><a href="i-want-to-say.html">I want to say</a> 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>
55<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>. This is<br />a <a href="manifesto_poetics.html">manifesto</a>.</p>
56<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>
57<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>
58<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 />some <a href="peaches.html">peaches</a>. <a href="punch.html">Punch</a> is <a href="purpose-dogs.html">the purpose of dogs</a>.</p>
59<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>
60<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>
61<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="dollywood.html">Something about my tenure as a bear</a>. <a href="statements-frag.html">Statements</a> <a href="stayed-on-the-bus.html">stayed on the bus too long</a>.</p>
62<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>
63<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>
64<p><a href="weplayedthosegamestoo.html">We played those games too</a>.</p>
65<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></section>
66 </article>
67 <nav>
68 <a href="#" id="lozenge" title="Random page"> &loz; </a>
69 </nav>
70
71
72</body>
73</html> 37</html>
diff --git a/river/_first-lines.river b/river/_first-lines.river index 8b13789..f39c4a5 100644 --- a/river/_first-lines.river +++ b/river/_first-lines.river
@@ -1 +1,399 @@
1 1&
2386
340
470s
5about
6accent
7action
8advice
9along
10ancient
11anger
12another
13any
14anymore
15anything
16apparently
17around
18astonishing
19ate
20attached
21autumn
22away
23axe
24ball
25beauty
26because
27been
28before
29begin
30beings
31between
32bible
33bieber
34big
35bladder
36blank
37book
38born
39bottom
40branching
41buildings
42builds
43burn
44call
45calling
46care
47carefully
48case
49casserole
50cave
51celebrity
52chair
53challenge
54chance
55chapped
56charlie
57chefs
58chop
59chopped
60chopping
61clocks
62clog
63coffee
64come
65conjoined
66contents
67couch
68course
69cowardly
70craft
71craned
72created
73credits
74current
75dane
76data
77days
78dead
79deal
80deep
81definition
82dialect
83diary
84dimly
85dinner
86discover
87dish
88distance
89dog
90doing
91drink
92dropped
93drove
94drowning
95drunk
96dry
97dryer
98duckworth
99early
100earth
101either
102eleven
103eli
104emotion
105end
106enough
107eskimo
108ever
109exploration
110eyes
111fall
112feel
113few
114fifty
115fig
116finally
117find
118finds
119fire
120flagstaff
121floor
122flows
123fly
124force
125forgotten
126formal
127found
128friend
129frightening
130front
131fucking
132gamble
133gave
134gilbert
135girls
136going
137gone
138goodbye
139got
140gotten
141gray
142half
143handed
144happiness
145happy
146hardware
147has
148hatchet
149head
150heart
151hearts
152heaven
153hell
154hello
155here
156hoggle
157hold
158hours
159house
160hymn
161hymnal
162hyperintelligent
163ideals
164idly
165importance
166important
167jack
168january
169justin
170kissed
171kitchen
172knit
173language
174larry
175late
176lava
177least
178letting
179lies
180lights
181lips
182literature
183lived
184lives
185long
186longest
187looking
188loud
189lovable
190love
191made
192makes
193mammals
194matters
195mcdonald
196minutes
197mirror
198modern
199more
200morning
201mountain
202must
203mysteries
204nameless
205natural
206neck
207never
208new
209nightgown
210no
211noe
212notebook
213notecard
214occasions
215occurrence
216okay
217old
218ones
219onto
220open
221opens
222order
223other
224our
225overhead
226page
227pandimensional
228part
229party
230peach
231pen
232penny
233people
234phase
235phone
236pillar
237pine
238place
239plant
240plastic
241playing
242poetry
243polish
244possible
245problem
246pushes
247quite
248radio
249rain
250ran
251rare
252ratio
253rats
254read
255real
256realizes
257really
258refused
259remembered
260removed
261replacement
262ribbon
263ride
264rides
265riding
266river
267rogue
268rolling
269ronald
270run
271sacred
272sapling
273scare
274screaming
275searching
276secrets
277seen
278self
279separate
280serengeti
281sestina
282set
283she
284sheen
285shined
286ship
287shoulder
288show
289shrugged
290shuffle
291sick
292side
293silence
294since
295singing
296sixteenth
297size
298sky
299small
300smoke
301smoked
302solves
303something
304somewhere
305song
306soon
307southern
308spit
309spittle
310spooky
311spooling
312stages
313states
314staying
315stool
316store
317story
318strangely
319street
320striped
321stuff
322surprise
323surprised
324swallow
325swans
326swimming
327swollen
328take
329talkie
330tangerine
331their
332then
333theory
334thin
335those
336though
337thoughts
338thread
339three
340threw
341through
342ticking
343times
344toilet
345told
346tongue
347tonight
348took
349toolset
350top
351traffic
352treatise
353trees
354truly
355tuesday
356turn
357twelve
358typed
359typewriters
360underneath
361universe
362unix
363unnatural
364us
365vacation
366vertical
367voice
368waiting
369walk
370walked
371walkie
372walter
373want
374wanted
375watch
376watched
377water
378wednesday
379went
380whenever
381which
382white
383who
384whole
385will
386wind
387window
388wish
389woke
390woman
391wood
392words
393works
394would
395wrapping
396writer
397writers
398yarn
399yesterday
diff --git a/river/common-titles.river b/river/common-titles.river new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/river/common-titles.river
diff --git a/src/README.txt b/src/README.txt index ce382d7..ba7cd6a 100644 --- a/src/README.txt +++ b/src/README.txt
@@ -103,7 +103,7 @@ If you'd like to contact me about the state of this work or my writing in genera
103[ἅπαξ]: http://www.perseus.tufts.edu/hopper/text?doc=Perseus:text:1999.04.0057:entry=a%28/pac 103[ἅπαξ]: http://www.perseus.tufts.edu/hopper/text?doc=Perseus:text:1999.04.0057:entry=a%28/pac
104[nothing-new]: https://www.biblegateway.com/passage/?search=Ecclesiastes+1%3A9&version=NIV 104[nothing-new]: https://www.biblegateway.com/passage/?search=Ecclesiastes+1%3A9&version=NIV
105 105
106[text]: src/index.html 106[text]: src/common-titles.html
107 107
108[pandoc]: http://johnmacfarlane.net/pandoc/ 108[pandoc]: http://johnmacfarlane.net/pandoc/
109[compile.lua]: https://github.com/duckwork/autocento/blob/gh-pages/compile.lua 109[compile.lua]: https://github.com/duckwork/autocento/blob/gh-pages/compile.lua
@@ -112,7 +112,7 @@ If you'd like to contact me about the state of this work or my writing in genera
112[git]: http://www.git-scm.com/ 112[git]: http://www.git-scm.com/
113[my Github profile]: https://github.com/duckwork/autocento 113[my Github profile]: https://github.com/duckwork/autocento
114 114
115[index]: index.html 115[index]: first-lines.html
116[this javascript]: https://github.com/duckwork/autocento/blob/gh-pages/js/lozenge.js 116[this javascript]: https://github.com/duckwork/autocento/blob/gh-pages/js/lozenge.js
117 117
118[published]: published.html 118[published]: published.html
diff --git a/src/_first-lines.txt b/src/_first-lines.txt index e69de29..a8b6573 100644 --- a/src/_first-lines.txt +++ b/src/_first-lines.txt
@@ -0,0 +1,35 @@
1& 386 40 70s about accent action advice along ancient anger another any anymore
2anything apparently around astonishing ate attached autumn away axe ball beauty
3because been before begin beings between bible bieber big bladder blank book
4born bottom branching buildings builds burn call calling care carefully case
5casserole cave celebrity chair challenge chance chapped charlie chefs chop
6chopped chopping clocks clog coffee come conjoined contents couch course
7cowardly craft craned created credits current dane data days dead deal deep
8definition dialect diary dimly dinner discover dish distance dog doing drink
9dropped drove drowning drunk dry dryer duckworth early earth either eleven eli
10emotion end enough eskimo ever exploration eyes fall feel few fifty fig finally
11find finds fire flagstaff floor flows fly force forgotten formal found friend
12frightening front fucking gamble gave gilbert girls going gone goodbye got
13gotten gray half handed happiness happy hardware has hatchet head heart hearts
14heaven hell) hello here hoggle hold hours house hymn hymnal hyperintelligent
15ideals idly importance important jack january justin kissed kitchen knit
16language larry late lava least letting lies lights lips literature lived lives
17long longest looking loud lovable love made makes mammals matters mcdonald
18minutes mirror modern more morning mountain must mysteries nameless natural
19neck never new nightgown no noe notebook notecard occasions occurrence okay old
20ones onto open opens order other our overhead page pandimensional part party
21peach pen penny people phase phone pillar pine place plant plastic playing
22poetry polish possible problem pushes quite radio rain ran rare ratio rats read
23real realizes really refused remembered removed replacement ribbon ride rides
24riding river rogue rolling ronald run sacred sapling scare screaming searching
25secrets seen self separate serengeti sestina set she sheen shined ship shoulder
26show shrugged shuffle sick side silence since singing sixteenth size sky small
27smoke smoked solves something somewhere song soon southern spit spittle spooky
28spooling stages states staying stool store story strangely street striped stuff
29surprise surprised swallow swans swimming swollen take talkie tangerine their
30then theory thin those though thoughts thread three threw through ticking times
31toilet told tongue tonight took toolset top traffic treatise trees truly
32tuesday turn twelve typed typewriters underneath universe unix unnatural us
33vacation vertical voice waiting walk walked walkie walter want wanted watch
34watched water wednesday went whenever which white who whole will wind window
35wish woke woman wood words works would wrapping writer writers yarn yesterday
diff --git a/src/building.txt b/src/building.txt index dfc8b48..1a6066a 100644 --- a/src/building.txt +++ b/src/building.txt
@@ -45,7 +45,7 @@ The [act of memory][] is our only ART._
45[chair]: boar.html 45[chair]: boar.html
46[message to a future person]: poetry-time.html 46[message to a future person]: poetry-time.html
47[We have to try.]: plant.html 47[We have to try.]: plant.html
48[our buildings of air]: index.html 48[our buildings of air]: common-titles.html
49[photographs]: man.html 49[photographs]: man.html
50[memory]: ouroboros_memory.html 50[memory]: ouroboros_memory.html
51[act of memory]: riptide_memory.html 51[act of memory]: riptide_memory.html
diff --git a/src/index.txt b/src/common-titles.txt index 3ab11e3..a5c0120 100644 --- a/src/index.txt +++ b/src/common-titles.txt
@@ -1,12 +1,11 @@
1--- 1---
2title: Autocento of the breakfast table 2title: Autocento of the breakfast table
3subtitle: index of first lines and common titles 3subtitle: index of common titles
4genre: verse 4genre: verse
5 5
6epigraph: 6epigraph:
7 content: 'Read me.' 7 content: 'Read me.'
8 link: README.html 8 link: README.html
9 attrib: Case Duckworth
10 9
11project: 10project:
12 title: Autocento of the breakfast table 11 title: Autocento of the breakfast table