pages/style.css

pages/style.css

@@ -35,13 +35,21 @@
 }*/
 
 
-/*@font-face {
-    font-family: 'Courier New';
-    src: url('fonts/courier_new-webfont.ttf') format('ttf');
+@font-face {
+    font-family: Courier_New;
+    src: url('fonts/courier_new-webfont.woff');
     font-weight: normal;
     font-style: normal;
     text-rendering: optimizeLegibility;
-}*/
+}
+
+@font-face {
+    font-family: Courier_New_bold;
+    src: url('fonts/courier_new_bold-webfont.woff');
+    font-weight: normal;
+    font-style: normal;
+    text-rendering: optimizeLegibility;
+}
 
 body {
   font-family: 'Courier New', 'Courier', monospace;

readings/biotopology.html

@@ -33,7 +33,12 @@
 		<p>Do you anticipate enough value in this trip to sacrifice a sock of a stocking... for the sake of finding a way to stream through our new space? Do you? If you do peel off a stocking and move with me.</p>
 		<p>We can make a simple, soft klein bottle or klein form, and it will provide us with a simplex with which to synthesize complex structures which are "lively" — like living structures.</p>
 		<br>
-			<img src="images/klein_form.png">
+		<picture class="drawing">
+			<source media="(max-width: 1280px)" srcset="images/klein_form_640.jpg">
+				<!-- image for screens below 1280px wide -->
+    			<img class="drawing" src="images/klein_form_640.jpg" />
+    			<!-- fallback: used in PDF-->
+		</picture>
 		<br>
 		<p>First, cut the toe out of a stocking, stretch hose is better. Cut a slit near the knee; make it about the diameter of the toe. Fold the stocking over back on itself; put the toe in through the slit. Pull the toe free edge through (but not all the way through) til the free edge at the toe and thigh are adjacent. Now get a needle and thread. Sew the slit to the stocking coming through it. Sew the toe free edge to the thigh free edge. (See diagram of klein form)</p>
 		<p>Reach down the double tube. Your hand will go down the contained tube (what was the toe) through the slit to where it is uncontained and then around into the containing space between the toe and the thigh of the garment.</p>

readings/readings.css

@@ -135,6 +135,10 @@ img {
   padding-left: 40px;
 }
 
+.drawing {
+  mix-blend-mode: multiply;
+}
+
 #left {
   text-align: left;
 }