diff options
Diffstat (limited to 'abstract.html')
| -rw-r--r-- | abstract.html | 106 |
1 files changed, 52 insertions, 54 deletions
| diff --git a/abstract.html b/abstract.html index eaef8fb..52fc0c3 100644 --- a/abstract.html +++ b/abstract.html | |||
| @@ -4,67 +4,65 @@ | |||
| 4 | --> | 4 | --> |
| 5 | <html lang="en"> | 5 | <html lang="en"> |
| 6 | <head> | 6 | <head> |
| 7 | <meta charset="utf-8"> | 7 | <meta charset="utf-8"> |
| 8 | <meta name="generator" content="pandoc"> | 8 | <meta name="generator" content="pandoc"> |
| 9 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> | 9 | <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes"> |
| 10 | <meta name="author" content="Case Duckworth"> | 10 | <meta name="author" content="Case Duckworth"> |
| 11 | 11 | ||
| 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="trunk/favico.png" /> | 13 | <link rel="icon" type="image/png" href="trunk/favico.png" /> |
| 14 | 14 | ||
| 15 | <link rel="stylesheet" type="text/css" href="_style.css"> | 15 | <link rel="stylesheet" type="text/css" href="trunk/style.css"> |
| 16 | <script src="trunk/lozenge.js" type="text/javascript"> </script> | 16 | <script src="scripts/randomize.js" type="text/javascript"> </script> |
| 17 | <script src="trunk/hylo.js" type="text/javascript"> </script> | 17 | <script src="scripts/hylo.js" type="text/javascript"> </script> |
| 18 | 18 | ||
| 19 | <!--[if lt IE 9]> | 19 | <!--[if lt IE 9]> |
| 20 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script> | 20 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script> |
| 21 | <![endif]--> | 21 | <![endif]--> |
| 22 | </head> | 22 | </head> |
| 23 | <body id="abstract" class="meta"> | 23 | <body id="abstract" class="front-matter"> |
| 24 | |||
| 25 | 24 | ||
| 26 | <article class="container"> | 25 | <article class="container"> |
| 27 | <header> | 26 | <header> |
| 28 | <!-- title --> | 27 | <!-- title --> |
| 29 | <h1 class="title">Autocento of the breakfast table</h1> | 28 | <h1 class="title">Autocento of the breakfast table</h1> |
| 30 | <h1 class="subtitle">abstract</h1> | 29 | <h1 class="subtitle">abstract</h1> |
| 31 | 30 | ||
| 32 | <div class="header-extra"> | 31 | <div class="header-extra"> |
| 33 | |||
| 34 | </div> | ||
| 35 | </header> | ||
| 36 | 32 | ||
| 37 | 33 | </div> | |
| 38 | <section class="content prose"> | 34 | </header> |
| 39 | <section id="brief-description" class="level2"> | ||
| 40 | <h2>Brief Description</h2> | ||
| 41 | <p><em>Autocento of the breakfast table</em> is my Master’s thesis, an inter/hypertextual exploration of the workings of inspiration, revision, and obsession. I’ve compiled this work over multiple years, and recently linked it all together to form a (hopefully) more cohesive whole. To make this easier than collating everything by hand, I’ve relied on a process that leverages open-source technologies to publish my work onto a web platform.</p> | ||
| 42 | </section> | ||
| 43 | <section id="things-to-notice" class="level2"> | ||
| 44 | <h2>Things to notice</h2> | ||
| 45 | <p>Take a look around the site. See how it’s navigable: there are links within each article to other articles and to the wider web, mapping common images, themes, or inspirations; there’s also navigation links at the bottom of each page:</p> | ||
| 46 | <ul> | ||
| 47 | <li>The <strong>φ</strong> shows you the backlinks to each page.</li> | ||
| 48 | <li>The <strong>◊</strong> takes you back to the cover of the project, to start over.</li> | ||
| 49 | <li>The <strong>ξ</strong> takes you to a random article in the project.</li> | ||
| 50 | <li>Some pages also have <em>previous</em> and <em>next</em> links. These take you to other articles in their original project-order. It’s another way to navigate the page.</li> | ||
| 51 | </ul> | ||
| 52 | <p>Check out my <a href="process.html">process narrative</a> for the technical details of putting this site together, or see my <a href="about.html">about page</a> for an artist’s statement.</p> | ||
| 53 | </section> | ||
| 54 | </section> | ||
| 55 | </article> | ||
| 56 | <nav> | ||
| 57 | <div class="anchors"> | ||
| 58 | <a href="abstract_backlinks.htm" id="back-link" title="Links to this page"> | ||
| 59 | φ | ||
| 60 | </a> | ||
| 61 | <a href="index.html" id="cover-link" title="To cover">◊</a> | ||
| 62 | <a href="#" id="lozenge" title="ERROR">ξ</a> | ||
| 63 | </div> | ||
| 64 | 35 | ||
| 65 | |||
| 66 | </nav> | ||
| 67 | 36 | ||
| 68 | 37 | <section class="content prose"> | |
| 38 | <section id="brief-description" class="level2"> | ||
| 39 | <h2>Brief Description</h2> | ||
| 40 | <p><em>Autocento of the breakfast table</em> is my Master’s thesis, an inter/hypertextual exploration of the workings of inspiration, revision, and obsession. I’ve compiled this work over multiple years, and recently linked it all together to form a (hopefully) more cohesive whole. To make this easier than collating everything by hand, I’ve relied on a process that leverages open-source technologies to publish my work onto a web platform.</p> | ||
| 41 | </section> | ||
| 42 | <section id="things-to-notice" class="level2"> | ||
| 43 | <h2>Things to notice</h2> | ||
| 44 | <p>Take a look around the site. See how it’s navigable: there are links within each article to other articles and to the wider web, mapping common images, themes, or inspirations; there’s also navigation links at the bottom of each page:</p> | ||
| 45 | <ul> | ||
| 46 | <li>The <strong>φ</strong> shows you the backlinks to each page.</li> | ||
| 47 | <li>The <strong>◊</strong> takes you back to the cover of the project, to start over.</li> | ||
| 48 | <li>The <strong>ξ</strong> takes you to a random article in the project.</li> | ||
| 49 | <li>Some pages also have <em>previous</em> and <em>next</em> links. These take you to other articles in their original project-order. It’s another way to navigate the page.</li> | ||
| 50 | </ul> | ||
| 51 | <p>Check out my <a href="process.html">process narrative</a> for the technical details of putting this site together, or see my <a href="about.html">about page</a> for an artist’s statement.</p> | ||
| 52 | </section> | ||
| 53 | </section> | ||
| 54 | </article> | ||
| 55 | <nav> | ||
| 56 | <div class="anchors"> | ||
| 57 | <a href="backlinks/abstract.html" id="backlinks" title="Links to this page"> | ||
| 58 | φ | ||
| 59 | </a> | ||
| 60 | <a href="index.html" id="coverlink" title="To cover">◊</a> | ||
| 61 | <a href="#" id="randomizelink" title="ERROR">ξ</a> | ||
| 62 | </div> | ||
| 63 | |||
| 64 | |||
| 65 | </nav> | ||
| 66 | |||
| 69 | </body> | 67 | </body> |
| 70 | </html> | 68 | </html> |