Fix basic typography in PAUL

23 files changed, 86 insertions, 39 deletions

@@ -36,6 +36,12 @@
     </section>
 
     <nav>
+                <a class="prevlink" href="dream.html">
+            Dream
+        </a>
+                <a class="prevlink" href="art.html">
+            Art
+        </a>
                 <a href="#" id="lozenge" title="Random page"> &loz; </a>
                 <a class="nextlink" href="leaf.html">
             Leaf
@@ -36,6 +36,12 @@
     </section>
 
     <nav>
+                <a class="prevlink" href="stagnant.html">
+            Stagnant
+        </a>
+                <a class="prevlink" href="axe.html">
+            Axe
+        </a>
                 <a href="#" id="lozenge" title="Random page"> &loz; </a>
                 <a class="nextlink" href="yellow.html">
             Yellow
@@ -36,6 +36,12 @@
     </section>
 
     <nav>
+                <a class="prevlink" href="sapling.html">
+            Sapling
+        </a>
+                <a class="prevlink" href="building.html">
+            Building
+        </a>
                 <a href="#" id="lozenge" title="Random page"> &loz; </a>
                 <a class="nextlink" href="man.html">
             Man
@@ -6,8 +6,8 @@
  * vim: fdm=marker
  */
 /* Import rules {{{ */
-@import url("./fonts/playfair.css");
-@import url("./fonts/fira.css");
+@import url("fonts/playfair.css");
+@import url("fonts/fira.css");
 /* @import url("fonts/courier-prime.css");
  * ^^^^^^ for typewriter pages in Paul */
 /* }}} */
@@ -4,26 +4,26 @@
 
 /* Normal = normal */
 @font-face {
-    font-family: CourierPrime;
+    font-family: "Courier Prime";
     font-weight: normal;
     font-style: normal;
     src: url("Courier_Prime.ttf");
 }
 @font-face {
-    font-family: CourierPrime;
+    font-family: "Courier Prime";
     font-weight: normal;
     font-style: italic;
     src: url("Courier_Prime_Italic.ttf");
 }
 /* Bold = bold */
 @font-face {
-    font-family: CourierPrime;
+    font-family: "Courier Prime";
     font-weight: bold;
     font-style: normal;
     src: url("Courier_Prime_Bold.ttf");
 }
 @font-face {
-    font-family: CourierPrime;
+    font-family: "Courier Prime";
     font-weight: bold;
     font-style: italic;
     src: url("Courier_Prime_Bold_Italic.ttf");
@@ -0,0 +1,29 @@
+/* BUILDINGS OUT OF AIR: PAUL IN THE WOODS
+ * project stylesheet
+ */
+
+@import url("fonts/courier-prime.css");
+@import url("fonts/playfair.css");
+
+/* Blockquote = typewriter */
+blockquote {
+    font-family: "Courier Prime", Courier, monospace;
+    font-size: 10pt;
+    border: 1px solid black;
+    max-width: 30em;
+    margin: auto;
+    padding: 0 1em;
+    text-align: left;
+}
+blockquote ul {
+    list-style-type: none;
+}
+blockquote ul li:before {
+    content: '- ';
+}
+
+/* Emphasis = handwritten */
+em {
+    font-family: Playfair, sans-serif;
+    font-style: italic;
+}
@@ -37,6 +37,12 @@
     </section>
 
     <nav>
+                <a class="prevlink" href="underwear.html">
+            Underwear
+        </a>
+                <a class="prevlink" href="cereal.html">
+            Cereal
+        </a>
                 <a href="#" id="lozenge" title="Random page"> &loz; </a>
                 <a class="nextlink" href="axe.html">
             Axe
@@ -37,6 +37,12 @@
     </section>
 
     <nav>
+                <a class="prevlink" href="stump.html">
+            Stump
+        </a>
+                <a class="prevlink" href="dream.html">
+            Dream
+        </a>
                 <a href="#" id="lozenge" title="Random page"> &loz; </a>
                 <a class="nextlink" href="toothpaste.html">
             Toothpaste
@@ -36,6 +36,12 @@
     </section>
 
     <nav>
+                <a class="prevlink" href="toothpaste.html">
+            Toothpaste
+        </a>
+                <a class="prevlink" href="early.html">
+            Early
+        </a>
                 <a href="#" id="lozenge" title="Random page"> &loz; </a>
                 <a class="nextlink" href="paul.html">
             Paul
@@ -32,8 +32,6 @@
     <p>His first chair was a stool. It was an <a href="stump.html">uneven wobbly stool</a> that would not support even forty pounds. “So my first chair is a broken stool” he said after nearly breaking his tailbone on the dirt floor. “Maybe I should start again but this time only with legs.” He began again but this time only with legs. He built <a href="i-think-its-you.html">one leg</a>, which means he cut a straight piece of wood down to four feet in length, whittled the bark off, and sanded it down smooth in what he was now calling his Woodworking Shack. He typed up a note on how to make chair legs.</p>
     <blockquote>
     <p>MAKING CHAIR LEGS</p>
-    </blockquote>
-    <blockquote>
     <ol type="1">
     <li>get longish piece of wood</li>
     <li>cut it to length (<a href="boar.html">4 feet</a> I’d recommend)</li>
@@ -31,8 +31,6 @@
     <section class="thing prose">
     <blockquote>
     <p>CONTENTS OF THE SHED</p>
-    </blockquote>
-    <blockquote>
     <ul>
     <li>typewriter</li>
     <li>writing desk</li>
@@ -11,7 +11,7 @@ project:
       link: leaf
     - title: Building
       link: building
-    previous:
+    prev:
     - title: Dream
       link: dream
     - title: Art
@@ -11,7 +11,7 @@ project:
       link: yellow
     - title: Cereal
       link: cereal
-    previous:
+    prev:
     - title: Stagnant
       link: stagnant
     - title: Axe
@@ -11,7 +11,7 @@ project:
       link: man
     - title: Dream
       link: dream
-    previous:
+    prev:
     - title: Sapling
       link: sapling
     - title: Building
@@ -11,7 +11,7 @@ project:
       link: axe
     - title: Early
       link: early
-    previous:
+    prev:
     - title: Underwear
       link: underwear
     - title: Cereal
@@ -11,7 +11,7 @@ project:
       link: toothpaste
     - title: Father
       link: father
-    previous:
+    prev:
     - title: Stump
       link: stump
     - title: Dream
@@ -11,7 +11,7 @@ project:
       link: paul
     - title: Fire
       link: fire
-    previous:
+    prev:
     - title: Toothpaste
       link: toothpaste
     - title: Early
@@ -27,7 +27,7 @@ He built [one leg][], which means he cut a straight piece of wood down to four f
 He typed up a note on how to make chair legs.
 
 > MAKING CHAIR LEGS
-
+>
 > 1. get longish piece of wood
 > 2. cut it to length ([4 feet][] I'd
 >    recommend)
@@ -19,7 +19,7 @@ project:
 ...
 
 > CONTENTS OF THE SHED
-
+>
 > - typewriter
 > - writing desk
 > - notecards (top drawer of desk)
@@ -20,7 +20,7 @@ project:
 
 
 > [EVERYTHING CHANGES OR EVERYTHING STAYS THE SAME][]
-
+>
 > First, a history: I was writing my
 > thoughts in a book.  I got a typewriter
 > and typing things in a book
@@ -30,7 +30,7 @@ project:
 > on the 4x6 notecards.  I bought a
 > new ribbon and new notecards.  Now
 > again I am typing on notecards.
-
+>
 > What have I been typing?
 > Thoughts, impressions maybe, a log
 > of changes to my mental state.  I
@@ -40,7 +40,7 @@ project:
 > out again and I'll write again, on
 > notecards or in my book.  The same
 > thoughts in different bodies.
-
+>
 > That's what it means, "Every
 > thing changes or everything stays
 > the same."  It might as well be
@@ -20,7 +20,7 @@ project:
 
 > TREATISE ON LITERATURE AS "SPOOKY
 > ACTION FROM A DISTANCE"
-
+>
 > There is this thing called "spooky
 > action at a distance."  Einstein
 > mentioned it first I believe.  It
@@ -36,7 +36,7 @@ project:
 > the hologram might actually be
 > very close in the substrate
 > reality.
-
+>
 > I want to talk about this
 > effect in literature.  In literature
 > the writer writes words on a
@@ -51,9 +51,9 @@ project:
 > he has written them becomes a
 > reader and feels who he was at
 > that time, [like a ghost][].
-
+>
 > PROBLEMS:
-
+>
 > Maybe the substrate isn't
 > paper it's what the writing is
 > about.  [Where is the hologram][]?  Are
@@ -31,14 +31,8 @@
     <section class="thing prose">
     <blockquote>
     <p><a href="planks.html">EVERYTHING CHANGES OR EVERYTHING STAYS THE SAME</a></p>
-    </blockquote>
-    <blockquote>
     <p>First, a history: I was writing my thoughts in a book. I got a typewriter and typing things in a book became impossible. I began typing on 4x6 notecards. I ran out of ribbon in my typewriter. I wrote on the 4x6 notecards. I bought a new ribbon and new notecards. Now again I am typing on notecards.</p>
-    </blockquote>
-    <blockquote>
     <p>What have I been typing? Thoughts, impressions maybe, a log of changes to my mental state. I waited long enough and I began recording them in the same way. If I wait longer the ribbon will run out again and I’ll write again, on notecards or in my book. The same thoughts in different bodies.</p>
-    </blockquote>
-    <blockquote>
     <p>That’s what it means, “Every thing changes or everything stays the same.” It might as well be “and.” Local differences add up to global identities. It’s a <a href="ourobors_memory.html">hoop</a>, right? And we keep going around and we think it’s flat but it’s round like the Earth.</p>
     </blockquote>
     <p>Paul pushed his chair away from the <a href="finding-the-lion.html">Writing Desk</a> and stared at the notecard. He stood up, knocked his head on the lightbulb, swore. He pulled the notecard from his typewriter and crumpled it up with his left hand. With his right hand he reached in his pocket and pulled out his cigarettes. He put one in his mouth, threw the paper in the corner, grabbed his axe, went out into the woods.</p>
@@ -31,17 +31,9 @@
     <section class="thing prose">
     <blockquote>
     <p>TREATISE ON LITERATURE AS “SPOOKY ACTION FROM A DISTANCE”</p>
-    </blockquote>
-    <blockquote>
     <p>There is this thing called “spooky action at a distance.” Einstein mentioned it first I believe. It is about how two electrons can act like they are right next to each other although they are very far away (lightyears even). For a long time this puzzled scientists until someone (not Einstein) figured out that maybe the universe is a hologram or projection. So what appears to be very far apart in the hologram might actually be very close in the substrate reality.</p>
-    </blockquote>
-    <blockquote>
     <p>I want to talk about this effect in literature. In literature the writer writes words on a substrate (paper) and later the reader reads the same words off the substrate. Although the writer and reader might be very far apart from each other in time and space, they experience the same effect from reading the words. Even the writer reading his own words after he has written them becomes a reader and feels who he was at that time, <a href="howtoread.html">like a ghost</a>.</p>
-    </blockquote>
-    <blockquote>
     <p>PROBLEMS:</p>
-    </blockquote>
-    <blockquote>
     <p>Maybe the substrate isn’t paper it’s what the writing is about. <a href="toilet.html">Where is the hologram</a>? Are physics and literature comparable? What if the universe isn’t a hologram what then?</p>
     </blockquote>
     </section>