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.
Infos
Type
Catalogue de musée
Author(s)
Laure Barthet (Directrice), Pascal Capus, Chloé Damay, Emmanuel Rosso, Daniel
Designer(s)
Julie Blanc et Antoine Fauchié
Publisher
Le musée Saint-Raymond, musée d'archéologie de Toulouse
Printing
CMJN + Pantone 876U
Pages
168
Binding
dos carré-collé cousu
Size
165 × 235 mm
Technologies
Jekyll / CSS / Paged.js
Year
2020
Copies
2000
Language
French
Sitography
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
Markdown
Zotero
Forestry.io
Jekyll
HTML
Git (GitLab)
Jekyll
HTML
CSS
Paged.js
Chrome
Chrome
Netlify
Offset printing CMYK and Pantone (876U)
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
Markdown text in Github repository: https://gitlab.com/musee-saint-raymond/villa-chiragan/-/tree/master/en_EN/_contenus
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
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
Christelle Moliné: editorial coordination
Pascal Capus: catalogue copywriting
Markdown
Zotero
Writing
Bibliography in Zotero
Text markup
Markdown text in Github repository: https://gitlab.com/musee-saint-raymond/villa-chiragan/-/tree/master/en_EN/_contenus
Transforming data
Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development
Forestry.io
Jekyll
HTML
Git (GitLab)
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.
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
Jekyll was chosen because it allowed us to work with Zotero.
Layout
Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development
Jekyll
HTML
CSS
Paged.js
Chrome
CSS and Paged.js layout for the printed version and for the web version
Responsive website
Preview of the printed book in the browser using Paged.js
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
Antoine Fauchié: toolchain design
Julie Blanc: graphic design and web development
Chrome
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
Responsive website
Ready to Print PDF CMYK + Pantone
Printing
Ménard Imprimerie, Labège
Netlify
Offset printing CMYK and Pantone (876U)
Print run of 2,000 copies
Sewn perfect binding
Website hosting on Netlify
Responsive website online
Print edition with different content: more content on the website than in the print edition
The author found it incredible to see the website take shape at the same time as he was writing.