updated sys and created publi

This commit is contained in:
Bachir Soussi Chiadmi
2017-12-21 18:09:49 +01:00
parent 2a6e2ff863
commit cefd1c2ad0
9509 changed files with 744901 additions and 32263 deletions
+581 -828
View File
File diff suppressed because it is too large Load Diff
-232
View File
@@ -1,232 +0,0 @@
## CSS obscure rule: margin-top of <h1> affects parent's margin
As of why they decided that this elements should behave like this it is still unclear for me; but at least we were able to find a rule that applies to collapsing margins:
"In simple terms, this definition indicates that when the vertical margins of two elements are touching, only the margin of the element with the largest margin value will be honored, while the margin of the element with the smaller margin value will be collapsed to zero
Basically in our example on the original question, the biggest margin-top is the one of the <h1> therefore taken and applied to the parent <div>.
This rule is cancelled for:
* Floated elements
* Absolutely positioned elements
* Inline-block elements
* Elements with overflow set to anything other than visible (They do not collapse margins with their children.)
* Cleared elements (They do not collapse their top margins with their parent blocks bottom margin.)
* The root element
That is the reason why overflow:hidden solved the issue.
## CSS grids
https://jsfiddle.net/zw9c7owa/
https://jsfiddle.net/zw9c7owa/3/
https://jsfiddle.net/zw9c7owa/4/
https://jsfiddle.net/zw9c7owa/6/
https://jsfiddle.net/zw9c7owa/7/
https://jsfiddle.net/zw9c7owa/8/
https://jsfiddle.net/zw9c7owa/12/ -> yeah!
https://jsfiddle.net/zw9c7owa/13/
https://jsfiddle.net/zw9c7owa/14/
https://jsfiddle.net/zw9c7owa/15/
https://jsfiddle.net/zw9c7owa/16/
https://jsfiddle.net/zw9c7owa/17/
Emulate CSS media print : https://uxdesign.cc/i-totally-forgot-about-print-style-sheets-f1e6604cfd6
## processing connections
https://research.lafkon.net/projects/dit/
https://research.lafkon.net/projects/lac2008/
### visualer les media print en redimensionnant la page
@media screen and (max-width: 699px) or media print {
...
}
### John Resig Micro template
Si jamais vous avez besoin de générer du HTML en javascript...
https://johnresig.com/blog/javascript-micro-templating/
## Césures
http://gitlab.constantvzw.org/osp/tools.html5lib_typogrify
Les version récentes de webkit gèrent les césures
interdire les césures
-webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
autoriser les césures
-webkit-hyphens: auto;
Gérer les césures
-webkit-hyphenate-limit-before: 2; /* 2 caractères minimum en fin de ligne, donc en début de mot */
-webkit-hyphenate-limit-after: 2; /* 3 caractères minimum en début de ligne, donc en fin de mot */
-webkit-hyphenate-limit-lines: 4; /* 4 lignes consecutives max */
NE PAS OUBLIER D'INSTALLER HYPHEN!
sur arch
`sudo pacman -S hyphen` ou `yaourt -S hyphen`
## CSS variables in @page
https://stackoverflow.com/questions/44735420/using-custom-properties-with-page-rules
## Convertir tous les fichiers HTML en Markdown
attention, vous allez perdre le contenu non-sémantique (classes, attributs, etc.) mais ça peut justement être une manière de nettoyer son code
for file in *.html; do pandoc --from html --to markdown --output "${file%.*}.md" "$file"; done
## HTML2Print readme
###exemples de readme visuels
- http://organon.osp.kitchen/70
- http://blog.lavillahermosa.com/brass-%E2%86%92-print-tool-v1/
- http://design.lavillahermosa.com/works-288-le-brass-2014
- http://blog.artsaucarre.be/artsnumeriques/2016/10/21/memory-learning-archives-et-bidouillages-workshop-au-mundaneum-24-261016/
- http://lorainefurter.net/readme/readme-workflows.html
- https://hpg.io/
- https://youtu.be/eIgX6sPOqCY?t=2m40s
<iframe width="560" height="315" src="https://youtu.be/eIgX6sPOqCY?t=2m40s" frameborder="0" allowfullscreen></iframe>
![](http://hpg.io/img/multi_format.png)
https://upload.wikimedia.org/wikipedia/commons/4/41/FACTSHEET-EN.pdf
https://research.lafkon.net/content/2.projects/6.wtf/99.wtf_generator_1_00_WEB.gif
http://lorainefurter.net/readme/assets/readme/workflows/DigitalPublishingToolkit.png
### workflow d'un numéro de Médor
- http://organon.osp.kitchen/90
### python rss to html
https://figureslibres.io/gogs/bachir/python-rss2html
```python
#!/usr/bin/python
# -*- coding: utf-8 -*-
import feedparser
from bs4 import BeautifulSoup
def main():
# url du flux rss
tpsreac_feed_url = "https://tempsdereaction.wordpress.com/feed/"
# on aspire le flux rss avec feedparser
tpsreac_feeds = feedparser.parse(tpsreac_feed_url)
# base template du fichier html
base = "<html><head></head><body></body></html>"
# create dom for html file base
base_dom = BeautifulSoup(base, 'html.parser')
# page base template
page_base = "<section class='page'></section>"
# boucle sur les entrées racine du flux
for key in tpsreac_feeds:
print(key)
# on boucle sur les entrées du flux rss
for entrie in tpsreac_feeds['entries']:
print('- - - - -',entrie['title'])
# just display entrie keys
for key in entrie:
print(key)
# entries.extend( feed[ "items" ] )
# create page dom
p_dom = BeautifulSoup(page_base, 'html.parser')
# add content in page dom
p_dom.section.append(entrie['summary'])
# add newly created page dom to html dom
base_dom.body.append(p_dom)
# create main html file from filled base html dom
with open("index.html", 'w') as fp:
fp.write(base_dom.prettify(formatter=None))
if __name__ == "__main__":
main()
```
### python pandoc and template
https://figureslibres.io/gogs/bachir/gitbook-html2print
```python
#!/usr/bin/python
# -*- coding: utf-8 -*-
from bs4 import BeautifulSoup
import pypandoc
def main():
# create main html dom from template
template_f = open("templates/main.tpl.html", "r")
template_html = template_f.read()
template_dom = BeautifulSoup(template_html, 'html.parser')
pdoc_args = ['--mathjax',
'--smart']
pdoc_filters = []
output = pypandoc.convert_file("lechemin/de/monfichier.md",
to='html5',
format='markdown+header_attributes+link_attributes+bracketed_spans',
extra_args=pdoc_args,
filters=pdoc_filters)
# outputfile=out_f)
# print("output :\n"+output)
output_dom = BeautifulSoup(output, 'html.parser')
template_dom.append(output_dom)
# create main html file from filled template html dom
html_f = 'monfichier.html'
with open(html_f, 'w') as fp:
fp.write(template_dom.prettify(formatter=None))
if __name__ == "__main__":
main()
```
## Ajuster une image
voir https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit et https://developer.mozilla.org/en-US/docs/Web/CSS/object-position
## CSS regions
#flow-main {
-webkit-flow-into: flow-main;
flow-into: flow-main;
}
.flow-main {
-webkit-flow-from: flow-main;
flow-from: flow-main;
}
ex: https://jsfiddle.net/asmqaheq/
-216
View File
@@ -1,216 +0,0 @@
## CSS obscure rule: margin&#45;top of
<h1>
affects parent's margin
As of why they decided that this elements should behave like this it is still unclear for me; but at least we were able to find a rule that applies to collapsing margins: &quot;In simple terms, this definition indicates that when the vertical margins of two elements are touching, only the margin of the element with the largest margin value will be honored, while the margin of the element with the smaller margin value will be collapsed to zero Basically in our example on the original question, the biggest margin&#45;top is the one of the
<h1>
therefore taken and applied to the parent
<div>
. This rule is cancelled for: &#42; Floated elements &#42; Absolutely positioned elements &#42; Inline&#45;block elements &#42; Elements with overflow set to anything other than visible (They do not collapse margins with their children.) &#42; Cleared elements (They do not collapse their top margins with their parent block's bottom margin.) &#42; The root element That is the reason why overflow:hidden solved the issue.
h2(#css-grids). CSS grids
https://jsfiddle.net/zw9c7owa/ https://jsfiddle.net/zw9c7owa/3/ https://jsfiddle.net/zw9c7owa/4/ https://jsfiddle.net/zw9c7owa/6/ https://jsfiddle.net/zw9c7owa/7/ https://jsfiddle.net/zw9c7owa/8/ https://jsfiddle.net/zw9c7owa/12/ &#45;&gt; yeah! https://jsfiddle.net/zw9c7owa/13/ https://jsfiddle.net/zw9c7owa/14/ https://jsfiddle.net/zw9c7owa/15/ https://jsfiddle.net/zw9c7owa/16/ https://jsfiddle.net/zw9c7owa/17/
Emulate CSS media print : https://uxdesign.cc/i&#45;totally&#45;forgot&#45;about&#45;print&#45;style&#45;sheets&#45;f1e6604cfd6
h2(#processing-connections). processing connections
https://research.lafkon.net/projects/dit/ https://research.lafkon.net/projects/lac2008/
h3(#visualer-les-media-print-en-redimensionnant-la-page). visualer les media print en redimensionnant la page
&#64;media screen and (max&#45;width: 699px) or media print { ... }
h3(#john-resig-micro-template). John Resig Micro template
Si jamais vous avez besoin de générer du HTML en javascript...
https://johnresig.com/blog/javascript&#45;micro&#45;templating/
h2(#césures). Césures
http://gitlab.constantvzw.org/osp/tools.html5lib&#95;typogrify
Les version récentes de webkit gèrent les césures
interdire les césures
bc. -webkit-hyphens: none;
-moz-hyphens: none;
hyphens: none;
autoriser les césures
bc. -webkit-hyphens: auto;
Gérer les césures
bc. -webkit-hyphenate-limit-before: 2; /* 2 caractères minimum en fin de ligne, donc en début de mot */
-webkit-hyphenate-limit-after: 2; /* 3 caractères minimum en début de ligne, donc en fin de mot */
-webkit-hyphenate-limit-lines: 4; /* 4 lignes consecutives max */
NE PAS OUBLIER D'INSTALLER HYPHEN!
sur arch
@sudo pacman -S hyphen@ ou @yaourt -S hyphen@
h2(#css-variables-in-page). CSS variables in &#64;page
https://stackoverflow.com/questions/44735420/using&#45;custom&#45;properties&#45;with&#45;page&#45;rules
h2(#convertir-tous-les-fichiers-html-en-markdown). Convertir tous les fichiers HTML en Markdown
attention, vous allez perdre le contenu non&#45;sémantique (classes, attributs, etc.) mais ça peut justement être une manière de nettoyer son code
for file in &#42;.html; do pandoc &#45;&#45;from html &#45;&#45;to markdown &#45;&#45;output &quot;<span class="math">{file%.*}.md&quot; &quot;</math>file&quot;; done
h2(#html2print-readme). HTML2Print readme
h3(#exemples-de-readme-visuels). exemples de readme visuels
* http://organon.osp.kitchen/70
* http://blog.lavillahermosa.com/brass&#45;%E2%86%92&#45;print&#45;tool&#45;v1/
* http://design.lavillahermosa.com/works&#45;288&#45;le&#45;brass&#45;2014
* http://blog.artsaucarre.be/artsnumeriques/2016/10/21/memory&#45;learning&#45;archives&#45;et&#45;bidouillages&#45;workshop&#45;au&#45;mundaneum&#45;24&#45;261016/
* http://lorainefurter.net/readme/readme&#45;workflows.html
* https://hpg.io/
* https://youtu.be/eIgX6sPOqCY?t=2m40s
<iframe width="560" height="315" src="https://youtu.be/eIgX6sPOqCY?t=2m40s" frameborder="0" allowfullscreen>
</iframe>
!http://hpg.io/img/multi_format.png! https://upload.wikimedia.org/wikipedia/commons/4/41/FACTSHEET&#45;EN.pdf https://research.lafkon.net/content/2.projects/6.wtf/99.wtf&#95;generator&#95;1&#95;00&#95;WEB.gif
http://lorainefurter.net/readme/assets/readme/workflows/DigitalPublishingToolkit.png
h3(#workflow-dun-numéro-de-médor). workflow d'un numéro de Médor
* http://organon.osp.kitchen/90
h3(#python-rss-to-html). python rss to html
https://figureslibres.io/gogs/bachir/python&#45;rss2html
<pre class="python">
#!/usr/bin/python
# -*- coding: utf-8 -*-
import feedparser
from bs4 import BeautifulSoup
def main():
# url du flux rss
tpsreac_feed_url = &quot;https://tempsdereaction.wordpress.com/feed/&quot;
# on aspire le flux rss avec feedparser
tpsreac_feeds = feedparser.parse(tpsreac_feed_url)
# base template du fichier html
base = &quot;&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;body&gt;&lt;/body&gt;&lt;/html&gt;&quot;
# create dom for html file base
base_dom = BeautifulSoup(base, 'html.parser')
# page base template
page_base = &quot;&lt;section class='page'&gt;&lt;/section&gt;&quot;
# boucle sur les entrées racine du flux
for key in tpsreac_feeds:
print(key)
# on boucle sur les entrées du flux rss
for entrie in tpsreac_feeds['entries']:
print('- - - - -',entrie['title'])
# just display entrie keys
for key in entrie:
print(key)
# entries.extend( feed[ &quot;items&quot; ] )
# create page dom
p_dom = BeautifulSoup(page_base, 'html.parser')
# add content in page dom
p_dom.section.append(entrie['summary'])
# add newly created page dom to html dom
base_dom.body.append(p_dom)
# create main html file from filled base html dom
with open(&quot;index.html&quot;, 'w') as fp:
fp.write(base_dom.prettify(formatter=None))
if __name__ == &quot;__main__&quot;:
main()
</pre>
h3(#python-pandoc-and-template). python pandoc and template
https://figureslibres.io/gogs/bachir/gitbook&#45;html2print
<pre class="python">
#!/usr/bin/python
# -*- coding: utf-8 -*-
from bs4 import BeautifulSoup
import pypandoc
def main():
# create main html dom from template
template_f = open(&quot;templates/main.tpl.html&quot;, &quot;r&quot;)
template_html = template_f.read()
template_dom = BeautifulSoup(template_html, 'html.parser')
pdoc_args = ['--mathjax',
'--smart']
pdoc_filters = []
output = pypandoc.convert_file(&quot;lechemin/de/monfichier.md&quot;,
to='html5',
format='markdown+header_attributes+link_attributes+bracketed_spans',
extra_args=pdoc_args,
filters=pdoc_filters)
# outputfile=out_f)
# print(&quot;output :\n&quot;+output)
output_dom = BeautifulSoup(output, 'html.parser')
template_dom.append(output_dom)
# create main html file from filled template html dom
html_f = 'monfichier.html'
with open(html_f, 'w') as fp:
fp.write(template_dom.prettify(formatter=None))
if __name__ == &quot;__main__&quot;:
main()
</pre>
h2(#ajuster-une-image). Ajuster une image
voir https://developer.mozilla.org/en&#45;US/docs/Web/CSS/object&#45;fit et https://developer.mozilla.org/en&#45;US/docs/Web/CSS/object&#45;position
h2(#css-regions). CSS regions
h1(#flow-main). flow&#45;main {
bc. -webkit-flow-into: flow-main;
flow-into: flow-main;
}
.flow&#45;main { &#45;webkit&#45;flow&#45;from: flow&#45;main; flow&#45;from: flow&#45;main; }
ex: https://jsfiddle.net/asmqaheq/
+16 -14
View File
@@ -1,23 +1,25 @@
<header id='header'>
h1. OLA#4 Documentation : OSP html2print
h1. OLA#5 Documentation : An Mertens, Programation Python Algolittéraire
<nav id='menu'>
* "00-ola":#00-ola
* "alex":#alex
* "bachir":#bachir
* "gabriel":#gabriel
* "kenji":#kenji
* "Kenji-Elie":#Kenji-Elie
* "kevin":#kevin
* "Lucile":#Lucile
* "nicolas":#nicolas
* "PierreYves":#PierreYves
* "Sarah":#Sarah
* "timothee_goguely":#timothee_goguely
* "00_ola":#00_ola
* "adrien_chacon":#adrien_chacon
* "bachir_soussi_chiadmi":#bachir_soussi_chiadmi
* "cecile_babiole":#cecile_babiole
* "emilie_aurat":#emilie_aurat
* "isaline_rivery":#isaline_rivery
* "jeremie_nuel":#jeremie_nuel
* "leo_coquet":#leo_coquet
* "leo_martin":#leo_martin
* "leon_lenclos":#leon_lenclos
* "line_gigot":#line_gigot
* "loraine_gaultier":#loraine_gaultier
* "patricia_morsheb":#patricia_morsheb
* "quentin_juhel":#quentin_juhel
* "sandrine_ripolle":#sandrine_ripolle
* "Pad":#pad
* "CookBook":#cookbook
</nav>
</header>
+174 -126
View File
@@ -1,192 +1,240 @@
# Workshop Ola HTML2Print
*OLA#5Doc
15,16,17 décembre 2017
Python Algolittéraire avec An Mertens
site web: http://192.168.99.35:8008/
mail an: an@constantvzw.org
mail bachir: bachir@figureslibres.io
https://listes.domainepublic.net/listinfo/html2print
Sources: https://figureslibres.io/gogs/bachir/ola5doc
Porjet RNN : machine learning générer des textes à partir de l'étude de textes (ex : L’étude des ouvrages de Jules Vernes donne des textes qui ont un style d'écriture semblable à l'auteur).
L'algo se base sur les probabilités. Montrer l'entrainement de la machine en proposant plusieurs étapes de construction.
[Cookbook](http://pads.osp.kitchen/p/ola-cookbook )
We are sentiment thermometer
programme qui mesure l'émotion d'une phrase
## Participants
Python est langage créé par Guido Van Rossum en 1991
* Sarah
* Nicolas
* Pierre-Yves
* Elie
* Kenji
* Timothée
* Bach
* Gab
* Elodie
*Kévin
*Angélique
The Death of the Authors, 1941 édition générative avec python
## Markdown primer
Oulipo : L'Ouvroir de littérature potentielle, généralement désigné par son acronyme OuLiPo (ou Oulipo), est un groupe international de littéraires et de mathématiciens se définissant comme des « rats qui construisent eux-mêmes le labyrinthe dont ils se proposent de sorti. <https://fr.wikipedia.org/wiki/Oulipo>
- <https://daringfireball.net/projects/markdown/>
- <https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet>
```markdown
#titre 1
## titre 2 -> 6
*Liens discutés vendredi soir (n'hésitez pas à compléter/détailler/trier)
![la legende](le/chemin/vers/le/fichier.jpeg)
[texte du lien](http://tapage.com)
*Tour de table du début :
*bold*²
**italique**
http://diccan.com/
https://prepostprint.org/
http://www.ppafeditions.fr/
- liste
- liste
`code`
```
*Présentation de An :
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.
Constant (Association pour l'art et les médias)
http://www.constantvzw.org/site/?lang=fr
## Paquet de base
Samedies (Femmes et logiciels libres)
http://www.samedies.be/
https://cloud.osp.kitchen/s/siUuVs7UD93ZeS0
Algolit (Groupe de travail sur l'algolittéraire)
http://www.algolit.net/index.php/Main_Page
télécharger le dossier html2print.tiny
Anna K (Projet autour du travail de l'écrivaine Anna Kavan)
http://kavan.land/
découverte des variables css o_O
```
:root{
--ma-variable:210mm;
}
Paramoulipist (Expérimentations en i-littérature)
http://www.paramoulipist.be/
@page{
width: var(--ma-variable);
}
```
RYBN (Collectif d'artistes)
http://rybn.org/
En fait, ce cas précis ne marche pas :P Voir <https://stackoverflow.com/questions/44735420/using-custom-properties-with-page-rules>
Oulipo.net (Site de l'oulip)
http://oulipo.net/
Quick sort with Hungarian folk dance (la vidéo youtube)
https://www.youtube.com/watch?v=3San3uKKHgg
## Documentation
Projet Gutenberg (des textes)
http://www.gutenberg.org/
###howto
readme : https://figureslibres.io/gogs/bachir/ola4doc
### rendu
192.168.99.35:8000
*Atelier
### textile
https://txstyle.org/
Exercise d'écriture avec protocol (sans machine)
## mise en commun projets (sam 14 juin, 14h)
Python introduction
-------------------
Python sur Windows - manuel:
https://www.youtube.com/watch?v=HWxBtxPBCAc&list=PLrSOXFDHBtfHg8fWBd7sKPxEmahwyVBkC
### OSP
PYTHON
prendre cet occase pour faire un cookbook de htmltoprint
- césures
- conversion RVB --> CMJN
- faire couler du txt d'une page à une autre
* open terminal
Windows Terminal accès: http://smallbusiness.chron.com/open-terminal-session-windows-7-56627.html
Windows Terminal commands: https://commandwindows.com/command3.htm
### Elie & Kenji
Pour Linux/Mac:
lister les fichiers dans le dossier où tu es:
$ ls
changer de dossier:
$ cd nom_du_dossier
remonter un niveau
$ cd ../
forme générative
BD en scketch processing
booklate de l'évolution de cette forme
Lafkon make art
install atom / bracket
### Angelique
éventuellement PYTHON IDLE
$ sudo apt install idle
contenu du wordpress de PY ou faire de la documentation html2print
$ idle
this gives the same python shell
### Timothée
$ idle python_script.py
this allows you to edit a script
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
dans un éditeur de code:
### Kévin T
$ print("o"+"l"+"a")
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/
$ letter1 = 'o'
$ letter2 = 'l'
$ letter3 = 'a'
$ print(letter1,letter2,letter3)
$ print(letter1+letter2+letter3)
![epicpedia](http://annemiekevanderhoek.nl/werk/epic03.jpg)
transfo des scripts de téâtre
sauver le script comme test.py
$ python test.py
### Bachir
Eventuellement (p.ex. pour voir quelle version de Python que tu as par défaut):
$ python
$ print("o"+"l"+"a")
Sortir de Python:
$ quit()
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.
### Gabriel
Get scripts
-----------
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
Download zip from algolit: www.algolit.net/oulipo -> plutot téléchargez lien sur ligne 122!!!!
For those who are more advanced: gitlab.constantvzw.org/algolit
### Élodie
Retravailler le site internet de synesthésie. Peut-être en faire une version imprimable. Se familiariser au code.
0. Datastructures
https://docs.python.org/3/tutoriapl/datastructures.html
'0_datastructures': example scripts using different datastructures
### 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
1. Creating recipes
'1_oulipo_scripts': example scripts playing with recipes & text input
[Aux sources de l'utopie numérique, Fred Turner](http://cfeditions.com/utopieNumerique/)
2. Toolbox
'2_toolbox': handy scripts for cleaning up texts, counting frequencies of words, often used for text analysis
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)
3. Wordnet
'3_using_wordnet': example script for French use of Wordnet
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
4. Running scripts in browser
'4_cgi_webs_reduction': interface with reduction filters, developed for a workshop in framework of Transmediale 2017: https://machineresearch.wordpress.com/about/
5. Creating pdfs from scripts
'5_books-oulipo-series': read the instructions
examples online: http://site.sarahgarcin.com/oulipo-series/catalogue.php
http://site.sarahgarcin.com/oulipo-series/perec.php
Fonts:
*OLA_Oulipo_workshop.zip
https://g-u-i.me/owncloud/index.php/s/Ye5zxwAWPWcxoX6
- 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)
https://g-u-i.me/owncloud/index.php/s/R3MEqmgcGvfTVHk
http://www.algolit.net/oulipo/0_datastructures/
### 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]
ajouter en haut de chaque script
#!/usr/bin/python
# -*- coding: utf-8 -*-
[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?
*Armelle Caron
http://bigthink.com/strange-maps/502-hung-out-to-dry-a-taxonomy-of-city-blocks
imprimer une version de ce blog sous forme de post-it ou de poster par exemple, avoir un format adaptable // automatisation
*En Française dans la texte
Un projet de Cécile Babiole et Anne Laforet
En française dans la texte est un projet artistique et critique sur le thème : “langue française et genre”. Il sagit de contrer le sexisme inscrit au cœur de la langue française, de sa grammaire et de son usage puisque “le masculin lemporte toujours sur le féminin”. Le projet consiste à traduire “en française” cest-à-dire entièrement au féminin, des textes provenant de différents horizons, grâce à des algorithmes complétés par des opérations manuelles. Cest ainsi que les traductions perturbent sensiblement les messages originaux. Le processus de traduction fait lobjet de performances, dinstallations et d’éditions.
http://enfrancaisedanslatexte.fr/
Stanford NER is a Java implementation of a Named Entity Recognizer. Named Entity Recognition (NER) labels sequences of words in a text which are the names of things, such as person and company names, or gene and protein names. It comes with well-engineered feature extractors for Named Entity Recognition, and many options for defining feature extractors. Included with the download are good named entity recognizers for English, particularly for the 3 classes (PERSON, ORGANIZATION, LOCATION), and we also make available on this page various other models for different languages and circumstances, including models trained on just the CoNLL 2003 English training data.
*https://nlp.stanford.edu/software/CRF-NER.shtml
## Show and tell
### Bachir
*Prolex
Le projet Prolex, piloté par le Laboratoire d'informatique (LI) de l'université François-Rabelais de Tours, a pour but de fournir, à la communauté du traitement automatique des langues (Tal), des connaissances sur les noms propres, qui constituent, à eux seuls, 10% des textes journalistiques. Ceci par la création d'une plate-forme technologique comprenant un dictionnaire électronique relationnel multilingue de noms propres (Prolexbase), des systèmes d'identification des noms propres et de leurs dérivés, des grammaires locales, etc.
http://www.cnrtl.fr/lexiques/prolex/
Projet inspiré de Gitbook
*Un correcteur orthographique en 21 lignes de Python
blog post sur le principe de fonctionnement d'unn correcteur othographique
http://blog.proxteam.eu/2013/10/un-correcteur-orthographique-en-21.html
Libriis
https://figureslibres.io/gogs/bachir/libriis
*GNU Aspell
http://aspell.net/
ftp://ftp.gnu.org/gnu/aspell/dict/0index.html
https://pypi.python.org/pypi/aspell-python-py3/1.13
### Élodie
http://www.lexique.org/
base de données qui fournit pour 135 000 mots du français faite par l'université de Savoie
https://ordigami.net/
Jacques Roubaud
https://issuu.com/letripode/docs/tokyo_extrait
http://oulipo.net/fr/oulipiens/jr
version écran on voit les faces du cube côte-côte et en version
### Nicolas
Pyenv
Pour utiliser plusieurs versions de Python sur le même système :
http://leetschau.github.io/blog/2014/08/06/144020/
http://perles-du-bon-coin.fr/
Livre sur Python : Apprendre à programmer avec Python 3 de Gérard Swinnen (gratuit : http://inforef.be/swi/download/apprendre_python3_5.pdf)
**Kevin
http://csswarp.eleqtriq.com/
*librairies python pour le texte
Patterns : https://www.clips.uantwerpen.be/pattern
*installer pattern (mint linux, distribution basée sur Ubuntu)
1. installer pip : sudo apt-get install python-pip
2. installer setup tools : sudo pip install setuptools
3. installer pattern : sudo pip install pattern
#coding:utf-8
Pattern list des abbréviations Parts of Speech: https://www.ling.upenn.edu/courses/Fall_2003/ling001/penn_treebank_pos.html
*partage de fichiers rapide pour les présentations :
https://volafile.org/r/f4q1z59g
*Ethica
http://ethica-spinoza.net/fr/inline
*Uttiliser espeak
télécharger espeak
via le gestionnaire de paquet
apt-get install espeak
ou par sur le site officiel (http://espeak.sourceforge.net/download.html)
uttilisation la plus simple :
espeak "Hello world"
connaitre les voix disponnible en fançais
espeak --voices=fr
uttiliser une des voix disponnibles
espeak -v french "Salut monde"
faire lire à espeak la sortie de mon proggrame python
python mon_programme.py | espeak
faire lire à espeak la sortie de mon proggrame python et enregistrer le résultat dans un fichier audio
python mon_programme.py | espeak -w test.wav
pour des meilleures voix francaise chercher du côté de mbrola
Lucile
https://studiomoniker.com/projects/click-click-click
https://clickclickclick.click/#e8d0c8a17bce3955716c16b413ee946b
+77 -101
View File
@@ -1,169 +1,145 @@
h1(#workshop-ola-html2print). Workshop Ola HTML2Print
&#42;OLA#5Doc 15,16,17 décembre 2017 Python Algolittéraire avec An Mertens site web: http://192.168.99.35:8008/ mail an: an&#64;constantvzw.org mail bachir: bachir&#64;figureslibres.io
https://listes.domainepublic.net/listinfo/html2print
Sources: https://figureslibres.io/gogs/bachir/ola5doc
"Cookbook":http://pads.osp.kitchen/p/ola-cookbook
Porjet RNN : machine learning générer des textes à partir de l'étude de textes (ex : L'étude des ouvrages de Jules Vernes donne des textes qui ont un style d'écriture semblable à l'auteur). L'algo se base sur les probabilités. Montrer l'entrainement de la machine en proposant plusieurs étapes de construction.
h2(#participants). Participants
We are sentiment thermometer programme qui mesure l'émotion d'une phrase
* Sarah
* Nicolas
* Pierre&#45;Yves
* Elie
* Kenji
* Timothée
* Bach
* Gab
* Elodie _Kévin _Angélique
Python est langage créé par Guido Van Rossum en 1991
h2(#markdown-primer). Markdown primer
The Death of the Authors, 1941 édition générative avec python
* "$":https://daringfireball.net/projects/markdown/
* "$":https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet
Oulipo : L'Ouvroir de littérature potentielle, généralement désigné par son acronyme OuLiPo (ou Oulipo), est un groupe international de littéraires et de mathématiciens se définissant comme des « rats qui construisent eux&#45;mêmes le labyrinthe dont ils se proposent de sorti. "$":https://fr.wikipedia.org/wiki/Oulipo
<pre class="markdown">
#titre 1
## titre 2 -&gt; 6
&#42;Liens discutés vendredi soir (n'hésitez pas à compléter/détailler/trier)
![la legende](le/chemin/vers/le/fichier.jpeg)
[texte du lien](http://tapage.com)
&#42;Tour de table du début :
*bold*²
**italique**
http://diccan.com/ https://prepostprint.org/ http://www.ppafeditions.fr/
- liste
- liste
`code`
</pre>
&#42;Présentation de An :
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.
Constant (Association pour l'art et les médias) http://www.constantvzw.org/site/?lang=fr
h2(#paquet-de-base). Paquet de base
Samedies (Femmes et logiciels libres) http://www.samedies.be/
https://cloud.osp.kitchen/s/siUuVs7UD93ZeS0
Algolit (Groupe de travail sur l'algolittéraire) http://www.algolit.net/index.php/Main&#95;Page
télécharger le dossier html2print.tiny
Anna K (Projet autour du travail de l'écrivaine Anna Kavan) http://kavan.land/
découverte des variables css o&#95;O
Paramoulipist (Expérimentations en i&#45;littérature) http://www.paramoulipist.be/
<pre>
:root{
--ma-variable:210mm;
}
RYBN (Collectif d'artistes) http://rybn.org/
@page{
width: var(--ma-variable);
}
</pre>
Oulipo.net (Site de l'oulip) http://oulipo.net/
En fait, ce cas précis ne marche pas :P Voir "$":https://stackoverflow.com/questions/44735420/using-custom-properties-with-page-rules
Quick sort with Hungarian folk dance (la vidéo youtube) https://www.youtube.com/watch?v=3San3uKKHgg
h2(#documentation). Documentation
Projet Gutenberg (des textes) http://www.gutenberg.org/
h3(#howto). howto
&#42;Atelier
readme : https://figureslibres.io/gogs/bachir/ola4doc
Exercise d'écriture avec protocol (sans machine)
h3(#rendu). rendu
h2(#python-introduction). Python introduction
192.168.99.35:8000
Python sur Windows &#45; manuel: https://www.youtube.com/watch?v=HWxBtxPBCAc&amp;list=PLrSOXFDHBtfHg8fWBd7sKPxEmahwyVBkC
h3(#textile). textile
PYTHON
https://txstyle.org/
* open terminal Windows Terminal accès: http://smallbusiness.chron.com/open&#45;terminal&#45;session&#45;windows&#45;7&#45;56627.html Windows Terminal commands: https://commandwindows.com/command3.htm
h2(#mise-en-commun-projets-sam-14-juin-14h). mise en commun projets (sam 14 juin, 14h)
Pour Linux/Mac: lister les fichiers dans le dossier où tu es: $ ls changer de dossier: $ cd nom&#95;du&#95;dossier remonter un niveau $ cd ../
h3(#osp). OSP
install atom / bracket
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
éventuellement PYTHON IDLE $ sudo apt install idle
h3(#elie-kenji). Elie &amp; Kenji
$ idle this gives the same python shell
forme générative BD en scketch processing booklate de l'évolution de cette forme Lafkon make art
$ idle python&#95;script.py this allows you to edit a script
h3(#angelique). Angelique
dans un éditeur de code:
contenu du wordpress de PY ou faire de la documentation html2print
$ print("o"&#43;"l"&#43;"a")
h3(#timothée). Timothée
$ letter1 = 'o' $ letter2 = 'l' $ letter3 = 'a' $ print(letter1,letter2,letter3) $ print(letter1&#43;letter2&#43;letter3)
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
sauver le script comme test.py $ python test.py
h3(#kévin-t). Kévin T
Eventuellement (p.ex. pour voir quelle version de Python que tu as par défaut): $ python $ print("o"&#43;"l"&#43;"a") Sortir de Python: $ quit()
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
h2(#get-scripts). Get scripts
http://epicpedia.org/
Download zip from algolit: www.algolit.net/oulipo &#45;&gt; plutot téléchargez lien sur ligne 122!!!! For those who are more advanced: gitlab.constantvzw.org/algolit
!http://annemiekevanderhoek.nl/werk/epic03.jpg(epicpedia)! transfo des scripts de téâtre
# Datastructures https://docs.python.org/3/tutoriapl/datastructures.html '0&#95;datastructures': example scripts using different datastructures
# Creating recipes '1&#95;oulipo&#95;scripts': example scripts playing with recipes &amp; text input
# Toolbox '2&#95;toolbox': handy scripts for cleaning up texts, counting frequencies of words, often used for text analysis
# Wordnet '3&#95;using&#95;wordnet': example script for French use of Wordnet
# Running scripts in browser '4&#95;cgi&#95;webs&#95;reduction': interface with reduction filters, developed for a workshop in framework of Transmediale 2017: https://machineresearch.wordpress.com/about/
# Creating pdfs from scripts '5&#95;books&#45;oulipo&#45;series': read the instructions examples online: http://site.sarahgarcin.com/oulipo&#45;series/catalogue.php http://site.sarahgarcin.com/oulipo&#45;series/perec.php
h3(#bachir). Bachir
&#42;OLA&#95;Oulipo&#95;workshop.zip https://g&#45;u&#45;i.me/owncloud/index.php/s/Ye5zxwAWPWcxoX6
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.
https://g&#45;u&#45;i.me/owncloud/index.php/s/R3MEqmgcGvfTVHk http://www.algolit.net/oulipo/0&#95;datastructures/
h3(#gabriel). Gabriel
ajouter en haut de chaque script #!/usr/bin/python # &#45;_&#45; coding: utf&#45;8 &#45;_&#45;
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
&#42;Armelle Caron http://bigthink.com/strange&#45;maps/502&#45;hung&#45;out&#45;to&#45;dry&#45;a&#45;taxonomy&#45;of&#45;city&#45;blocks
h3(#élodie). Élodie
&#42;En Française dans la texte Un projet de Cécile Babiole et Anne Laforet En française dans la texte est un projet artistique et critique sur le thème : "langue française et genre". Il s'agit de contrer le sexisme inscrit au cœur de la langue française, de sa grammaire et de son usage puisque "le masculin l'emporte toujours sur le féminin". Le projet consiste à traduire "en française" c'est&#45;à&#45;dire entièrement au féminin, des textes provenant de différents horizons, grâce à des algorithmes complétés par des opérations manuelles. C'est ainsi que les traductions perturbent sensiblement les messages originaux. Le processus de traduction fait l'objet de performances, d'installations et d'éditions. http://enfrancaisedanslatexte.fr/
Retravailler le site internet de synesthésie. Peut&#45;être en faire une version imprimable. Se familiariser au code.
Stanford NER is a Java implementation of a Named Entity Recognizer. Named Entity Recognition (NER) labels sequences of words in a text which are the names of things, such as person and company names, or gene and protein names. It comes with well&#45;engineered feature extractors for Named Entity Recognition, and many options for defining feature extractors. Included with the download are good named entity recognizers for English, particularly for the 3 classes (PERSON, ORGANIZATION, LOCATION), and we also make available on this page various other models for different languages and circumstances, including models trained on just the CoNLL 2003 English training data. &#42;https://nlp.stanford.edu/software/CRF&#45;NER.shtml
h3(#nicolas). Nicolas
&#42;Prolex Le projet Prolex, piloté par le Laboratoire d'informatique (LI) de l'université François&#45;Rabelais de Tours, a pour but de fournir, à la communauté du traitement automatique des langues (Tal), des connaissances sur les noms propres, qui constituent, à eux seuls, 10% des textes journalistiques. Ceci par la création d'une plate&#45;forme technologique comprenant un dictionnaire électronique relationnel multilingue de noms propres (Prolexbase), des systèmes d'identification des noms propres et de leurs dérivés, des grammaires locales, etc. http://www.cnrtl.fr/lexiques/prolex/
"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
&#42;Un correcteur orthographique en 21 lignes de Python blog post sur le principe de fonctionnement d'unn correcteur othographique http://blog.proxteam.eu/2013/10/un&#45;correcteur&#45;orthographique&#45;en&#45;21.html
"Aux sources de l'utopie numérique, Fred Turner":http://cfeditions.com/utopieNumerique/
&#42;GNU Aspell http://aspell.net/ ftp://ftp.gnu.org/gnu/aspell/dict/0index.html https://pypi.python.org/pypi/aspell&#45;python&#45;py3/1.13
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
http://www.lexique.org/ base de données qui fournit pour 135 000 mots du français faite par l'université de Savoie
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
Jacques Roubaud https://issuu.com/letripode/docs/tokyo&#95;extrait http://oulipo.net/fr/oulipiens/jr
Fonts:
Pyenv Pour utiliser plusieurs versions de Python sur le même système : http://leetschau.github.io/blog/2014/08/06/144020/
* 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)
Livre sur Python : Apprendre à programmer avec Python 3 de Gérard Swinnen (gratuit : http://inforef.be/swi/download/apprendre&#95;python3&#95;5.pdf)
h3(#pierre-yves). Pierre&#45;Yves
&#42;librairies python pour le texte
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]
Patterns : https://www.clips.uantwerpen.be/pattern
"dearchrome":https://web.archive.org/web/20150220014329/http://www.phil-cao.com:80/dearchrome/lines/
&#42;installer pattern (mint linux, distribution basée sur Ubuntu)
"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?
# installer pip : sudo apt&#45;get install python&#45;pip
# installer setup tools : sudo pip install setuptools
# installer pattern : sudo pip install pattern
imprimer une version de ce blog sous forme de post&#45;it ou de poster par exemple, avoir un format adaptable // automatisation
#coding:utf&#45;8
h2(#show-and-tell). Show and tell
Pattern list des abbréviations Parts of Speech: https://www.ling.upenn.edu/courses/Fall&#95;2003/ling001/penn&#95;treebank&#95;pos.html
h3(#bachir-1). Bachir
&#42;partage de fichiers rapide pour les présentations :
Projet inspiré de Gitbook
https://volafile.org/r/f4q1z59g
Libriis https://figureslibres.io/gogs/bachir/libriis
&#42;Ethica http://ethica&#45;spinoza.net/fr/inline
h3(#élodie-1). Élodie
&#42;Uttiliser espeak
https://ordigami.net/
télécharger espeak via le gestionnaire de paquet apt&#45;get install espeak ou par sur le site officiel (http://espeak.sourceforge.net/download.html)
version écran on voit les faces du cube côte&#45;côte et en version
uttilisation la plus simple : espeak "Hello world"
h3(#nicolas-1). Nicolas
connaitre les voix disponnible en fançais espeak - voices=fr
http://perles&#45;du&#45;bon&#45;coin.fr/
uttiliser une des voix disponnibles espeak &#45;v french "Salut monde"
&#42;&#42;Kevin http://csswarp.eleqtriq.com/
faire lire à espeak la sortie de mon proggrame python python mon&#95;programme.py &#124; espeak
Lucile https://studiomoniker.com/projects/click&#45;click&#45;click https://clickclickclick.click/#e8d0c8a17bce3955716c16b413ee946b
faire lire à espeak la sortie de mon proggrame python et enregistrer le résultat dans un fichier audio python mon&#95;programme.py &#124; espeak &#45;w test.wav
pour des meilleures voix francaise chercher du côté de mbrola
+15 -13
View File
@@ -1,14 +1,16 @@
* "00-ola":#00-ola
* "alex":#alex
* "bachir":#bachir
* "gabriel":#gabriel
* "kenji":#kenji
* "Kenji-Elie":#Kenji-Elie
* "kevin":#kevin
* "Lucile":#Lucile
* "nicolas":#nicolas
* "PierreYves":#PierreYves
* "Sarah":#Sarah
* "timothee_goguely":#timothee_goguely
* "00_ola":#00_ola
* "adrien_chacon":#adrien_chacon
* "bachir_soussi_chiadmi":#bachir_soussi_chiadmi
* "cecile_babiole":#cecile_babiole
* "emilie_aurat":#emilie_aurat
* "isaline_rivery":#isaline_rivery
* "jeremie_nuel":#jeremie_nuel
* "leo_coquet":#leo_coquet
* "leo_martin":#leo_martin
* "leon_lenclos":#leon_lenclos
* "line_gigot":#line_gigot
* "loraine_gaultier":#loraine_gaultier
* "patricia_morsheb":#patricia_morsheb
* "quentin_juhel":#quentin_juhel
* "sandrine_ripolle":#sandrine_ripolle
* "Pad":#pad
* "CookBook":#cookbook