print/booklet.template.html

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

print/images.css

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

print/index.html

@@ -14,63 +14,84 @@
         <ul>
             
             
-            <li class="toc-title"><a href="#section-3">Introduction</a></li>
+            <li class="toc-title"><a href="#section-2">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-6">Performing the Bureaucratic Border(line)s</a></li>
+            <li class="toc-title"><a href="#section-4">Backplaces</a></li>
 	    
             
             
-            <li class="toc-title"><a href="#section-7">Talking Documents</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-8">Fair Leads</a></li>
             
             
+            <li class="toc-title"><a href="#section-6">Talking Documents</a></li>
 	    
-            <li class="toc-title"><a href="#section-9">Wink!</a></li>
             
             
             
-            <li class="toc-title"><a href="#section-10">⊞</a></li>
+            <li class="toc-title"><a href="#section-7">Fair Leads</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-8">Wink!</a></li>
 	    
             
-            <li class="toc-title"><a href="#section-12">Special Issues</a></li>
             
             
+            <li class="toc-title"><a href="#section-9">⊞</a></li>
 	    
-            <li class="toc-title"><a href="#section-13">Garden Leeszaal</a></li>
             
             
             
-            <li class="toc-title"><a href="#section-14">Console</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-15">TTY</a></li>
             
             
+            <li class="toc-title"><a href="#section-11">Special Issues</a></li>
 	    
-            <li class="toc-title"><a href="#section-16">Reviews</a></li>
             
             
             
-            <li class="toc-title"><a href="#section-17">Colophon</a></li>
+            <li class="toc-title"><a href="#section-12">Garden Leeszaal</a></li>
+	    
+            
+            
+            
+            <li class="toc-title"><a href="#section-13">Console</a></li>
+	    
+            
+            
+            
+            <li class="toc-title"><a href="#section-14">TTY</a></li>
+	    
+            
+            
+            
+            <li class="toc-title"><a href="#section-15">Reviews</a></li>
+	    
+            
+            
+            
+            <li class="toc-title"><a href="#section-16">Colophon</a></li>
+	    
             
             
         </ul>

print/print_style.css

@@ -179,8 +179,8 @@ ol, ul {
 }
 
 .toc {
-    margin: 10mm 0 0 -5mm;
-    width: 90mm;
+    margin: 10mm 0 0 -10mm;
+    width: 100mm;
 }
 .toc h1{
     display: none;
@@ -190,14 +190,13 @@ ol, ul {
     list-style: none;
     padding: 0;
     margin: 0;
-    line-height: 6.9mm;
-    text-align: center;
+    line-height: 8mm;
 }
-/* .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: 23pt;
+    font-size: 19pt;
     display: inline;
 }
 
@@ -209,6 +208,3 @@ 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
 
 ---