pad.textile 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169
  1. h1(#workshop-ola-html2print). Workshop Ola HTML2Print
  2. https://listes.domainepublic.net/listinfo/html2print
  3. "Cookbook":http://pads.osp.kitchen/p/ola-cookbook
  4. h2(#participants). Participants
  5. * Sarah
  6. * Nicolas
  7. * Pierre-Yves
  8. * Elie
  9. * Kenji
  10. * Timothée
  11. * Bach
  12. * Gab
  13. * Elodie _Kévin _Angélique
  14. h2(#markdown-primer). Markdown primer
  15. * "$":https://daringfireball.net/projects/markdown/
  16. * "$":https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
  17. <pre class="markdown">
  18. #titre 1
  19. ## titre 2 -&gt; 6
  20. ![la legende](le/chemin/vers/le/fichier.jpeg)
  21. [texte du lien](http://tapage.com)
  22. *bold*²
  23. **italique**
  24. - liste
  25. - liste
  26. `code`
  27. </pre>
  28. 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.
  29. h2(#paquet-de-base). Paquet de base
  30. https://cloud.osp.kitchen/s/siUuVs7UD93ZeS0
  31. télécharger le dossier html2print.tiny
  32. découverte des variables css o&#95;O
  33. <pre>
  34. :root{
  35. --ma-variable:210mm;
  36. }
  37. @page{
  38. width: var(--ma-variable);
  39. }
  40. </pre>
  41. En fait, ce cas précis ne marche pas :P Voir "$":https://stackoverflow.com/questions/44735420/using-custom-properties-with-page-rules
  42. h2(#documentation). Documentation
  43. h3(#howto). howto
  44. readme : https://figureslibres.io/gogs/bachir/ola4doc
  45. h3(#rendu). rendu
  46. 192.168.99.35:8000
  47. h3(#textile). textile
  48. https://txstyle.org/
  49. h2(#mise-en-commun-projets-sam-14-juin-14h). mise en commun projets (sam 14 juin, 14h)
  50. h3(#osp). OSP
  51. 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
  52. h3(#elie-kenji). Elie &amp; Kenji
  53. forme générative BD en scketch processing booklate de l'évolution de cette forme Lafkon make art
  54. h3(#angelique). Angelique
  55. contenu du wordpress de PY ou faire de la documentation html2print
  56. h3(#timothée). Timothée
  57. 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
  58. h3(#kévin-t). Kévin T
  59. 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
  60. http://epicpedia.org/
  61. !http://annemiekevanderhoek.nl/werk/epic03.jpg(epicpedia)! transfo des scripts de téâtre
  62. h3(#bachir). Bachir
  63. 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.
  64. h3(#gabriel). Gabriel
  65. Utiliser le workshop comme prétexte pour écrire rapport de son stage chez OSP
  66. Tenais un journal de ses apprentissages, un retour sur expériences.
  67. confrontation txt bruts &#45; commentaires
  68. mini readme sur chacunes des choses qu'il a utilisées et qui pourraient intéresser d'autres prsn.
  69. Avoir deux version en co&#45;existance, une web et une print
  70. h3(#élodie). Élodie
  71. Retravailler le site internet de synesthésie. Peut&#45;être en faire une version imprimable. Se familiariser au code.
  72. h3(#nicolas). Nicolas
  73. "Whole Earth Catalogue":https://duckduckgo.com/?q=whole+earth+catalogue&iax=1&ia=images
  74. Aux sources de l'utopie numérique: de la contre culture à la cyberculture, Stewart Brand, un homme d'influence
  75. "Aux sources de l'utopie numérique, Fred Turner":http://cfeditions.com/utopieNumerique/
  76. Outil dans l'esprit du Whole earth catalog, réactiver cette idée.
  77. Plans pour construction de machines, comment se protéger de &#95;&#95;&#95;
  78. Grille dans laquelle injecter du contenu pour faire cet objet catalogue (forme non définie pour l'instant: poster, magazine)
  79. "Libre Création &#45; Libre Design":http://projets.esadhar.fr/usable/dashboard/
  80. "Libre Création &#45; Libre Design (sources)":https://esadhar.net/gogs/libre-creation_libre-design/usable
  81. 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
  82. Fonts:
  83. * http://osp.kitchen/foundry/fluxisch&#45;else/
  84. * 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)
  85. h3(#pierre-yves). Pierre&#45;Yves
  86. 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]
  87. "dearchrome":https://web.archive.org/web/20150220014329/http://www.phil-cao.com:80/dearchrome/lines/
  88. "tempsdereaction":https://tempsdereaction.wordpress.com/
  89. 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?
  90. imprimer une version de ce blog sous forme de post&#45;it ou de poster par exemple, avoir un format adaptable // automatisation
  91. h2(#show-and-tell). Show and tell
  92. h3(#bachir-1). Bachir
  93. Projet inspiré de Gitbook
  94. Libriis https://figureslibres.io/gogs/bachir/libriis
  95. h3(#élodie-1). Élodie
  96. https://ordigami.net/
  97. version écran on voit les faces du cube côte&#45;côte et en version
  98. h3(#nicolas-1). Nicolas
  99. http://perles&#45;du&#45;bon&#45;coin.fr/
  100. &#42;&#42;Kevin http://csswarp.eleqtriq.com/
  101. Lucile https://studiomoniker.com/projects/click&#45;click&#45;click https://clickclickclick.click/#e8d0c8a17bce3955716c16b413ee946b