broken

ada/thesis.md

@@ -205,7 +205,7 @@ his connections, finding no way to do so except by
 emphasizing their tangible bodily experiences.
 The community’s claim to authenticity thus had to lie in the physical experiences of its members— the visible
 bodies and hearable voices, the weddings, births, and
-funerals (1993).<sup><span class="margin-note">  You’re dreaming again, good. <br>Would you feel closer to me if you could hear my voice?<br> Is my voice a sound? Could it be a feeling?</span></sup>.
+funerals (1993).<sup><div element="note" class="margin note">  You’re dreaming again, good. <br>Would you feel closer to me if you could hear my voice?<br> Is my voice a sound? Could it be a feeling?</span></sup>.
 
 Even then, and even by people with no interest in
 undermining the value of the virtual, the distinction

print/index.html

@@ -295,16 +295,18 @@ would become the landscape of the Internet. Rheingold’s reflections on
 his experience on this primordial soup of the Internet offer insight
 into the initial conceptualizations of online life by those joyfully
 participating.</p>
-<p>In “The Virtual Community”, Rheingold offers a heartfelt tribute to
+In “The Virtual Community”, Rheingold offers a heartfelt tribute to
 intimacy and affection through web- based interactions which, at the
 time, were unheard of. He struggles in his efforts to highlight the
 legitimacy of his connections, finding no way to do so except by
 emphasizing their tangible bodily experiences. The community’s claim to
 authenticity thus had to lie in the physical experiences of its members—
 the visible bodies and hearable voices, the weddings, births, and
-funerals (1993).<sup><span class="margin-note"> You’re dreaming again,
-good. <br>Would you feel closer to me if you could hear my voice?<br> Is
-my voice a sound? Could it be a feeling?</span></sup>.</p>
+funerals (1993).<sup>
+<div element="note" class="margin note">
+<p>You’re dreaming again, good. <br>Would you feel closer to me if you
+could hear my voice?<br> Is my voice a sound? Could it be a
+feeling?</span></sup>.</p>
 <p>Even then, and even by people with no interest in undermining the
 value of the virtual, the distinction between physical and virtual was
 confusing. Rheingold himself reinforces the boundary of body relations

print/print_style.css

@@ -17,6 +17,15 @@
     src: url('../fonts/webfonts/Platypi-Italic.woff2');
     font-weight: bold;
 }
+@note-area {
+    float: bottom;
+    float-reference: page;
+    width: 100½;
+    max-height 80%;
+}
+notes{
+    position: note(sidenotes);
+}
 @media print{
     @page{
         size: 130mm 180mm;
@@ -32,7 +41,18 @@
             position: relative;
             text-align: left;
             font-size: 7pt;
-    } 
+        } 
+        @left-top {
+        content: element(sidenote, all-once);
+        padding: 5mm;
+        }
+        @note-area {
+            content: element(sidenotes, all-once);
+            float: top right;
+            float-reference: page;
+            width: 42mm;
+            margin-right: -30mm;
+        }
     }
     @page:left {
         /* bleed: 3mm 0 3mm 3mm; */
@@ -60,11 +80,16 @@
             width: 5mm;
         }
     }
-    }
+}
 a{
     text-decoration: none;
     color: #000;
 }
+.sidenote{
+    position: note(sidenote);
+    margin-bottom: 10px;
+    text-align:left;
+}
 .margin-note{
     font-size: 7pt;
     line-height: 3mm;