Added page break before Libraries

gto76 · gto76 · commit 356f21dd8486 · 2019-07-21T17:44:55.000+02:00
diff --git a/index.html b/index.html
@@ -189,6 +189,9 @@
 }
 
 @media print {
+  .pagebreak { 
+    page-break-before: always; 
+  } 
   div {
     page-break-inside: avoid;
   }
@@ -1878,7 +1881,7 @@
 </code></pre></div>
 
 <p><br><br></p>
-<div><h1 id="libraries">Libraries</h1><div><h2 id="progressbar"><a href="#progressbar" name="progressbar">#</a>Progress Bar</h2><pre><code class="python language-python hljs"><span class="hljs-comment"># $ pip3 install tqdm</span>
+<div class="pagebreak"></div><div><h1 id="libraries">Libraries</h1><div><h2 id="progressbar"><a href="#progressbar" name="progressbar">#</a>Progress Bar</h2><pre><code class="python language-python hljs"><span class="hljs-comment"># $ pip3 install tqdm</span>
 <span class="hljs-keyword">from</span> tqdm <span class="hljs-keyword">import</span> tqdm
 <span class="hljs-keyword">from</span> time <span class="hljs-keyword">import</span> sleep
 <span class="hljs-keyword">for</span> i <span class="hljs-keyword">in</span> tqdm([<span class="hljs-number">1</span>, <span class="hljs-number">2</span>, <span class="hljs-number">3</span>]):
diff --git a/parse.js b/parse.js
@@ -280,6 +280,7 @@ function highlightCode() {
   fixClasses();
   fixFroms();
   preventPageBreaks();
+  insertPageBreak();
 }
 
 function setApaches(elements) {
@@ -310,6 +311,10 @@ function preventPageBreaks() {
   });
 }
 
+function insertPageBreak() {
+  $('<div class="pagebreak"></div>').insertBefore($('#libraries').parent())
+}
+
 function readFile(filename) {
   try {  
     return fs.readFileSync(filename, 'utf8');
diff --git a/web/template.html b/web/template.html
@@ -189,6 +189,9 @@
 }
 
 @media print {
+  .pagebreak { 
+    page-break-before: always; 
+  } 
   div {
     page-break-inside: avoid;
   }

Original file line number	Diff line number	Diff line change
`@@ -189,6 +189,9 @@`
`189`	`189`	`}`
`190`	`190`
`191`	`191`	`@media print {`
	`192`	`+ .pagebreak {`
	`193`	`+ page-break-before: always;`
	`194`	`+ }`
`192`	`195`	`div {`
`193`	`196`	`page-break-inside: avoid;`
`194`	`197`	`}`