stephen kerr print design 2024

print/booklet.template.html

@@ -14,11 +14,7 @@
         <ul>
             {% for title in titles %}
             {% if loop.index > 0 %}
-            <li class="toc-title"><a href="#section-{{ loop.index + 1 }}">{{ title }}</a></li>
+            <li class="toc-title"><a href="#section-{{ loop.index + 2 }}">{{ title }}</a></li>
-	    {% if (loop.index == 1) or (loop.index == 9) %}
-            	<br>
-            	<br>
-            {% endif %}
             {% endif %}
             {% endfor %}
         </ul>

print/images.css

@@ -25,6 +25,7 @@ figure{
     margin: -13mm 0 0 -10mm;
     position: relative;
     object-fit: cover;
+    break-before: page;
 	figure{
 	    margin: 0;
 	}
@@ -42,7 +43,12 @@ figure{
 	}
 }
 .half-image{
-	height: unset;
+/*	height: unset; */
+	height: initial;
+}
+.pagedjs_left_page .full-image,
+.pagedjs_left_page .half-image{
+	margin-left: -13mm;
 }
 .white-caption + figcaption{
     color: #fff;

print/index.html

@@ -14,84 +14,63 @@
         <ul>
             
             
-            <li class="toc-title"><a href="#section-2">Introduction</a></li>
+            <li class="toc-title"><a href="#section-3">Introduction</a></li>
-	    
-            	<br>
-            	<br>
             
             
             
+            <li class="toc-title"><a href="#section-4">&lt;?water bodies&gt;</a></li>
             
-            <li class="toc-title"><a href="#section-3">&lt;?water bodies&gt;</a></li>
-	    
             
             
+            <li class="toc-title"><a href="#section-5">Backplaces</a></li>
             
-            <li class="toc-title"><a href="#section-4">Backplaces</a></li>
-	    
             
             
+            <li class="toc-title"><a href="#section-6">Performing the Bureaucratic Border(line)s</a></li>
             
-            <li class="toc-title"><a href="#section-5">Performing the Bureaucratic Border(line)s</a></li>
-	    
             
             
+            <li class="toc-title"><a href="#section-7">Talking Documents</a></li>
             
-            <li class="toc-title"><a href="#section-6">Talking Documents</a></li>
-	    
             
             
+            <li class="toc-title"><a href="#section-8">Fair Leads</a></li>
             
-            <li class="toc-title"><a href="#section-7">Fair Leads</a></li>
-	    
             
             
+            <li class="toc-title"><a href="#section-9">Wink!</a></li>
             
-            <li class="toc-title"><a href="#section-8">Wink!</a></li>
-	    
             
             
+            <li class="toc-title"><a href="#section-10">⊞</a></li>
             
-            <li class="toc-title"><a href="#section-9">⊞</a></li>
-	    
             
             
+            <li class="toc-title"><a href="#section-11">Do you ever dream about work?</a></li>
             
-            <li class="toc-title"><a href="#section-10">do you ever dream about work?</a></li>
-	    
-            	<br>
-            	<br>
             
             
+            <li class="toc-title"><a href="#section-12">Special Issues</a></li>
             
             
-            <li class="toc-title"><a href="#section-11">Special Issues</a></li>
-	    
             
+            <li class="toc-title"><a href="#section-13">Garden Leeszaal</a></li>
             
             
-            <li class="toc-title"><a href="#section-12">Garden Leeszaal</a></li>
-	    
             
+            <li class="toc-title"><a href="#section-14">Console</a></li>
             
             
-            <li class="toc-title"><a href="#section-13">Console</a></li>
-	    
             
+            <li class="toc-title"><a href="#section-15">TTY</a></li>
             
             
-            <li class="toc-title"><a href="#section-14">TTY</a></li>
-	    
             
+            <li class="toc-title"><a href="#section-16">Reviews</a></li>
             
             
-            <li class="toc-title"><a href="#section-15">Reviews</a></li>
-	    
             
-            
+            <li class="toc-title"><a href="#section-17">Colophon</a></li>
-            
-            <li class="toc-title"><a href="#section-16">Colophon</a></li>
-	    
             
             
         </ul>
@@ -4782,10 +4761,10 @@ Machine</figcaption>
 <hr />
 <figure>
 <img src="../images/../images/callme_bike.jpeg"
-alt="I’ve fallen in love with you and I have no idea what to do about it. Phone cards inviting participation in “Hey Babe”. Someone holding it in the street?" />
+alt="I’ve fallen in love with you and I have no idea what to do about it. Phone cards inviting participation in “Hey Babe”." />
 <figcaption aria-hidden="true">I’ve fallen in love with you and I have
 no idea what to do about it. Phone cards inviting participation in “Hey
-Babe”. Someone holding it in the street?</figcaption>
+Babe”.</figcaption>
 </figure>
 <figure>
 <img src="../images/../images/callme_window.jpg" class="image-80"

print/print_style.css

@@ -179,8 +179,8 @@ ol, ul {
 }
 
 .toc {
-    margin: 10mm 0 0 -10mm;
+    margin: 10mm 0 0 -5mm;
-    width: 100mm;
+    width: 90mm;
 }
 .toc h1{
     display: none;
@@ -190,13 +190,14 @@ ol, ul {
     list-style: none;
     padding: 0;
     margin: 0;
-    line-height: 8mm;
+    line-height: 6.9mm;
+    text-align: center;
 }
-.toc-title:first-of-type, .toc-title:nth-of-type(2), .toc-title:nth-of-type(10){
+/* .toc-title:first-of-type, .toc-title:nth-of-type(2), .toc-title:nth-of-type(10){
 margin-left: 40mm;
-}
+} */
 .toc-title{
-    font-size: 19pt;
+    font-size: 23pt;
     display: inline;
 }
 
@@ -208,3 +209,6 @@ margin-left: 40mm;
     display: inline-block;
     line-height: 0;
 }
+#digital-bodies + blockquote{
+	margin-right: 0;
+}

stephen/index.md

@@ -1,5 +1,5 @@
 ---
-title: do you ever dream about work?
+title: Do you ever dream about work?
 author: Stephen
 
 ---