diff --git a/contents.js b/contents.js index 3d15fd7..b807eca 100644 --- a/contents.js +++ b/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"); diff --git a/print.css b/print.css index abe3044..0d82dba 100644 --- a/print.css +++ b/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%; + } + } \ No newline at end of file