Add sample for page-geometry using pagedjs

alerque · Dec 28, 2023 · 3f7327e · 3f7327e
1 parent 219e771
commit 3f7327e
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 2 deletions.
diff --git a/content/page-geometry.md b/content/page-geometry.md
@@ -1,7 +1,7 @@
 +++
 title = "Page Geometry 101"
 description = "Pick a paper and some margins"
-extra.typesetters = [ "sile", "typst", "xelatex", "groff" ]
+extra.typesetters = [ "sile", "typst", "xelatex", "groff", "pagedjs" ]
 extra.typesetter_args = { groff = "-P-pA7" }
 +++
 

diff --git a/data/page-geometry/pagedjs.html b/data/page-geometry/pagedjs.html
@@ -0,0 +1,20 @@
+<html>
+	<head>
+		<style>
+		@page {
+			size: A7;
+			/* Work around a bug in paged.js, if bleed is not specified the
+			   paper size doesn't fully take effect:
+			   https://gitlab.coko.foundation/pagedjs/pagedjs/-/issues/450 */
+			bleed: 0;
+			margin: 1cm;
+		}
+		p {
+			text-indent: 1cm;
+		}
+		</style>
+	</head>
+	<p>
+		An A7 page with 1cm margins and 1cm paragraph indentation.
+	</p>
+</html>
diff --git a/data/page-geometry/sile.sil b/data/page-geometry/sile.sil
@@ -4,6 +4,5 @@
 \frame[id=content,left=1cm,right=right(page)-1cm,top=1cm,bottom=bottom(page)-1cm]
 \end{pagetemplate}
 \set[parameter=document.parindent,value=1cm]
-
 An A7 page with 1cm margins and 1cm paragraph indentation.
 \end{document}