Villa Chiragan

…Text in progress…

Présentation provenant du site web.2print.org
Pour le musée Saint Raymond (Toulouse), Julie Blanc et Antoine Fauchié ont développé un catalogue multi-support. Le catalogue présente une partie de la collection du musée consacrée à une ensemble de sculptures romaines découvertes au lieu-dit Chiragan à Martres-Tolosane. Inspiré par le Getty Museum de Los Angeles, ils ont conçu et développé une version numérique du catalogue et une version imprimée. Pour cela ils ont proposé une chaîne de publication crée spécifiquement pour l’équipe du musée et basée sur un ensemble d’outils open-source que qu’ils ont assemblés (Jeckyll, Zotero, Forestry, Gitlab, paged.js, etc.). Le design graphique et interactif du site a entièrement été développé en HTML, CSS et Javascript. La version imprimée utilise Paged.js pour générer le catalogue imprimé directement depuis le navigateur web. Ainsi, les contenus ne sont entrés et corrigés qu’une seule fois par le musée pour générer les deux 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.