Différences entre les versions de « Utilisateur:Nathan Scapin »

De {}
Aller à la navigation Aller à la recherche
 
(5 versions intermédiaires par le même utilisateur non affichées)
Ligne 81 : Ligne 81 :
  
 
- Au contraire, jouer sur une optique d'effacement. Voir le texte s'effacer au fur et à mesure des pages, des modifications du poème initial, comme si le poème initial se perdait petit à petit, pour laisser place au final à une page blanche ...
 
- Au contraire, jouer sur une optique d'effacement. Voir le texte s'effacer au fur et à mesure des pages, des modifications du poème initial, comme si le poème initial se perdait petit à petit, pour laisser place au final à une page blanche ...
 +
 +
</syntaxhighlight>
 +
 +
<syntaxhighlight lang="css">
 +
 +
=> Mise en page CSS des poèmes en HTML
 +
 +
@font-face{
 +
    font-family: IMFEPita;
 +
    src: url('IMFePIit28P.ttf');
 +
}
 +
@font-face{
 +
    font-family: IMFEP;
 +
    src: url('IMFePIrm28P.ttf');
 +
}
 +
*{
 +
    box-sizing: border-box;
 +
    position: relative;
 +
}
 +
html, body{
 +
    margin:0;
 +
    padding:0;
 +
    font-size: 15pt;
 +
    font-family: IMFEP;
 +
}
 +
section.page{
 +
    width:148.5mm;
 +
    height: 210mm;
 +
    margin:1rem;
 +
    padding:1.5rem;
 +
    background: linear-gradient(to bottom right, rgb(240, 230, 210, 0.5), rgba(30, 115, 226, 0));
 +
    background-color: rgb(240, 230, 210);
 +
}
 +
section.page2{
 +
    width:148.5mm;
 +
    height: 210mm;
 +
    margin:1rem;
 +
    padding:1.5rem;
 +
    background: linear-gradient(to bottom right, rgb(240, 230, 210, 0.5), rgba(30, 115, 226, 0.02));
 +
    background-color: rgb(240, 230, 210);
 +
}
 +
section.page3{
 +
    width:148.5mm;
 +
    height: 210mm;
 +
    margin:1rem;
 +
    padding:1.5rem;
 +
    background: linear-gradient(to bottom right, rgb(240, 230, 210, 0.5), rgba(30, 115, 226, 0.06));
 +
    background-color: rgb(240, 230, 210);
 +
}
 +
section.page4{
 +
    width:148.5mm;
 +
    height: 210mm;
 +
    margin:1rem;
 +
    padding:1.5rem;
 +
    background: linear-gradient(to bottom right, rgb(240, 230, 210, 0.5), rgba(30, 115, 226, 0.14));
 +
    background-color: rgb(240, 230, 210);
 +
}
 +
section.page5{
 +
    width:148.5mm;
 +
    height: 210mm;
 +
    margin:1rem;
 +
    padding:1.5rem;
 +
    background: linear-gradient(to bottom right, rgb(240, 230, 210, 0.5), rgba(30, 115, 226, 0.30));
 +
    background-color: rgb(240, 230, 210);
 +
}
 +
article{
 +
    margin:0.5rem;
 +
    width:100%;
 +
}
 +
div{
 +
    width: 75%;
 +
    padding:1rem;
 +
    margin:0 0 0 5rem;
 +
    text-align: right;
 +
}
 +
div.intro{
 +
    padding:6rem 1rem 1rem 1rem;
 +
}
 +
h1{
 +
    font-weight:normal;
 +
    margin:0 0 1rem 0;
 +
    padding: 0 1.5rem 0 0;
 +
    line-height:2rem;
 +
    font-size:1.8rem;
 +
    color: rgb(210, 180, 130, 1);
 +
}
 +
h2{
 +
    font-weight:normal;
 +
    margin:0 0 0.8rem 0;
 +
    padding: 0 1.5rem 0 0;
 +
    line-height:1.7rem;
 +
    font-size:2rem;
 +
    color: rgb(210, 180, 130, 0.9);
 +
}
 +
h3{
 +
    font-weight:normal;
 +
    margin:0 0 0.6rem 0;
 +
    padding: 0 1.5rem 0 0;
 +
    line-height:1.4rem;
 +
    font-size:2.2rem;
 +
    color: rgb(210, 180, 130, 0.75);
 +
}
 +
h4{
 +
    font-weight:normal;
 +
    margin:0 0 0.4rem 0;
 +
    padding: 0 1.5rem 0 0;
 +
    line-height:1.1rem;
 +
    font-size:2.4rem;
 +
    color: rgb(210, 180, 130, 0.55);
 +
}
 +
h5{
 +
    font-weight:normal;
 +
    margin:0 0 0.2rem 0;
 +
    padding: 0 1.5rem 0 0;
 +
    line-height:0.8rem;
 +
    font-size:2.6rem;
 +
    color: rgb(210, 180, 130, 0.30);
 +
}
 +
p{
 +
    margin: 0;
 +
    line-height: 1rem;
 +
    font-size: 0.8rem;
 +
    color: rgb(210, 180, 130, 1);
 +
    text-align: right;
 +
}
 +
p.intro{
 +
    padding:1rem 0 0 0;
 +
    line-height: 1rem;
 +
    text-align: left;
 +
}
 +
p.p2{
 +
    line-height: 0.9rem;
 +
    font-size: 0.9rem;
 +
    color: rgb(210, 180, 130, 0.9);   
 +
}
 +
p.p3{
 +
    line-height: 0.8rem;
 +
    font-size: 1rem;
 +
    color: rgb(210, 180, 130, 0.75);
 +
}
 +
p.p4{
 +
    line-height: 0.7rem;
 +
    font-size: 1.1rem;
 +
    color: rgb(210, 180, 130, 0.55);
 +
}
 +
p.p5{
 +
    line-height: 0.6rem;
 +
    font-size: 1.2rem;
 +
    color: rgb(210, 180, 130, 0.30);
 +
}
 +
p.subtitle{
 +
    font-family: IMFEPita;
 +
    line-height: 0.5rem;
 +
    font-size: 0.4rem;
 +
    text-align: left;
 +
}
 +
img{
 +
    width:100%;
 +
    padding: 1rem 0 0.1rem 0;
 +
}
 +
 +
@media print{
 +
    @page{
 +
        size: 148.5mm 210mm;
 +
    }
 +
    body{
 +
        display: block;
 +
        margin:0;
 +
        }
 +
    section.page{
 +
        margin:0;
 +
        border:0;
 +
    }
 +
}
  
 
</syntaxhighlight>
 
</syntaxhighlight>
  
 
<syntaxhighlight lang="html5">
 
<syntaxhighlight lang="html5">
 +
 +
=> Texte HTML de la mise en page des poèmes
 +
 
<html>
 
<html>
 
     <head>
 
     <head>
Ligne 262 : Ligne 439 :
 
     </body>
 
     </body>
 
</html>
 
</html>
 +
 +
</syntaxhighlight>
 +
 +
 +
<syntaxhighlight>
 +
 +
Projet bot :
 +
 +
Aller chercher de nombreuses sources statistiques sur des sites de stats.
 +
Les mettre en lien selon leur indice de corrélation.
 +
Le bot publie sur Twitter de la désinformation en reliant des données statistiques.
 +
Exemple : Le bot se rend compte que la courbe du prix des bananes rejoint la courbe du nombre de suicides en Suisse, et Tweet la corrélation absurde.
 +
 +
</syntaxhighlight>
 +
 +
<syntaxhighlight>
 +
 +
Étapes du programme bot :
 +
1 - Je liste un ensemble de courbes statistiques aux données radicalement différentes, sur des sites de données statistiques (sites à définir).
 +
2 - Je calcule les vecteurs de ces courbes.
 +
3 - Je met en comparaison les vecteurs d'une série de courbes jusqu'à trouver deux courbes qui évoluent de la même manière.
 +
4 - J'écris un tweet fait d'éléments clés qui met ses courbes en corrélation à la manière d'une fake news (ex. : "Ah, comme par hasard," - l'évolution du prix des bananes - "évolue comme" - le nombre de vol Madrid / Moscou arrivé en retard - "Coincidence ? Je ne crois pas !").
 +
 +
</syntaxhighlight>
 +
 +
<syntaxhighlight>
 +
 +
Étapes du programme bot VERSION 2 :
 +
1 - Je liste un ensemble de données statistiques radicalement différentes trouvées sur différents sites (woldshapin, The Big Mac index ...).
 +
2 - Je classe l'ensemble de ces données dans plusieurs grands tableaux, avec un axe "temps" et un axe "pays" commun à toutes ces données (2009, 2010, 2011 ... ; USA, Belgique, Italie ...).
 +
3 - Je recherche des chiffres quasi identiques dans l'axe divergent de tout ces tableaux.
 +
4 - Je met en comparaison ces deux données identiques selon leurs divergences (ex.: L'espérance de vie aux USA en 1980 est identique à l'espérance de vie en Chine en 2011).
 +
5 - J'écris un tweet fait d'éléments clés qui fait le lien entre ces différents éléments improbables, à la manière d'une fake news (ex. : "Ah, comme par hasard," - l'espérance de vie aux USA en 1980 - "est identique à" - l'espérance de vie en Chine en 2011. - "Coincidence ? Je ne crois pas !").
 +
 +
</syntaxhighlight>
 +
 +
<syntaxhighlight>
 +
 +
Étapes du bot V3:
 +
 +
1 – Le bot liste un ensemble de données statistiques radicalement différentes trouvées sur les sites Worldshapin et The Big Mac index (pour 26 pays : la population, le PIB par habitant, la production de Co2, le nombre d’années d’études attendues et en pratique, l’espérance de vie, l’égalité sur le lieu de travail et le prix du Bic Mac en dollars).
 +
 +
2 – Le bot classe l'ensemble de ces données dans un seul grand tableau, les réorganisant de manière à avoir un seul un axe "années" commun à tout les pays (2000, 2005, 2006 ... ; à 2011). C’est cet énorme corpus de 1664 informations qui va nous permettre de faire des croisements.
 +
 +
3 – Le bot calcul le rapport entre chaque case qui se suit (par exemple : « Espérance de vie au Canada en 2007 » multiplié par « Espérance de vie au Canada en 2008 »). Cela donne un nouveau tableau, celui de la courbe d’évolution de toutes les valeurs (si le résultat de l’exemple précédent est « +0,12 », l’espérance de vie au Canada aura augmentée de 12% entre 2007 et 2008). Ce nouveau tableau permet de comparer des valeurs auparavant incomparables.
 +
 +
4 – Le bot consulte ensuite le nouveau tableau pour mettre en comparaison deux données identiques (par exemple : si la Population de la Grande Bretagne a baissée de 7% entre 2005 et 2006 et que le prix du Bic Mac a baissé de 7% en Russie de 2010 à 2011, le bot peut associé les deux cases entre elles).
 +
 +
5 – Le bot écrit un tweet fait d'éléments clés qui font le lien entre ces deux données statistiques radicalement différentes, à la manière d'une fake news (ex. : "Ah, comme par hasard," - l'espérance de vie aux USA évolue entre 2008 et 2009 - "de manière identique à" – la production de Co2 en Chine entre 2006 et 2007. - "Coincidence ? Je ne crois pas !").
  
 
</syntaxhighlight>
 
</syntaxhighlight>

Version actuelle datée du 9 mai 2022 à 23:27

=> LA TAVERNE VERSION 1

print("BIENVENU ÉTRANGER !")

print("Entre donc, tout le monde est bienvenu dans LA TAVERNE DE LA LICORNE BORGNE.")

print("Mais dis-moi, de quelle race es-tu ? Un nain, un elf, un humain, un gnôme ou un hobbit ?")

race = input()

race = str(race)

if race == hobbit:
    print("Ah ! Un hobbit ! J'ai bien failli vous confondre avec un gnôme ayant perdu ses bottes! *rire*")
elif race == gnôme:
    print("Oooh ... Messir gnôme, veuillez vous désaltérer dans mon humble demeure. *regard malicieux* J'espère que vous venez la bourse pleine.")
elif race == elf:
    print("Eh bien, seigneur elf, ne restez pas vouté ainsi ! Je vous ai pris pour un semi-homme ! *sarcasme*")
elif race == nain:
    print("Outch ! J'aurais pu m'en douter à l'odeur. Sieur nain, votre douche annuelle vous ferait du bien. *se bouche le nez*")
elif race == humain:
    print("Whaou ! Quelle originalité ! Super, un humain, comme d'hab' quoi... *cynisme*")
else:
    print("Hum ... J'ai du mal entendre. Peux-tu répéter ?")
=> LA TAVERNE VERSION 2

import time

import random

print("Tavernier : BIENVENU ÉTRANGER !")
time.sleep(1)
print("Entre donc, tout le monde est bienvenu dans LA TAVERNE DE LA LICORNE BORGNE.")
time.sleep(2)
print("Mais dis-moi, de quelle race es-tu ? Un nain, un elf, un humain, un gnôme ou un hobbit ?")

race = input()

while race != "hobbit" and race!= "gnôme" and race!= "elf" and race!= "nain" and race!= "humain":
        print("Tavernier : Hum ... J'ai du mal entendre. Peux-tu répéter ?")
        race = input()
        
if race == "hobbit":
    print("Tavernier : Ah ! Un hobbit ! J'ai bien failli vous confondre avec un gnôme ayant perdu ses bottes! *rire*")
elif race == "gnôme":
    print("Tavernier : Oooh ... Messir gnôme, veuillez vous désaltérer dans mon humble demeure. *regard malicieux* J'espère que vous venez la bourse pleine.")
elif race == "elf":
    print("Tavernier : Eh bien, seigneur elf, ne restez pas vouté ainsi ! Je vous ai pris pour un semi-homme ! *sarcasme*")
elif race == "nain":
    print("Tavernier : Outch ! J'aurais pu m'en douter à l'odeur. Sieur nain, votre douche annuelle vous ferait du bien. *se bouche le nez*")
elif race == "humain":
    print("Tavernier : Whaou ! Quelle originalité ! Super, un humain, comme d'hab' quoi... *cynisme*")
#Énoncés de syntaxe :

- Programme qui réécrit les mots à l'envers lettre par lettre.
- Programme qui passe en "Caplock" : les minuscules deviennent majuscules / les maj deviennent min / les & deviennent 1 / les é deviennent 2 / les " deviennent 3, ect.
- Programme qui recompose des poèmes en inversant des lignes.
- Programme qui rajoute des "kof kooff" de toux entre les mots.
- Programme qui rajoute "va bien" après le premier son "ju", puis "vamine" après le deuxième son "ju".
- Programme qui pousse le mot "bouchon" avec de nombreux Tabs, et qui signe "Maurice" en fin de texte.
- Programme qui transforme les mots en faux latin en rajoutant des "-us" en fin de mot.
IDÉES DE MISES EN PAGES HTML :

- Mettre en pages le poème initial, puis les poèmes après les programmes pythons, puis faire passer les poèmes dans plusieurs programmes python les uns à la suite des autres (rajouté Narcisse + raton-laveur et mare aux canards + réécrire les mots à l'envers, ect...). Le but est de voir se dégrader la matière initiale, tout comme la mise en page qui deviendrait chaotique.

- Dans la même optique, écrire un programme évolutif qui transformerait au fur et à mesure le texte en une suite de 0 et de 1. Par exemple transformer certaines lettre en 9, puis en 8, en 7, ect, le tout en canon (les "a" à "e" se transforment d'abord, puis les "f" à "j", ect).

- Au contraire, jouer sur une optique d'effacement. Voir le texte s'effacer au fur et à mesure des pages, des modifications du poème initial, comme si le poème initial se perdait petit à petit, pour laisser place au final à une page blanche ...
=> Mise en page CSS des poèmes en HTML

@font-face{
    font-family: IMFEPita;
    src: url('IMFePIit28P.ttf');
}
@font-face{
    font-family: IMFEP;
    src: url('IMFePIrm28P.ttf');
}
*{
    box-sizing: border-box;
    position: relative;
}
html, body{
    margin:0;
    padding:0;
    font-size: 15pt;
    font-family: IMFEP;
}
section.page{
    width:148.5mm;
    height: 210mm;
    margin:1rem;
    padding:1.5rem;
    background: linear-gradient(to bottom right, rgb(240, 230, 210, 0.5), rgba(30, 115, 226, 0));
    background-color: rgb(240, 230, 210);
}
section.page2{
    width:148.5mm;
    height: 210mm;
    margin:1rem;
    padding:1.5rem;
    background: linear-gradient(to bottom right, rgb(240, 230, 210, 0.5), rgba(30, 115, 226, 0.02));
    background-color: rgb(240, 230, 210);
}
section.page3{
    width:148.5mm;
    height: 210mm;
    margin:1rem;
    padding:1.5rem;
    background: linear-gradient(to bottom right, rgb(240, 230, 210, 0.5), rgba(30, 115, 226, 0.06));
    background-color: rgb(240, 230, 210);
}
section.page4{
    width:148.5mm;
    height: 210mm;
    margin:1rem;
    padding:1.5rem;
    background: linear-gradient(to bottom right, rgb(240, 230, 210, 0.5), rgba(30, 115, 226, 0.14));
    background-color: rgb(240, 230, 210);
}
section.page5{
    width:148.5mm;
    height: 210mm;
    margin:1rem;
    padding:1.5rem;
    background: linear-gradient(to bottom right, rgb(240, 230, 210, 0.5), rgba(30, 115, 226, 0.30));
    background-color: rgb(240, 230, 210);
}
article{
    margin:0.5rem;
    width:100%;
}
div{
    width: 75%;
    padding:1rem;
    margin:0 0 0 5rem;
    text-align: right;
}
div.intro{
    padding:6rem 1rem 1rem 1rem;
}
h1{
    font-weight:normal; 
    margin:0 0 1rem 0;
    padding: 0 1.5rem 0 0;
    line-height:2rem;
    font-size:1.8rem;
    color: rgb(210, 180, 130, 1);
}
h2{
    font-weight:normal; 
    margin:0 0 0.8rem 0;
    padding: 0 1.5rem 0 0;
    line-height:1.7rem;
    font-size:2rem;
    color: rgb(210, 180, 130, 0.9);
}
h3{
    font-weight:normal; 
    margin:0 0 0.6rem 0;
    padding: 0 1.5rem 0 0;
    line-height:1.4rem;
    font-size:2.2rem;
    color: rgb(210, 180, 130, 0.75);
}
h4{
    font-weight:normal; 
    margin:0 0 0.4rem 0;
    padding: 0 1.5rem 0 0;
    line-height:1.1rem;
    font-size:2.4rem;
    color: rgb(210, 180, 130, 0.55);
}
h5{
    font-weight:normal; 
    margin:0 0 0.2rem 0;
    padding: 0 1.5rem 0 0;
    line-height:0.8rem;
    font-size:2.6rem;
    color: rgb(210, 180, 130, 0.30);
}
p{
    margin: 0;
    line-height: 1rem;
    font-size: 0.8rem;
    color: rgb(210, 180, 130, 1);
    text-align: right;
}
p.intro{
    padding:1rem 0 0 0;
    line-height: 1rem;
    text-align: left;
}
p.p2{
    line-height: 0.9rem;
    font-size: 0.9rem;
    color: rgb(210, 180, 130, 0.9);    
}
p.p3{
    line-height: 0.8rem;
    font-size: 1rem;
    color: rgb(210, 180, 130, 0.75);
}
p.p4{
    line-height: 0.7rem;
    font-size: 1.1rem;
    color: rgb(210, 180, 130, 0.55);
}
p.p5{
    line-height: 0.6rem;
    font-size: 1.2rem;
    color: rgb(210, 180, 130, 0.30);
}
p.subtitle{
    font-family: IMFEPita;
    line-height: 0.5rem;
    font-size: 0.4rem;
    text-align: left;
}
img{
    width:100%;
    padding: 1rem 0 0.1rem 0;
}

@media print{
    @page{
        size: 148.5mm 210mm;
    }
    body{
        display: block;
        margin:0;
        }
    section.page{
        margin:0;
        border:0;
    }
}
=> Texte HTML de la mise en page des poèmes

<html>
    <head>
        <title>Intro html</title>
        
        <link href="styles_poem.css" rel="stylesheet" type="text/css">
        <meta charset="utf-8">
    </head>

    <body>
        <section class="page">
            <article>
                <h1>Déliquescence textuelle, un quatre mains humain-machine</h1>

                <div class="intro">    
                    <p class="intro">À l'aide d'un usage néophyte du langage de code ASCII, un poème, fait de bribes de poèmes humains éparses, est né.</p>
                    <p class="intro">Le résultat de ce nouveau poème, hybridation d'un travail humain-machine, a ici été repassé à travers plusieurs programmes de modification de texte créés par l'humain.</p>
                    <p class="intro">Ces caractères typographiques ont été associés à un visuel, représentation du poète sans inspiration, qui a été modifié de manière comparable au poème.</p>
                    <p class="intro">Le croisement de ces différents médiums d'expression a pour but d'interroger une expression nouvelle, une langue transhumaine dont nous n'avons qu'une partie des codes pour la comprendre...</p>
                </div>
            </article>

        </section>

        <section class="page">

        </section>

        <section class="page">
            <article>
                <h1>Poème original en texte brut</h1>

                <div>    
                    <p>une pie blanche dans le ciel</p>
                    <p>J'ai des cheveux</p>
                    <p>A'Z\x177W[{;;S/\x17{W\x17S;\x1bW[K;S~</p>
                    <p>Wesh la zone</p>
                    <p>Ou est la mer, vive le vent</p>
                    <p>a;rS\x17CK\x17'KS;</p>
                    <p>[CKg\x1bS[C\x17K;</p>
                    <p>Je suis telle une rose... Delicate et qui embaume...</p>
                    <p>As'tu vu mon nez Tout elumine</p>
                    <p>Chemin prevu Sillon trace</p>
                    <p>J'espere ce qui m'est interdit</p>
                    <p>O \x15age</p>
                    <p>O Desespoir</p>
                    <p>O Vieillesse ennemie</p>
                    <img src= "file:///Users/NathanScapin/Desktop/ERG/COURS/Script/Visuels_poem_HTML/The_Poor_Poet_ORIGINAL.jpeg">
                    <p class="subtitle">Le Pauvre Poète, Carl Spitzweg, 1839. Le poète n'est plus la noble figure de l'artiste romantique : miséreux et sans inspiration, il ne sait plus créer.</p>
                </div>
            </article>
        </section>

        <section class="page">

        </section>

        <section class="page2">
            <article>
                <h2>Poème après le programme raton-laveur</h2>

                <div>    
                    <p class="p2">une pie blanche dans le raton-laveur</p>
                    <p class="p2">J'ai des cheveux</p>
                    <p class="p2">A'Z\x177W[{;;S/\x17{W\x17S;\x1bW[K;S~</p>
                    <p class="p2">Wesh la mare aux canards</p>
                    <p class="p2">Ou est la mare aux canards vive le raton-laveur</p>
                    <p class="p2">a;rS\x17CK\x17'KS;</p>
                    <p class="p2">[CKg\x1bS[C\x17K;</p>
                    <p class="p2">Je suis telle une rose... Delicate et qui embaume...</p>
                    <p class="p2">As'tu vu mon nez Tout elumine</p>
                    <p class="p2">Chemin prevu Sillon trace</p>
                    <p class="p2">J'espere ce qui m'est interdit</p>
                    <p class="p2">O \x15age</p>
                    <p class="p2">O Desespoir</p>
                    <p class="p2">O Vieillesse ennemie</p>
                    <img src= "file:///Users/NathanScapin/Desktop/ERG/COURS/Script/Visuels_poem_HTML/The_Poor_Poet_RATON.jpg">
                    <p class="subtitle">Le Pauvre Poète subit les mêmes modifications que le poème : le mot suivant les "le" est remplacé par "raton laveur", le mot suivant les "la" est remplacé par "la mare aux canards".</p>
                </div>
            </article>
        </section>

        <section class="page2">

        </section>

        <section class="page3">
            <article>
                <h3>Poème après le programme raton-laveur, puis le programme Narcisse</h3>

                <div>    
                    <p class="p3">une pie blanche dans le raton-laveur</p>
                    <p class="p3">J'ai des cheveux  NARCISSE</p>
                    <p class="p3">A'Z\x177W[{;;S/\x17{W\x17S;\x1bW[K;S~</p>
                    <p class="p3">Wesh la mare aux canards</p>
                    <p class="p3">Ou est la mare aux canards vive le raton-laveur</p>
                    <p class="p3">a;rS\x17CK\x17'KS;</p>
                    <p class="p3">[CKg\x1bS[C\x17K;</p>
                    <p class="p3">Je suis telle une rose... Delicate et qui embaume... NARCISSE</p>
                    <p class="p3">As'tu vu mon nez Tout elumine</p>
                    <p class="p3">Chemin prevu Sillon trace</p>
                    <p class="p3">J'espere ce qui m'est interdit NARCISSE</p>
                    <p class="p3">O \x15age</p>
                    <p class="p3">O Desespoir</p>
                    <p class="p3">O Vieillesse ennemie</p>
                    <img src= "file:///Users/NathanScapin/Desktop/ERG/COURS/Script/Visuels_poem_HTML/The_Poor_Poet_RATON_NARCISSE.jpg">
                    <p class="subtitle">Le Pauvre Poète subit les mêmes modifications que le poème :</p>
                    <p class="subtitle">le mot "NARCISSE" vient se rajouter aux phrases commençant par "Je".</p>
                </div>
            </article>
        </section>

        <section class="page3">

        </section>

        <section class="page4">
            <article>
                <h4>Poème après le programme raton-laveur, puis le programme Narcisse, puis le programme à l'envers</h4>

                <div>    
                    <p class="p4">enu eip ehcnalb snad el rueval-notar</p>
                    <p class="p4">ia'J sed xuevehc  ESSICRAN</p>
                    <p class="p4">~S;K[Wb1x\;S71x\W{71x\/S;;{[W771x\Z'A</p>
                    <p class="p4">hseW al eram xua sdranac</p>
                    <p class="p4">uO tse al eram xua sdranac eviv el rueval-notar</p>
                    <p class="p4">;SK'71x\KC71x\Sr;a</p>
                    <p class="p4">;K71x\C[Sb1x\gKC[</p>
                    <p class="p4">eJ sius ellet enu ...esor etacileD te iuq ...emuabme ESSICRAN </p>
                    <p class="p4">ut'sA uv nom zen tuoT enimule</p>
                    <p class="p4">nimehC uverp nolliS ecart</p>
                    <p class="p4">erepse'J ec iuq tse'm tidretni ESSICRAN</p>
                    <p class="p4">O ega51x\</p>
                    <p class="p4">O riopseseD</p>
                    <p class="p4">O essellieiV eimenne</p>
                    <img src= "file:///Users/NathanScapin/Desktop/ERG/COURS/Script/Visuels_poem_HTML/The_Poor_Poet_RATON_NARCISSE_A%CC%80L'ENVERS.jpg">
                    <p class="subtitle">Le Pauvre Poète subit les mêmes modifications que le poème :</p>
                    <p class="subtitle">le texte est entièrement réécrit à l'envers.</p>
                </div>
            </article>
        </section>

        <section class="page4">

        </section>

        <section class="page5">
            <article>
                <h5>Poème après le programme raton-laveur, puis le programme Narcisse, puis le programme à l'envers, puis le programme ???</h5>

                <div>    
                    <p class="p5">??? ??? ehcnalb snad el rueval-notar</p>
                    <p class="p5">ia'J ??? xuevehc  ESSICRAN</p>
                    <p class="p5">~S;K[Wb1x\;S71x\W{71x\/S;;{[W771x\Z'A</p>
                    <p class="p5">hseW al eram ??? sdranac</p>
                    <p class="p5">uO ??? al eram ??? sdranac eviv el rueval-notar</p>
                    <p class="p5">;SK'71x\KC71x\Sr;a</p>
                    <p class="p5">;K71x\C[Sb1x\gKC[</p>
                    <p class="p5">eJ sius ellet ??? ...esor etacileD te ??? ...emuabme ESSICRAN</p>
                    <p class="p5">ut'sA uv ??? ??? tuoT enimule</p>
                    <p class="p5">nimehC uverp nolliS ecart</p>
                    <p class="p5">erepse'J ec ??? tse'm tidretni ESSICRAN</p>
                    <p class="p5">O ega51x\</p>
                    <p class="p5">O riopseseD</p>
                    <p class="p5">O essellieiV eimenne</p>
                    <img src= "file:///Users/NathanScapin/Desktop/ERG/COURS/Script/Visuels_poem_HTML/The_Poor_Poet_RATON_NARCISSE_A%CC%80L'ENVERS_%3F%3F%3F.jpg">
                    <p class="subtitle">Le Pauvre Poète subit les mêmes modifications que le poème :</p>
                    <p class="subtitle">chaque mot de trois lettres est remplacé par "???".</p>
                </div>
            </article>
        </section>

        <section class="page5">

        </section>

    </body>
</html>


Projet bot :

Aller chercher de nombreuses sources statistiques sur des sites de stats.
Les mettre en lien selon leur indice de corrélation.
Le bot publie sur Twitter de la désinformation en reliant des données statistiques.
Exemple : Le bot se rend compte que la courbe du prix des bananes rejoint la courbe du nombre de suicides en Suisse, et Tweet la corrélation absurde.
Étapes du programme bot :
1 - Je liste un ensemble de courbes statistiques aux données radicalement différentes, sur des sites de données statistiques (sites à définir).
2 - Je calcule les vecteurs de ces courbes.
3 - Je met en comparaison les vecteurs d'une série de courbes jusqu'à trouver deux courbes qui évoluent de la même manière.
4 - J'écris un tweet fait d'éléments clés qui met ses courbes en corrélation à la manière d'une fake news (ex. : "Ah, comme par hasard," - l'évolution du prix des bananes - "évolue comme" - le nombre de vol Madrid / Moscou arrivé en retard - "Coincidence ? Je ne crois pas !").
Étapes du programme bot VERSION 2 :
1 - Je liste un ensemble de données statistiques radicalement différentes trouvées sur différents sites (woldshapin, The Big Mac index ...).
2 - Je classe l'ensemble de ces données dans plusieurs grands tableaux, avec un axe "temps" et un axe "pays" commun à toutes ces données (2009, 2010, 2011 ... ; USA, Belgique, Italie ...).
3 - Je recherche des chiffres quasi identiques dans l'axe divergent de tout ces tableaux.
4 - Je met en comparaison ces deux données identiques selon leurs divergences (ex.: L'espérance de vie aux USA en 1980 est identique à l'espérance de vie en Chine en 2011).
5 - J'écris un tweet fait d'éléments clés qui fait le lien entre ces différents éléments improbables, à la manière d'une fake news (ex. : "Ah, comme par hasard," - l'espérance de vie aux USA en 1980 - "est identique à" - l'espérance de vie en Chine en 2011. - "Coincidence ? Je ne crois pas !").
Étapes du bot V3:

1 – Le bot liste un ensemble de données statistiques radicalement différentes trouvées sur les sites Worldshapin et The Big Mac index (pour 26 pays : la population, le PIB par habitant, la production de Co2, le nombre d’années d’études attendues et en pratique, l’espérance de vie, l’égalité sur le lieu de travail et le prix du Bic Mac en dollars).

2 – Le bot classe l'ensemble de ces données dans un seul grand tableau, les réorganisant de manière à avoir un seul un axe "années" commun à tout les pays (2000, 2005, 2006 ... ; à 2011). C’est cet énorme corpus de 1664 informations qui va nous permettre de faire des croisements.

3 – Le bot calcul le rapport entre chaque case qui se suit (par exemple : « Espérance de vie au Canada en 2007 » multiplié par « Espérance de vie au Canada en 2008 »). Cela donne un nouveau tableau, celui de la courbe d’évolution de toutes les valeurs (si le résultat de l’exemple précédent est « +0,12 », l’espérance de vie au Canada aura augmentée de 12% entre 2007 et 2008). Ce nouveau tableau permet de comparer des valeurs auparavant incomparables.

4 – Le bot consulte ensuite le nouveau tableau pour mettre en comparaison deux données identiques (par exemple : si la Population de la Grande Bretagne a baissée de 7% entre 2005 et 2006 et que le prix du Bic Mac a baissé de 7% en Russie de 2010 à 2011, le bot peut associé les deux cases entre elles).

5 – Le bot écrit un tweet fait d'éléments clés qui font le lien entre ces deux données statistiques radicalement différentes, à la manière d'une fake news (ex. : "Ah, comme par hasard," - l'espérance de vie aux USA évolue entre 2008 et 2009 - "de manière identique à" – la production de Co2 en Chine entre 2006 et 2007. - "Coincidence ? Je ne crois pas !").