back up of todays work

command-line/css/print.css

@@ -67,7 +67,7 @@ html, body{
 @page:left{
     margin: 15mm 30mm 17mm 20mm;
 }
-@page main:right{
+@page:right{
     /* running header: contribution title (h2) */
     @top-center{
         content: string(contributiontitle);
@@ -76,7 +76,7 @@ html, body{
         margin-top: 5mm;
     }
 }
-@page main:left{
+@page:left{
     /* running header: section title (h1) */
     @top-center{
         content: element(sectiontitle);
@@ -85,13 +85,13 @@ html, body{
         margin-top: 5mm;
     }
 }
-@page section{
+/*@page section{
     background-color: lightgray;
 
     @top-center{
         content: none;
     }
-}
+}*/
 @page introduction{
     /* exception running-header for the introduction */
     @top-center{
@@ -151,24 +151,24 @@ html, body{
 /* sections */
 
 div.section{
-    page: main;
+    /*page: main;*/
     /* force an extra blank page before each section ... */
     page-break-before: always;
 }
-    div.section.foreword_and_introduction{
-        page: main;
-        /* reset this extra page break for the foreword + introduction section (does not work?) */
+    div.section.preface_and_introduction{
+        /*page: main;*/
+        /* reset this extra page break for the preface + introduction section (does not work?) */
         page-break-before: none !important;
     }
     div.section h1{
-        page: section;
+        /*page: section;*/
         /* ... and make sure that each section starts on the right */
         page-break-before: right;
     }
 
 /* sub-sections -- page flows */
 div.multi,
-div.foreword, 
+div.preface, 
 div.introduction, 
 div.contribution{
     page-break-before: right; 
@@ -198,7 +198,7 @@ div.backcover{
 div.cover,
 div.backcover{
     hyphens: none;
-    margin: -10mm 0 0 10mm;
+    margin: -10mm 0 0 20mm;
 }
     div.cover,
     div.cover ul li,
@@ -216,7 +216,7 @@ div.backcover{
     }
     div.cover ul li{
         list-style: none;
-        margin-bottom: 0.5em;
+        margin-bottom: 0.1em !important;
     }
     div.cover.second,
     div.cover.second ul li{
@@ -346,6 +346,15 @@ div.item_index{
         text-align: right;
     }
 
+/* Invasive imagination and its agential cuts - figures */
+div.two-columns{
+     columns: 2 auto; 
+}
+    div.two-columns div.thumb img{
+         width: 55mm !important; 
+         display: inline-block; 
+    }
+
 /* general elements*/
 
 h1{
@@ -370,7 +379,7 @@ h2{
     margin: 0 0 1em var(--second-indent);
     hyphens: none;
 }
-    div.foreword .running-header,
+    div.preface .running-header,
     div.introduction .running-header{
         position: running(introductiontitle);
     }
@@ -477,11 +486,9 @@ sup{
 }
 canvas{
     position: absolute;
-    top: -15mm; /* invert the main margin */
-    left: -30mm; /* invert the main margin */
-    border: 1px solid magenta;
-    width: 164mm;  
-    height: 237mm;
+    top: 20mm; 
+    left: -20mm; 
+    /*border: 1px solid magenta;*/
 }
 a,
 a:visited,