Villa Chiragan

…Text in progress…

Présentation from web.2print.org
Julie Blanc and Antoine Fauchié developed a multi-format catalogue for the Saint Raymond Museum (Toulouse). The catalogue presents part of the museum’s collection devoted to a group of Roman sculptures discovered at a place called Chiragan in Martres-Tolosane. Inspired by the Getty Museum in Los Angeles, they designed and developed a digital version of the catalogue and a printed version. To do this, they proposed a publishing chain created specifically for the museum team and based on a set of open-source tools that they assembled (Jeckyll, Zotero, Forestry, Gitlab, paged.js, etc.). The graphic and interactive design of the site was developed entirely in HTML, CSS and Javascript. The printed version uses Paged.js to generate the printed catalogue directly from the web browser. This means that the content only needs to be entered and corrected once by the museum to generate both versions.

Collecting data
Transforming data
Layout
Exporting
Printing
Actors

Christelle Moliné: editorial coordination
Pascal Capus: catalogue copywriting

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Ménard Imprimerie, Labège

Tools

Markdown
Zotero

Forestry.io
Jekyll
HTML
Git (GitLab)

Jekyll
HTML
CSS
Paged.js
Chrome

Chrome

Netlify
Offset printing CMYK and Pantone (876U)

Tasks

Writing
Bibliography in Zotero
Text markup

Markdown files converted into structured and organised HTML files: several HTML files are produced for the website and one HTML file is produced for the printed catalogue, using reduced content. The files are converted using the Jekyll static site generator.

CSS and Paged.js layout for the printed version and for the web version

Exporting the PDF in RGB from the browser

Preparing the files for printing => this was done by the printer + photoengraver who created the Pantone images + replaced the CMYK images

Print run of 2,000 copies
Sewn perfect binding
Website hosting on Netlify

Outputs

HTML files for the website
An HTML file with all the content for the printed version
A GitLab repository for managing the project with others

Responsive website
Preview of the printed book in the browser using Paged.js

Responsive website
Ready to Print PDF CMYK + Pantone

Responsive website online
Print edition with different content: more content on the website than in the print edition

Notes

Jekyll was chosen because it allowed us to work with Zotero.

Use of scripts:

  • Jekyll microtypo to improve microtypography

  • Jekyll scholar: Jekyll plugin to manage the display of bibliographic citations and bibliographies

  • Better BibTeX: Zotero plugin to generate bibliography exports

  • Page reorganisation script for full-page images

The author found it incredible to see the website take shape at the same time as he was writing.

Collecting data

Actors

Christelle Moliné: editorial coordination
Pascal Capus: catalogue copywriting

Tools

Markdown
Zotero

Tasks

Writing
Bibliography in Zotero
Text markup

Notes

Transforming data

Actors

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Tools

Forestry.io
Jekyll
HTML
Git (GitLab)

Tasks

Markdown files converted into structured and organised HTML files: several HTML files are produced for the website and one HTML file is produced for the printed catalogue, using reduced content. The files are converted using the Jekyll static site generator.

Outputs

HTML files for the website
An HTML file with all the content for the printed version
A GitLab repository for managing the project with others

Notes

Jekyll was chosen because it allowed us to work with Zotero.

Layout

Actors

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Tools

Jekyll
HTML
CSS
Paged.js
Chrome

Tasks

CSS and Paged.js layout for the printed version and for the web version

Outputs

Responsive website
Preview of the printed book in the browser using Paged.js

Notes

Use of scripts:

  • Jekyll microtypo to improve microtypography

  • Jekyll scholar: Jekyll plugin to manage the display of bibliographic citations and bibliographies

  • Better BibTeX: Zotero plugin to generate bibliography exports

  • Page reorganisation script for full-page images

Exporting

Actors

Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development

Tools

Chrome

Tasks

Exporting the PDF in RGB from the browser

Preparing the files for printing => this was done by the printer + photoengraver who created the Pantone images + replaced the CMYK images

Outputs

Responsive website
Ready to Print PDF CMYK + Pantone

Notes

Printing

Actors

Ménard Imprimerie, Labège

Tools

Netlify
Offset printing CMYK and Pantone (876U)

Tasks

Print run of 2,000 copies
Sewn perfect binding
Website hosting on Netlify

Outputs

Responsive website online
Print edition with different content: more content on the website than in the print edition

Notes

The author found it incredible to see the website take shape at the same time as he was writing.