Commit c7670cf2 authored by Julie Blanc's avatar Julie Blanc

add licence, metadata and links to Glitch

parent 003ee8c0
# Printing in Relation to Graphic Art
Example of a book design with paged.js, 102 pages
Example of a book designed with paged.js, 102 pages
- Page layout (spread, margins content...)
- Table of content
......@@ -16,5 +16,16 @@ Example of a book design with paged.js, 102 pages
**Source files**: [](
**See the book in action in your browser**: [](
**Play with the book on Glitch**: [!/printing-in-relation-to-graphic-art](!/printing-in-relation-to-graphic-art)
Book design and PDF generation with Google Chrome 72.0 on Mac OSX 10.13.6 (baseline and line-height may be not the same on other web browser and on other OS)
## Licence
The MIT licence (MIT)
2018 —
......@@ -31,6 +31,7 @@ a{ color: currentColor; text-decoration: none; }
#toc h1,
#colophon h1{
font-family: 'permian';
font-weight: bold;
text-transform: uppercase;
font-size: 1rem;
line-height: var(--baseline);
......@@ -49,7 +50,10 @@ a{ color: currentColor; text-decoration: none; }
/* counter */
body { counter-reset: chapter; }
.chapter h1 { counter-increment: chapter; }
.chapter h1::before { content: counter(chapter, lower-roman); }
.chapter h1::before {
content: counter(chapter, lower-roman);
font-weight: normal;
.chapter h1::before{
<html lang="en" lang="en">
<html lang="en">
......@@ -7,6 +7,10 @@
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>Printing in Relation to Graphic Art, by George French</title>
<meta name="description" content="Example of a book design with paged.js" />
<meta name="copyright" content="MIT License (MIT)" />
<meta name="DC.Date.created" scheme="W3CDTF" content="2018-03-18" />
<script src="js/paged.polyfill.js"></script>
<link href="css/book.css" rel="stylesheet" type="text/css">
......@@ -1939,7 +1943,7 @@
<h2>Made with paged.js</h2>
<p><a href=""></a></p>
<p><a href=""></a></p>
<p>HK Grotesk, Hanken Design Co.</p>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment