diff options
Diffstat (limited to 'README.html')
| -rw-r--r-- | README.html | 99 |
1 files changed, 99 insertions, 0 deletions
| diff --git a/README.html b/README.html new file mode 100644 index 0000000..92abb22 --- /dev/null +++ b/README.html | |||
| @@ -0,0 +1,99 @@ | |||
| 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/prose.css"> | ||
| 20 | <script src="./js/prose.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">about this site</h1> | ||
| 36 | |||
| 37 | <div class="header-extra"> | ||
| 38 | |||
| 39 | <!-- epigraph --> | ||
| 40 | <div class="epigraph"> | ||
| 41 | by Case Duckworth | ||
| 42 | |||
| 43 | </div> | ||
| 44 | </div> | ||
| 45 | </header> | ||
| 46 | |||
| 47 | |||
| 48 | <section class="content prose"><section id="introduction" class="level2"> | ||
| 49 | <h2>Introduction</h2> | ||
| 50 | <p><em>Autocento <a href="http://www.ibiblio.org/eldritch/owh/abt.html">of the breakfast table</a></em> is a hypertextual exploration of the workings of revision across time. Somebody<sup>[citation needed]</sup> once said that every relationship we have is part of the same relationship; the same is true of authorship. As we write, as we continue writing across our lives, patterns thread themselves through our work: images, certain phrases, preoccupations. This project attempts to make those threads more apparent, using the technology of hypertext.</p> | ||
| 51 | </section> | ||
| 52 | <section id="process" class="level2"> | ||
| 53 | <h2>Process</h2> | ||
| 54 | <p>In compiling the works that make up this text, I’ve pulled from a few different projects:</p> | ||
| 55 | <ul> | ||
| 56 | <li><a href="and.html">Elegies for alternate selves</a></li> | ||
| 57 | <li><a href="prelude.html">The book of Hezekiah</a></li> | ||
| 58 | <li><a href="table_contents.html">Stark raving</a></li> | ||
| 59 | <li><a href="art.html">Buildings out of air</a></li> | ||
| 60 | </ul> | ||
| 61 | <p>as well as added new poems, written quite recently. As I’ve compiled them into this project, I’ve linked them together based on common images or language, moving back and forth through time. This should give the reader a fair idea of what my head looks like on the inside.</p> | ||
| 62 | </section> | ||
| 63 | <section id="technology" class="level2"> | ||
| 64 | <h2>Technology</h2> | ||
| 65 | <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> | ||
| 66 | <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> | ||
| 67 | </section> | ||
| 68 | <section id="using-this-site" class="level2"> | ||
| 69 | <h2>Using this site</h2> | ||
| 70 | <p>All of the articles on this site are linked together hypertextually, that is, 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 poem contains the titles of all the other poems in this project.</p> | ||
| 71 | <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> | ||
| 72 | <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—they represent other work I’ve done with hypertextuality.</p> | ||
| 73 | </section> | ||
| 74 | <section id="contact-me" class="level2"> | ||
| 75 | <h2>Contact me</h2> | ||
| 76 | <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"> | ||
| 77 | <!-- | ||
| 78 | h='autocento.me';a='@';n='case';e=n+a+h; | ||
| 79 | document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+e+'<\/'+'a'+'>'); | ||
| 80 | // --> | ||
| 81 | </script><noscript>case at autocento dot me</noscript>.</p> | ||
| 82 | <!-- links & footnotes --> | ||
| 83 | </section> | ||
| 84 | <section class="footnotes"> | ||
| 85 | <hr /> | ||
| 86 | <ol> | ||
| 87 | <li id="fn1"><p>I’ve decided to use the word <em>article</em> instead of <em>poem</em>, because not all of the texts included are poems; and instead of <em>piece</em>, because <em>piece</em> is vague and, to my mind, pretentious. I’m aware that the true <a href="http://www.etymonline.com/index.php?search=article">etymology</a> of <em>article</em> does not reflect my use of it, namely “a little chunk of art”, a la the (personal folk) derivation of <em>icicle</em>, <em>treicle</em>, etc.<a href="#fnref1">↩</a></p></li> | ||
| 88 | <li id="fn2"><p>The great thing about <code>pandoc</code> is that it can compile to, and convert between, about fifty formats or so. This means that if, in the future, I choose to convert this project to a printable form (for example PDF, ODT, or even DOCX), I’ll be able to with a fairly small amount of work.<a href="#fnref2">↩</a></p></li> | ||
| 89 | <li id="fn3"><p>For more information on the technological aspect of this project, see the <a href="https://github.com/duckwork/autocento/blob/gh-pages/README.md">README.md</a> file at the root of the github repo.<a href="#fnref3">↩</a></p></li> | ||
| 90 | </ol> | ||
| 91 | </section></section> | ||
| 92 | </article> | ||
| 93 | <nav> | ||
| 94 | <a href="#" id="lozenge" title="Random page"> ◊ </a> | ||
| 95 | </nav> | ||
| 96 | |||
| 97 | |||
| 98 | </body> | ||
| 99 | </html> | ||