h1(#workshop-ola-html2print). Workshop Ola HTML2Print https://listes.domainepublic.net/listinfo/html2print "Cookbook":http://pads.osp.kitchen/p/ola-cookbook h2(#participants). Participants * Sarah * Nicolas * Pierre-Yves * Elie * Kenji * Timothée * Bach * Gab * Elodie _Kévin _Angélique h2(#markdown-primer). Markdown primer * "$":https://daringfireball.net/projects/markdown/ * "$":https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet 
#titre 1
## titre 2 -> 6

![la legende](le/chemin/vers/le/fichier.jpeg)
[texte du lien](http://tapage.com)

*bold*²
**italique**

- liste
- liste
`code`
Post css (// sass) Utilisation du le navigateur web Chromium fortement conseillée pour utiliser htmltoprint.css car il prend en compte directement les info renseignées ds le css tel que taille de la page, affichage du fond de page, etc. h2(#paquet-de-base). Paquet de base https://cloud.osp.kitchen/s/siUuVs7UD93ZeS0 télécharger le dossier html2print.tiny découverte des variables css o_O 
:root{
    --ma-variable:210mm;
}

@page{
    width: var(--ma-variable);    
}
En fait, ce cas précis ne marche pas :P Voir "$":https://stackoverflow.com/questions/44735420/using-custom-properties-with-page-rules h2(#documentation). Documentation h3(#howto). howto readme : https://figureslibres.io/gogs/bachir/ola4doc h3(#rendu). rendu 192.168.99.35:8000 h3(#textile). textile https://txstyle.org/ h2(#mise-en-commun-projets-sam-14-juin-14h). mise en commun projets (sam 14 juin, 14h) h3(#osp). OSP prendre cet occase pour faire un cookbook de htmltoprint - césures - conversion RVB --> CMJN - faire couler du txt d'une page à une autre h3(#elie-kenji). Elie & Kenji forme générative BD en scketch processing booklate de l'évolution de cette forme Lafkon make art h3(#angelique). Angelique contenu du wordpress de PY ou faire de la documentation html2print h3(#timothée). Timothée utiliser are.na (ce site est un genre de pinterest pour les graphistes) extraire un contenu web pour créer des booklates finalité: creer l'outil qui servirait à faire ça (codé en ruby) Scraping mettre en valeur les recherches faites par d'autres h3(#kévin-t). Kévin T documentation sur htmltoprint ou récupérer contenu d'une page wikipédia et si possible récupérer l'historique complet des modifications de la page (depuis sa création jusqu'à auj) et les mettre en forme http://epicpedia.org/ !http://annemiekevanderhoek.nl/werk/epic03.jpg(epicpedia)! transfo des scripts de téâtre h3(#bachir). Bachir Projet d'écriture. Transposer "La convivialité" de Ivan Illitch qui a été écrit dans les années 70, en 2017, en parlant de choses actuelles et plus particulièrement du numérique. h3(#gabriel). Gabriel Utiliser le workshop comme prétexte pour écrire rapport de son stage chez OSP Tenais un journal de ses apprentissages, un retour sur expériences. confrontation txt bruts - commentaires mini readme sur chacunes des choses qu'il a utilisées et qui pourraient intéresser d'autres prsn. Avoir deux version en co-existance, une web et une print h3(#élodie). Élodie Retravailler le site internet de synesthésie. Peut-être en faire une version imprimable. Se familiariser au code. h3(#nicolas). Nicolas "Whole Earth Catalogue":https://duckduckgo.com/?q=whole+earth+catalogue&iax=1&ia=images Aux sources de l'utopie numérique: de la contre culture à la cyberculture, Stewart Brand, un homme d'influence "Aux sources de l'utopie numérique, Fred Turner":http://cfeditions.com/utopieNumerique/ Outil dans l'esprit du Whole earth catalog, réactiver cette idée. Plans pour construction de machines, comment se protéger de ___ Grille dans laquelle injecter du contenu pour faire cet objet catalogue (forme non définie pour l'instant: poster, magazine) "Libre Création - Libre Design":http://projets.esadhar.fr/usable/dashboard/ "Libre Création - Libre Design (sources)":https://esadhar.net/gogs/libre-creation_libre-design/usable ESADHaR, projet de recherche avec des étudiants. Test d'outils libres pour la création graphiques, qu'ils aient été initialement créés dans ce but ou non. projets.esadhar.fr/usable/dashboard Fonts: * http://osp.kitchen/foundry/fluxisch-else/ * https://github.com/uplaod/YoungSerif ou http://areyoubeingserved.constantvzw.org/static/fonts/YoungSerif-Regular.otf (version modifiée par Stéphanie avec la a minuscule plus) h3(#pierre-yves). Pierre-Yves Comment transcrire l'Idée de calques // scribus, indesign dans/avec htmltoprint faire des boites imbriquées les unes dans les autres qui changent de couleur, qqch de génératif //dearchrome project [Alex] "dearchrome":https://web.archive.org/web/20150220014329/http://www.phil-cao.com:80/dearchrome/lines/ "tempsdereaction":https://tempsdereaction.wordpress.com/ est-ce que en veut reproduire en html le processus mis en place dans ce blog ou prendre des contenus du blog pour les mettre en page? imprimer une version de ce blog sous forme de post-it ou de poster par exemple, avoir un format adaptable // automatisation h2(#show-and-tell). Show and tell h3(#bachir-1). Bachir Projet inspiré de Gitbook Libriis https://figureslibres.io/gogs/bachir/libriis h3(#élodie-1). Élodie https://ordigami.net/ version écran on voit les faces du cube côte-côte et en version h3(#nicolas-1). Nicolas http://perles-du-bon-coin.fr/ **Kevin http://csswarp.eleqtriq.com/ Lucile https://studiomoniker.com/projects/click-click-click https://clickclickclick.click/#e8d0c8a17bce3955716c16b413ee946b