diff options
Diffstat (limited to 'abstract.html')
-rw-r--r-- | abstract.html | 68 |
1 files changed, 68 insertions, 0 deletions
diff --git a/abstract.html b/abstract.html new file mode 100644 index 0000000..52fc0c3 --- /dev/null +++ b/abstract.html | |||
@@ -0,0 +1,68 @@ | |||
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="trunk/favico.png" /> | ||
14 | |||
15 | <link rel="stylesheet" type="text/css" href="trunk/style.css"> | ||
16 | <script src="scripts/randomize.js" type="text/javascript"> </script> | ||
17 | <script src="scripts/hylo.js" type="text/javascript"> </script> | ||
18 | |||
19 | <!--[if lt IE 9]> | ||
20 | <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script> | ||
21 | <![endif]--> | ||
22 | </head> | ||
23 | <body id="abstract" class="front-matter"> | ||
24 | |||
25 | <article class="container"> | ||
26 | <header> | ||
27 | <!-- title --> | ||
28 | <h1 class="title">Autocento of the breakfast table</h1> | ||
29 | <h1 class="subtitle">abstract</h1> | ||
30 | |||
31 | <div class="header-extra"> | ||
32 | |||
33 | </div> | ||
34 | </header> | ||
35 | |||
36 | |||
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 | |||
67 | </body> | ||
68 | </html> | ||