projet

Rechtstexte & Zeitschriften

Feuilles de style CSS print pour des revues de droit en open access, permettant aux auteurs de choisir parmi plusieurs mises en page générées directement dans le navigateur via Paged.js.

  • Design et ddéveloppement des feuilles de styles CSS print
  • Technologies utilisées: Pandoc, Paged.js
  • Code disponible sur Gitlab

Rechtstexte et Zeitschriften sont des revues de doits en Open Access éditées par Prof. Dr. iur. Walter Boente (Université de Zurich). Elles sont distribuées en ligne au format HTML et au format PDF. L’objectif était, pour le format PDF, de proposer plusieurs options de mise en page aux auteur·ices, en utilisant uniquement des technologies web; principalement HTML, CSS et Paged.js.

Capture d’écran des tes trois premières pages PDF de rechtexte n5 avec la troisième mise en page
Deuxième mise en page proposée, design graphique par Julie Blanc

Les contenus structurés en HTML sont produits par l’équipe éditoriale (Walter Boente) à partir de documents Word ou LibreOffice. Une ligne de commande Pandoc, à partir des fichiers de contenus et des fichiers de métadonnées, permet de générer un nouvel HTML. Les auteur·ices peuvent sélectionner une mise en page spécifique et personnaliser certains éléments visuels, tels que la couleur principale ou l’illustration de couverture. Le PDF final est généré directement dans le navigateur web via la fonction d’impression dans Chrome/Chromium, après rendu avec la version polyfill de Paged.js.

Les couvertures et la première mise en page ont été conçues par Dorian Delnon (Université de Zurich), et j’ai conçu les autres propositions de mises en page. J’ai développé les feuilles de styles CSS print et les différents scripts de mise en page nécessaires. Les PDF générés sont au format standard A4; ils sont destinés à l’archivage ou à l’impression sur une imprimante de bureautique. Actuellement, trois mises en pages différentes ont été conçues, mais il est possible que d’autres propositions soient développées en fonction des besoins.

Capture d’écran des tes trois premières pages PDF de rechtexte n5 avec la première mise en page
Première mise en page proposée, design graphique par Dorian Delnon
Capture d’écran des tes trois premières pages PDF de rechtexte n5 avec la deuxième mise en page
Troisième mise en page proposée (avec parties spéciales pour la reproduction de lettres tapuscrites), design graphique par Julie Blanc
Capture d’écran du fichier meta.yaml
Fichier meta.yaml utilisé pour produire le template HTML avec Pandoc

Dernières activités

WYSIWYG
projet

WYSIWYG

Design et développement du site web pour le projet de recherche WYSIWYG mené par la HEAD – Genève, documentant l'évolution des logiciels de graphisme en Suisse et en France.

« Le verre de cristal » × « Dispar(être) »
projet

« Le verre de cristal » × « Dispar(être) »

Petite édition imprimée en risographie conçue pour les 72e Rencontres de Lure durant un workshop d'initiation au code et à l'utilisation de CSS Print.

Chromobase
projet

Chromobase

Base de données libre d'accès développée dans le cadre du projet ERC Chromotope, explorant l'évolution de la couleur en Europe industrielle au XIXe siècle.