From 0728f5a5dde170218eef38ce7f6b4b9da33653d1 Mon Sep 17 00:00:00 2001
From: Stephen <stemgc@gmail.com>
Date: Thu, 20 Jun 2024 15:59:27 +0200
Subject: [PATCH] stephen kerr print design 2024

---
 print/booklet.template.html |  6 +---
 print/images.css            |  8 +++++-
 print/index.html            | 55 ++++++++++++-------------------------
 print/print_style.css       | 16 +++++++----
 stephen/index.md            |  2 +-
 5 files changed, 36 insertions(+), 51 deletions(-)

diff --git a/print/booklet.template.html b/print/booklet.template.html
index 1df4b62..0b6cbb2 100644
--- a/print/booklet.template.html
+++ b/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>
-	    {% if (loop.index == 1) or (loop.index == 9) %}
-            	<br>
-            	<br>
-            {% endif %}
+            <li class="toc-title"><a href="#section-{{ loop.index + 2 }}">{{ title }}</a></li>
             {% endif %}
             {% endfor %}
         </ul>
diff --git a/print/images.css b/print/images.css
index e6222ca..001a7a8 100644
--- a/print/images.css
+++ b/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;
diff --git a/print/index.html b/print/index.html
index 1463219..796b153 100644
--- a/print/index.html
+++ b/print/index.html
@@ -14,84 +14,63 @@
         <ul>
             
             
-            <li class="toc-title"><a href="#section-2">Introduction</a></li>
-	    
-            	<br>
-            	<br>
+            <li class="toc-title"><a href="#section-3">Introduction</a></li>
             
             
             
+            <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-16">Colophon</a></li>
-	    
+            <li class="toc-title"><a href="#section-17">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"
diff --git a/print/print_style.css b/print/print_style.css
index 55df035..e5b4d17 100644
--- a/print/print_style.css
+++ b/print/print_style.css
@@ -179,8 +179,8 @@ ol, ul {
 }
 
 .toc {
-    margin: 10mm 0 0 -10mm;
-    width: 100mm;
+    margin: 10mm 0 0 -5mm;
+    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;
+}
diff --git a/stephen/index.md b/stephen/index.md
index 9e42b1e..6bb2bc5 100644
--- a/stephen/index.md
+++ b/stephen/index.md
@@ -1,5 +1,5 @@
 ---
-title: do you ever dream about work?
+title: Do you ever dream about work?
 author: Stephen
 
 ---