added section1

This commit is contained in:
clemkeirua 2018-04-29 17:39:01 +02:00
parent c380ffad1b
commit 70af1716e7
1 changed files with 44 additions and 43 deletions

87
fr.html
View File

@ -370,62 +370,61 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
<i>individus</i>, mais...
<next>...leurs <i>connections.</i> <div class="rarr"></div> </next>
<next>...leurs <i>liens.</i> <div class="rarr"></div> </next>
</words>
<!-- Networks -->
<words id="networks_tutorial_start">
<b>Let's draw a network!</b>
Each connection represents a friendship between two people:
<b>Dessinons un réseau !</b>
Chaque lien represente une amitié entre deux personnes :
</words>
<words id="networks_tutorial_connect">
draw to connect
dessine pour connecter
</words>
<words id="networks_tutorial_disconnect">
scratch to&nbsp;&nbsp;&nbsp;disconnect
coupe pour&nbsp;&nbsp;&nbsp;&nbsp;déconnecter
</words>
<words id="networks_tutorial_end">
when you're done doodling and playing around,
<next wiggle>let's continue <div class="rarr"></div> </next>
quand vous avez fini de gribouiller et jouer,
<next wiggle>on continue <div class="rarr"></div> </next>
</words>
<words id="networks_threshold">
Now, social connections are for more than just making pretty pictures.
People <i>look to</i> their social connections to understand their world.
For example, people look to their peers to
find out <b>what % of their friends</b> (not counting themselves) are,
say, binge-drinkers. <icon name="yellow"></icon>
Les liens sociaux ne servent juste à faire de jolies images.
Les gens <i>se tournent vers</i> leurs liens sociaux pour comprendre leurs mondes.
Par exemple, les gens regardent leurs pairs
pour savoir quel <b>% de leurs amis</b> (sans se compter eux) sont,
disons, de gros buveurs. <icon name="yellow"></icon>
</words>
<words id="networks_threshold_instruction">
<b>Draw/erase connections, and see what happens! <div class="rarr"></div> </b>
<b>Dessinez/effacez des liens, et regardez ce qui arrive ! <div class="rarr"></div> </b>
</words>
<words id="networks_threshold_end">
<next>cool, got it</next>
<next>cool, j'ai compris</next>
</words>
<words id="networks_pre_puzzle">
However, networks can <i>fool</i> people.
Just like how the earth seems flat because we're on it,
people may get wrong ideas about society because they're <i>in</i> it.
Cependant, les réseaus peuvent <i>tromper</i> les gens.
Comme la Terre peut sembler plate car on est dessus,
des gens peuvent se faire une image fausse de la société car ils en <i>font partie</i>.
</words>
<words id="optional_reading">
<div style="position:absolute; top:5px;">
<i>optional</i> extra bonus notes! &uarr;
Notes <i>optionnelles</i> bonus ! &uarr;
</div>
<div style="position:absolute; left:216px; top:10px;">
&darr; links and references
&darr; liens et références
</div>
</words>
@ -435,14 +434,14 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
<br>
For example, a 1991 study<ref id="drunk"></ref> showed that
“virtually all [college] students reported that their friends drank more than they did.”
But that seems impossible!
How can that be?
Well, you're about to invent the answer yourself, by drawing a network.
It's time to...
Par exemple, une étude de 1991<ref id="drunk"></ref> a montré que “presque tous les étudiants d'[université] ont rapporté que leurs amis buvaient plus qu'eux”
Mais cela parait impossible !
Comment cela se peut-il ?
Hé bien, vous allez inventer la réponse vous même, en dessinant un réseau.
<next>FOOL EVERYONE <div class="rarr"></div> </next>
Il est temps de...
<next>TROMPER TOUT LE MONDE <div class="rarr"></div> </next>
</words>
@ -450,37 +449,38 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
<b style="font-size:2em">PUZZLE TIME!</b>
<br>
Fool <i>everyone</i> into thinking
the majority of their friends (50% threshold) are binge-drinkers <icon name="yellow"></icon>
(even though binge-drinkers are outnumbered 2-to-1!)
Fais croire à <i>tout le monde</i>
que la majorité de leurs amis (seuil à 50%) sont de gros buveurs <icon name="yellow"></icon>
(même s'il y a deux fois moins de gros buveurs&nbsp!)
</words>
<words id="networks_puzzle_metric">
<b>FOOLED:</b>
<b>VICTIMES:</b>
</words>
<words id="networks_puzzle_metric_2">
out of 9 people
parmi 9 personnes
</words>
<words id="networks_puzzle_end">
Congrats! You manipulated a group of students into believing
in the prevalance of an incredibly unhealthy social norm! Good going!
<next wiggle>...uh. thanks?</next>
Félicitations ! Vous avez fait croire chez un groupe d'étudiants
à la prévalence d'une norme sociale incroyablement malsaine&nbsp! Bien joué&nbsp!
<next wiggle>...euh. merci ?</next>
</words>
<words id="networks_post_puzzle">
What you just created is called The Majority Illusion<ref id="majority"></ref>,
which also explains why people think their political views are consensus,
or why extremism seems more common than it actually is.
<i>Madness.</i>
Ce que vous venait de créer s'appelle l'Illusion de la majorité<ref id="majority"></ref>,
qui explique également pourquoi les gens pensent que leurs idées politique fait consensus,
ou pourquoi l'extrémisme semble plus courant qu'il ne l'est.
<i>Folie.</i>
<bon id="connections"></bon>
But people don't just passively <i>observe</i> others' ideas and behaviors,
they actively <i>copy</i> them.
So now, let's look at something network scientists call...
Mais les gens n'<i>observent</i> pas simplement passivement les idées et comportements des autres:
ils les <i>copient</i> activement.
Nous allons donc maintenant regarder ce qu'on appelle...
<next>“Contagions!” <div class="rarr"></div> </next>
<next>les “Contagions!” <div class="rarr"></div> </next>
</words>
@ -488,6 +488,7 @@ Also, <b></b> bolds a word/phrase, and <i></i> italicizes a word/phrase.
<!-- Simple Contagions -->
<words id="simple_simple">
<i>Let's put aside the "threshold" thing for now.</i>
<i>Let's put aside the "threshold" thing for now.</i>
Below: we have a person <icon name="red"></icon> with some information.
Some <i>mis</i>information. "Fake news", as the cool kids say.