comment

contents.js

@@ -11,12 +11,21 @@ const printLib = document.getElementById("btn-print");
 window.addEventListener("load", () => {
 	fetchContents();
 	atlasLink();
-	//document.getElementsByTagName("head")[0].appendChild(pagedjs);
 });
 
 printLib.addEventListener("click", () => {
-	printViewToggle();
-	console.log(btnPrint);
+	document.getElementsByTagName("head")[0].appendChild(pagedjs);
+
+	// pardon for this is really stupid but it works
+	setTimeout(() => {
+		let sections = [".libretto", ".container", ".content", ".contribution", ".contributions"];
+
+		for (const section of sections) {
+			for (const el of document.querySelectorAll(section)) {
+				el.classList.add("full-height");
+			}
+		}
+	}, 1000);
 });
 
 function fetchContents() {
@@ -57,10 +66,11 @@ function atlasLink() {
 }
 
 function createIndexSection(contribution) {
-	let table = document.createElement("table");
-	let title = document.createElement("h4");
-	title.innerHTML = contribution.title;
-	if (contribution.audio){
+	if (contribution.audio) {
+		let table = document.createElement("table");
+		let title = document.createElement("div");
+		title.classList.add("index-title");
+		title.innerHTML = contribution.title;
 		let tracks = contribution.audio;
 		tracks.forEach((track) => {
 			let row = document.createElement("tr");

print.css

@@ -2,10 +2,10 @@
 
         @page {
             size: A5;
-            margin-top: 10mm;
-            margin-right: 20mm;
-            margin-bottom: 25mm;
-            margin-left: 15mm;
+            margin-top: 5mm;
+            margin-right: 10mm;
+            margin-bottom: 20mm;
+            margin-left: 7.5mm;
         }
         
   html, body {
@@ -16,19 +16,26 @@
         display: block;
         width: auto;
         height: auto;
-
     }
 
-    /* .container,
-    .libretto{
-        height: 100%;
-    } */
+
 
 
     .atlas {
         border: none;
     }
+
+    .atlas svg {
+        height: 100%;
+        width: 100%;
+    }
     
+
+.index-title {
+    font-weight: bold;
+    margin-top: 16px;
+}
+
     .contributions,
     .contribution {
         border-bottom: none;
@@ -78,8 +85,8 @@
     }
 
     .libretto {
-        overflow-y: hidden;
-        overflow-x: hidden;
+        overflow: hidden;
+        /* height:100%; */
     }
 
     .libretto > *{
@@ -96,7 +103,8 @@
         height: 100%;
         overflow: hidden;
     }
-   
+ 
+
     /*Sorry Gi, the multicolumn layout is too painful */
     
     /* .contribution .content{
@@ -116,4 +124,9 @@
         display: none;
     }
 
+
+    .full-height {
+        height: 100%;
+    }
+
 }