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&#45;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

<pre class="markdown">
#titre 1
## titre 2 -&gt; 6

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

*bold*²
**italique**

- liste
- liste
`code`
</pre>

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&#95;O

<pre>
:root{
    --ma-variable:210mm;
}

@page{
    width: var(--ma-variable);    
}
</pre>

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 &#45; césures &#45; conversion RVB &#45;&#45;&gt; CMJN &#45; faire couler du txt d'une page à une autre

h3(#elie-kenji). Elie &amp; 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 &quot;La convivialité&quot; 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 &#45; 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&#45;existance, une web et une print

h3(#élodie). Élodie

Retravailler le site internet de synesthésie. Peut&#45;ê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 &#95;&#95;&#95;
Grille dans laquelle injecter du contenu pour faire cet objet catalogue (forme non définie pour l'instant: poster, magazine)
"Libre Création &#45; Libre Design":http://projets.esadhar.fr/usable/dashboard/
"Libre Création &#45; 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&#45;else/
* https://github.com/uplaod/YoungSerif ou http://areyoubeingserved.constantvzw.org/static/fonts/YoungSerif&#45;Regular.otf (version modifiée par Stéphanie avec la a minuscule plus)

h3(#pierre-yves). Pierre&#45;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&#45;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&#45;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&#45;côte et en version

h3(#nicolas-1). Nicolas

http://perles&#45;du&#45;bon&#45;coin.fr/

&#42;&#42;Kevin http://csswarp.eleqtriq.com/

Lucile https://studiomoniker.com/projects/click&#45;click&#45;click https://clickclickclick.click/#e8d0c8a17bce3955716c16b413ee946b

