diff options
| author | Case Duckworth | 2015-03-24 22:53:18 -0700 |
|---|---|---|
| committer | Case Duckworth | 2015-03-24 22:53:18 -0700 |
| commit | df0d5f3cb03f8bf7d72e067c0fd7ee54ce4b86eb (patch) | |
| tree | 9cb3585e91c71e0d56bff5fb1f0d6c8dc5f8c093 /README.html | |
| parent | Disable Jekyll page rendering (diff) | |
| download | autocento-df0d5f3cb03f8bf7d72e067c0fd7ee54ce4b86eb.tar.gz autocento-df0d5f3cb03f8bf7d72e067c0fd7ee54ce4b86eb.zip | |
Change template and CSS for flatter structure
- Change CSS to one file - Change template to reflect CSS flattening
Diffstat (limited to 'README.html')
| -rw-r--r-- | README.html | 126 |
1 files changed, 62 insertions, 64 deletions
| diff --git a/README.html b/README.html index 8040784..2570522 100644 --- a/README.html +++ b/README.html | |||
| @@ -12,23 +12,19 @@ | |||
| 12 | <title>Autocento of the breakfast table | Autocento of the breakfast table</title> | 12 | <title>Autocento of the breakfast table | Autocento of the breakfast table</title> |
| 13 | <link rel="icon" type="image/png" href="img/favico.png" /> | 13 | <link rel="icon" type="image/png" href="img/favico.png" /> |
| 14 | 14 | ||
| 15 | <link rel="stylesheet" type="text/css" href="./css/common.css"> | 15 | <link rel="stylesheet" type="text/css" href="style.css"> |
| 16 | <script src="./js/lozenge.js" type="text/javascript"> </script> | 16 | <script src="./js/lozenge.js" type="text/javascript"> </script> |
| 17 | <script src="./js/hylo.js" type="text/javascript"> </script> | 17 | <script src="./js/hylo.js" type="text/javascript"> </script> |
| 18 | 18 | ||
| 19 | <link rel="stylesheet" type="text/css" href="./css/prose.css"> | 19 | <!--[if lt IE 9]> |
| 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> | 20 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script> |
| 25 | <![endif]--> | 21 | <![endif]--> |
| 26 | <!-- <script src="js/external.js"> </script> --> | 22 | <!-- <script src="js/external.js"> </script> --> |
| 27 | </head> | 23 | </head> |
| 28 | <body> | 24 | <body id="README" class="autocento"> |
| 29 | 25 | ||
| 30 | 26 | ||
| 31 | <article id="container"> | 27 | <article class="container"> |
| 32 | <header> | 28 | <header> |
| 33 | <!-- title --> | 29 | <!-- title --> |
| 34 | <h1 class="title">Autocento of the breakfast table</h1> | 30 | <h1 class="title">Autocento of the breakfast table</h1> |
| @@ -45,62 +41,64 @@ | |||
| 45 | </header> | 41 | </header> |
| 46 | 42 | ||
| 47 | 43 | ||
| 48 | <section class="content prose"><section id="introduction" class="level2"> | 44 | <section class="content prose"> |
| 49 | <h2>Introduction</h2> | 45 | <section id="introduction" class="level2"> |
| 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>[<a href="https://en.wikipedia.org/wiki/Wikipedia:Citing_sources#Dealing_with_unsourced_material">citation needed</a>]</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> | 46 | <h2>Introduction</h2> |
| 51 | <p>I’m also an MFA candidate at <a href="http://nau.edu/CAL/English/Degrees-Programs/Graduate/MFA/">Northern Arizona University</a>. This is my thesis.</p> | 47 | <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>[<a href="https://en.wikipedia.org/wiki/Wikipedia:Citing_sources#Dealing_with_unsourced_material">citation needed</a>]</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> |
| 52 | </section> | 48 | <p>I’m also an MFA candidate at <a href="http://nau.edu/CAL/English/Degrees-Programs/Graduate/MFA/">Northern Arizona University</a>. This is my thesis.</p> |
| 53 | <section id="genesis" class="level2"> | 49 | </section> |
| 54 | <h2>Genesis</h2> | 50 | <section id="genesis" class="level2"> |
| 55 | <p>This project revolves around two sister concepts: the <em>hapax legomenon</em> and the <em>cento</em>.</p> | 51 | <h2>Genesis</h2> |
| 56 | <p><em>Hapax legomenon</em> (<a href="http://www.perseus.tufts.edu/hopper/text?doc=Perseus:text:1999.04.0057:entry=a%28/pac">ἅπαξ</a> λεγόμενον) is Greek for “something said only once.” It’s used in linguistics to describe words that appear only once in a corpus. If expanded to <em>n-grams</em>, it can be used to describe utterances that occur only once, and this is where it gets interesting. If this line of thinking is taken to its logical conclusion, we can say that all writing, all utterances, are <em>hapax legomena</em>, because they appear only once in the world as they are. In short, everything is individual; everything is differentiated; everything is an island.</p> | 52 | <p>This project revolves around two sister concepts: the <em>hapax legomenon</em> and the <em>cento</em>.</p> |
| 57 | <p>On the other hand, a <em>cento</em>, from the Latin, from the Greek κέντρόνη, meaning “patchwork garment,” is a poem composed completely of fragments of other poems. It’s a mash-up that makes up for its lack of originality in utterance with a novelty in arrangement. Usually, it refers to taking phrases, lines, or stanzas from other authors’ works, but I don’t see why it couldn’t refer to <em>n-grams</em> or individual words. If <em>this</em> line of thinking is taken to its logical conclusion, we can say that no writing is truly original; that every utterance has, in some scrambled way at least, been uttered before. In other words, nothing is individual. We float on an ocean of language which we did nothing to create, and the best we can hope for is to find some combination that hasn’t been thought of too many times before. As Solomon said, “<a href="https://www.biblegateway.com/passage/?search=Ecclesiastes+1%3A9&version=NIV">There is nothing new under the sun</a>.”</p> | 53 | <p><em>Hapax legomenon</em> (<a href="http://www.perseus.tufts.edu/hopper/text?doc=Perseus:text:1999.04.0057:entry=a%28/pac">ἅπαξ</a> λεγόμενον) is Greek for “something said only once.” It’s used in linguistics to describe words that appear only once in a corpus. If expanded to <em>n-grams</em>, it can be used to describe utterances that occur only once, and this is where it gets interesting. If this line of thinking is taken to its logical conclusion, we can say that all writing, all utterances, are <em>hapax legomena</em>, because they appear only once in the world as they are. In short, everything is individual; everything is differentiated; everything is an island.</p> |
| 58 | <p><em>Autocento of the breakfast table</em> works within the tension caused by these two concepts.</p> | 54 | <p>On the other hand, a <em>cento</em>, from the Latin, from the Greek κέντρόνη, meaning “patchwork garment,” is a poem composed completely of fragments of other poems. It’s a mash-up that makes up for its lack of originality in utterance with a novelty in arrangement. Usually, it refers to taking phrases, lines, or stanzas from other authors’ works, but I don’t see why it couldn’t refer to <em>n-grams</em> or individual words. If <em>this</em> line of thinking is taken to its logical conclusion, we can say that no writing is truly original; that every utterance has, in some scrambled way at least, been uttered before. In other words, nothing is individual. We float on an ocean of language which we did nothing to create, and the best we can hope for is to find some combination that hasn’t been thought of too many times before. As Solomon said, “<a href="https://www.biblegateway.com/passage/?search=Ecclesiastes+1%3A9&version=NIV">There is nothing new under the sun</a>.”</p> |
| 59 | </section> | 55 | <p><em>Autocento of the breakfast table</em> works within the tension caused by these two concepts.</p> |
| 60 | <section id="process" class="level2"> | 56 | </section> |
| 61 | <h2>Process</h2> | 57 | <section id="process" class="level2"> |
| 62 | <p>In compiling the works that make up this text, I’ve pulled from a few different projects:</p> | 58 | <h2>Process</h2> |
| 63 | <ul> | 59 | <p>In compiling the works that make up this text, I’ve pulled from a few different projects:</p> |
| 64 | <li><a href="and.html">Elegies for alternate selves</a></li> | 60 | <ul> |
| 65 | <li><a href="prelude.html">The book of Hezekiah</a></li> | 61 | <li><a href="and.html">Elegies for alternate selves</a></li> |
| 66 | <li><a href="table_contents.html">Stark raving</a></li> | 62 | <li><a href="prelude.html">The book of Hezekiah</a></li> |
| 67 | <li><a href="art.html">Buildings out of air</a></li> | 63 | <li><a href="table_contents.html">Stark raving</a></li> |
| 68 | </ul> | 64 | <li><a href="art.html">Buildings out of air</a></li> |
| 69 | <p>as well as added new articles, 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> | 65 | </ul> |
| 70 | </section> | 66 | <p>as well as added new articles, 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> |
| 71 | <section id="technology" class="level2"> | 67 | </section> |
| 72 | <h2>Technology</h2> | 68 | <section id="technology" class="level2"> |
| 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> | 69 | <h2>Technology</h2> |
| 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> | 70 | <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> |
| 75 | </section> | 71 | <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> |
| 76 | <section id="using-this-site" class="level2"> | 72 | </section> |
| 77 | <h2>Using this site</h2> | 73 | <section id="using-this-site" class="level2"> |
| 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> | 74 | <h2>Using this site</h2> |
| 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> | 75 | <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> |
| 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> | 76 | <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> |
| 81 | </section> | 77 | <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> |
| 82 | <section id="things-still-to-do" class="level2"> | 78 | </section> |
| 83 | <h2>Things still to do</h2> | 79 | <section id="things-still-to-do" class="level2"> |
| 84 | <p><em>Autocento of the breakfast table</em> is a work in progress. The first draft is completed, but some revision and aesthetic work remains to be done for me to consider it fully “<a href="published.html">published</a>” (what does this word mean in 2015?). You can see the full list of to-dos by visiting the <a href="https://github.com/duckwork/autocento/issues">issues page</a> of the Github site.</p> | 80 | <h2>Things still to do</h2> |
| 85 | </section> | 81 | <p><em>Autocento of the breakfast table</em> is a work in progress. The first draft is completed, but some revision and aesthetic work remains to be done for me to consider it fully “<a href="published.html">published</a>” (what does this word mean in 2015?). You can see the full list of to-dos by visiting the <a href="https://github.com/duckwork/autocento/issues">issues page</a> of the Github site.</p> |
| 86 | <section id="contact-me" class="level2"> | 82 | </section> |
| 87 | <h2>Contact me</h2> | 83 | <section id="contact-me" class="level2"> |
| 88 | <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"> | 84 | <h2>Contact me</h2> |
| 89 | <!-- | 85 | <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"> |
| 90 | h='autocento.me';a='@';n='case';e=n+a+h; | 86 | <!-- |
| 91 | document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+e+'<\/'+'a'+'>'); | 87 | h='autocento.me';a='@';n='case';e=n+a+h; |
| 92 | // --> | 88 | document.write('<a h'+'ref'+'="ma'+'ilto'+':'+e+'">'+e+'<\/'+'a'+'>'); |
| 93 | </script><noscript>case at autocento dot me</noscript>.</p> | 89 | // --> |
| 94 | <!-- links & footnotes --> | 90 | </script><noscript>case at autocento dot me</noscript>.</p> |
| 95 | </section> | 91 | <!-- links & footnotes --> |
| 96 | <section class="footnotes"> | 92 | </section> |
| 97 | <hr /> | 93 | <section class="footnotes"> |
| 98 | <ol> | 94 | <hr /> |
| 99 | <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> | 95 | <ol> |
| 100 | <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> | 96 | <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> |
| 101 | <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> | 97 | <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> |
| 102 | </ol> | 98 | <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> |
| 103 | </section></section> | 99 | </ol> |
| 100 | </section> | ||
| 101 | </section> | ||
| 104 | </article> | 102 | </article> |
| 105 | <nav> | 103 | <nav> |
| 106 | <a href="#" id="lozenge" title="Random page"> ◊ </a> | 104 | <a href="#" id="lozenge" title="Random page"> ◊ </a> |