Chapter 3! nearly done

This commit is contained in:
azarz 2018-10-30 14:41:03 +01:00
parent 7953faa537
commit 9ac8344aad
1 changed files with 127 additions and 119 deletions

246
fr.html
View File

@ -946,11 +946,11 @@ If that's not possible, and your text doesn't fit in its box, you can modify att
<panel w=500 h=400>
<pic src="pics/leit1.png" sx=0 sy=0></pic>
<words x=10 y=10 w=430 h=60 style="font-size:20px;">
Cela dit, les habitudes ont la vie dure. Si tu commences trop gros, tu ne feras pas avancer la boule...
Cela dit, les habitudes ont la vie dure. Si tu commences trop gros, tu n'avanceras pas...
</words>
<words x=20 y=300 w=450 h=60 style="font-size:21px;">
Mais si tu commences <i>petit</i>, tu peux gagner de l'élan,
et faire rouler ta boule de neige la faisant grossir de plus en plus.
et faire avancer ta boule de motivation la faisant grossir de plus en plus.
</words>
</panel>
@ -1329,7 +1329,7 @@ If that's not possible, and your text doesn't fit in its box, you can modify att
<div id="divider_container">
<div id="chapter_name">
<div>
GET STARTED TODAY!
COMMENCE AUJOURD'HUI !
</div>
</div>
<div id="chapter_links"></div>
@ -1341,31 +1341,31 @@ If that's not possible, and your text doesn't fit in its box, you can modify att
<panel w=500 h=350>
<pic src="pics/end0.png" sx=0 sy=0></pic>
<words x=10 y=10 w=450 h=60>
To help you get started with Spaced Repetition <i>today</i>,
you need to answer four questions:
Pour t'aider à commencer la Répétition Espacée <i>aujourd'hui</i>,
tu as besoin de répondre à quatre questions :
</words>
<!--
TRANSLATOR NOTE:
Remember, if your translated word is too big, you can modify the CSS! (especially font-size)
-->
<words x=8 y=237 w=120 no-bg style="color:#fff; font-size:40px">
WHAT?
QUOI ?
</words>
<words x=121 y=237 w=120 no-bg style="color:#fff; font-size:40px">
WHY?
POURQUOI ?
</words>
<words x=226 y=237 w=120 no-bg style="color:#fff; font-size:40px">
HOW?
COMMENT ?
</words>
<words x=337 y=237 w=120 no-bg style="color:#fff; font-size:40px">
WHEN?
QUAND ?
</words>
</panel>
<panel w="600" h="80">
<words w="600" x="-15" no-bg="">
You'll answer these questions by making flashcards!
So, here's the <i>front</i> of our first flashcard, our first question:
Tu répondras à ces questions en faisant des cartes !
Voici la <i>face</i> de notre première carte, notre première question :
</words>
</panel>
@ -1378,28 +1378,28 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=500 h=450>
<pic src="pics/end0.png" sx=500 sy=0></pic>
<words x=10 y=10 w=430 h=60>
For example, you could use Spaced Repetition to help you learn...
Par exemple, tu pourrais utiliser la Répétition Espacée pour t'aider à apprendre...
</words>
<words x=120 y=104 w=100 style="text-align:left" no-bg class="comic_text">
a new language
une nouvelle langue
</words>
<words x=320 y=107 w=100 style="text-align:left" no-bg class="comic_text">
a new instrument
un nouvel instrument
</words>
<words x=115 y=195 w=100 style="text-align:left" no-bg class="comic_text">
computer programming
la programmation informatique
</words>
<words x=340 y=195 w=150 style="text-align:left" no-bg class="comic_text">
details of friends' lives
des détails de la vie d'amis
</words>
<words x=129 y=283 w=200 style="text-align:left" no-bg class="comic_text">
anything interesting you find, anywhere!
tout ce que tout trouves d'intéressant partout !
</words>
<words x=389 y=290 w=100 style="text-align:left" no-bg class="comic_text">
all the pokémon
tous les pokémons
</words>
<words x=80 y=380 w=380 h=30>
Now, you write <i>your</i> answer on the back:
Maintenant, écris <i>ta</i> réponse sur le dos :
</words>
</panel>
@ -1409,15 +1409,15 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel fadeInOn="answer_edit_you_what" w="600" h="40" style="margin-bottom: -10px;">
<words w="600" x="-15" y="-10" no-bg="">
(note: you can scroll back here &amp; change your answer later)
(note : tu pourras remonter ici et changer ta réponse plus tard)
</words>
</panel>
<panel w="600" h="80">
<words w="600" x="-15" no-bg="">
However, recall that for Spaced Repetition to work,
you need to connect it to something you <i>care</i> about.
So our next question is:
Cependant, rappelle-toi que pour que la Répétition Espacée fonctionne,
tu as besoin de la connecter à quelque chose qui t'<i>importe</i>.
Du coup, notre prochaine question est :
</words>
</panel>
@ -1430,26 +1430,26 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=500 h=450>
<pic src="pics/end0.png" sx=1000 sy=0></pic>
<words x=10 y=10 w=430 h=60>
That may be too philosophical, so here's some
concrete examples of a <i>why</i> behind a <i>what:</i>
Ça peut sembler trop philisophique, donc voici quelques
exemples concrets d'un <i>pourquoi</i> derrière un <i>quoi :</i>
</words>
<words x=130 y=105 w=350 style="text-align:left" no-bg class="comic_text">
<b>WHAT:</b> a new language
<b>QUOI :</b> une nouvelle langue
<br>
<b>WHY:</b> to speak to friends, family, lovers in their native tongue
<b>POURQUOI :</b> pour parler à des amis, de la famille, des amants dans leur langue natale
</words>
<words x=130 y=210 w=350 style="text-align:left" no-bg class="comic_text">
<b>WHAT:</b> computer programming
<b>QUOI :</b> la programmation informatique
<br>
<b>WHY:</b> to make money so you can eat
<b>POURQUOI :</b> pour avoir un salaire pour pouvoir manger
</words>
<words x=130 y=290 w=350 style="text-align:left" no-bg class="comic_text">
<b>WHAT:</b> anything interesting
<b>QUOI :</b> n'importe quoi d'intéressant !
<br>
<b>WHY:</b> curiosity, for its own sake!
<b>POURQUOI :</b> tout simplement par curiosité !
</words>
<words x=210 y=380 w=250 h=30>
So... what's <i>your</i> why?
Donc... quel est <i>ton</i> "pourquoi" ?
</words>
</panel>
@ -1459,9 +1459,9 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w="600" h="80">
<words w="600" x="-15" no-bg="">
You now have your what and why... but we still need to pick a <i>how!</i>
That is, what tool/app do you want to use?
Our next card asks:
Tu as désormais ton quoi et ton pourquoi... mais il nous manque le <i>comment !</i>
C'est-à-dire, quel outil ou appli veux-tu utiliser ?
Notre prochaine carte demande :
</words>
</panel>
@ -1474,52 +1474,52 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=500 h=700>
<pic src="pics/end0.png" sx=0 sy=450></pic>
<words x=10 y=10 w=450 h=90>
I currently use
<a target="_blank" href="https://en.wikipedia.org/wiki/Leitner_system">The Leitner Box</a>,
but my friends use
J'use actuellement
<a target="_blank" href="https://en.wikipedia.org/wiki/Leitner_system">La Boîte de Leitner</a>,
mais mes amis utilisent
<a target="_blank" href="https://apps.ankiweb.net/">Anki</a>,
and for a while I used
et pendant un moment j'ai utilisé
<a target="_blank" href="https://tinycards.duolingo.com/">TinyCards</a>.
(links open in new tabs)
Here's how they compare:
(les liens s'ouvrent dans de nouveaux onglets)
Voici une comparaison entre les trois :
</words>
<words x=160 y=140 w=300 fontsize=21 style="text-align:left" no-bg>
<b>Leitner Box</b>
<b>La Boîte de Leitner</b>
<br>
Pros: arts-and-craftsy, easy to use
Avantages : artisanal, facile d'utilisation
<br>
Cons: not as portable as an app
Inconvénients : pas aussi portable qu'une appli
</words>
<words x=160 y=275 w=300 fontsize=21 style="text-align:left" no-bg>
<b>Anki (app)</b>
<b>Anki (appli)</b>
<br>
Pros: huge community, open-source, lots of powerful features
Avantages : grande communauté, open source, beaucoup de fonctions puissantes
<br>
Cons: kinda ugly
Inconvénients : plutôt moche
</words>
<words x=160 y=405 w=300 fontsize=21 style="text-align:left" no-bg>
<b>TinyCards (app)</b>
<b>TinyCards (appli)</b>
<br>
Pros: beautiful design, easy to use
Avantages : beau design, facile d'utilisation
<br>
Cons: max 150 cards per deck, doesn't let <i>you</i> decide if you got a card right
Inconvénients : maxi 150 cartes par deck, ne <i>te</i> laisse pas décider si tu as eu bon
</words>
<words x=10 y=530 w=450 h=60>
(Want something else?
Here's a few other tools:
(Tu veux autre chose ?
Voici quelques autres outils :
<a target="_blank" href="https://www.supermemo.com/">SuperMemo</a>,
<a target="_blank" href="https://www.nimblenotes.com/">NimbleNotes</a>,
<a target="_blank" href="https://mnemosyne-proj.org/">Mnemosyne</a>)
</words>
<words x=110 y=620 w=360 h=40 no-bg fontsize=20>
* <i>anti</i>-disclaimer: i am <i>not</i> affiliated with any of these.
i just think they're cool &amp; helpful!
* <i>anti</i>-avertissement: je <i>ne</i> suis affilié à <i>aucun</i> d'eux.
je les trouve juste cools et utiles !
</words>
</panel>
<panel w=600 h=50>
<words w=600 x=-15 no-bg>
So, what's it gonna be?
Ce sera quoi alors ?
</words>
</panel>
@ -1530,43 +1530,43 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=500 h=450>
<pic src="pics/end0.png" sx=500 sy=450></pic>
<words x=10 y=10 w=430 h=90>
Just one card left!
Now: doing Spaced Repetition is actually quite easy...
however, doing it <i>as a daily habit</i> is hard.
Plus qu'une carte !
Maintenant, faire de la Répétition Espacée est plutôt facile...
par contre, en faire une <i>habitude quotidienne</i> est difficile.
</words>
<words x=60 y=355 w=400 h=30 no-bg>
Why? Because getting the ball rolling on <i>any</i> new habit is hard.
Pourquoi ? Parce qu'il est dur de mettre en route <i>n'importe quelle</i> nouvelle habitude.
</words>
</panel>
<panel w=500 h=550>
<pic src="pics/end0.png" sx=1000 sy=450></pic>
<words x=10 y=10 w=430 h=90>
Hard, but straightforward.
The science of habits shows that if you do the same thing, given the same cue,
over and over...
Difficile, mais simple.
La science des habitudes montre que si tu fais la même chose dans les mêmes conditions <!-- azarz: not sure about this one -->
encore et encore...
</words>
<words x=0 y=153 w=170 no-bg class="comic_text smaller">
have a nice day!
bonne journée !
</words>
<words x=72 y=188 w=80 no-bg class="comic_text smaller">
thanks, you too!
merci, vous aussi !
</words>
<words x=221 y=150 w=170 no-bg class="comic_text smaller">
happy holidays!
bonnes vacances !
</words>
<words x=309 y=185 w=80 no-bg class="comic_text smaller">
thanks, you too!
merci, vous aussi !
</words>
<words x=2 y=300 w=170 no-bg class="comic_text smaller">
here's your change!
voici la monnaie !
</words>
<words x=74 y=335 w=80 no-bg class="comic_text smaller">
thanks, you too!
merci, vous aussi !
</words>
<words x=20 y=450 w=440 h=60>
...it'll become a habit, for better or worse.
So for a Spaced Repetition habit, our question is:
...ça deviendra une habitude, pour le meilleur ou pour le pire.
Donc, pour un habitude de la Répétition Espacée, notre question est :
</words>
</panel>
@ -1579,38 +1579,38 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=500 h=450>
<pic src="pics/end0.png" sx=0 sy=1150></pic>
<words x=10 y=10 w=400 h=60>
For example, you could play the Spaced Repetition game...
Par exemple, tu pourrais jouer au jeu de la Répétition Espacée...
</words>
<words x=4 y=233 w=130 no-bg class="comic_text">
after you wake up
au réveil
</words>
<words x=167 y=233 w=130 no-bg class="comic_text">
on your commute
dans les transports
</words>
<words x=335 y=233 w=130 no-bg class="comic_text">
before sleeping
avant de dormir
</words>
<words x=30 y=320 w=430 h=90>
It doesn't really matter <i>when</i> you do it, as long as you do it
daily and consistently (more or less - you can skip a day once in a while).
<i>Quand</i> tu lefais n'a pas vraiment d'importance, tant que tu le fais
quotidiennement et régulièrement (plus ou moins - tu peux sauter un jour de temps en temps).
</words>
</panel>
<panel w=400 h=500>
<pic src="pics/end0.png" sx=500 sy=1150></pic>
<words x=10 y=10 w=350 h=90>
(Tip: whenever I try to create a new habit,
I draw a circle on a calendar for each day I successfully do it)
(Astuce : dès que j'essaye de me créer une nouvelle habitude,
je dessine un cercle sur un calendrier pour chaque jour où j'y arrive)
</words>
<words x=10 y=370 w=350 h=90>
(It's a game I play with myself! The goal is to try not break
my streak, and build the longest chain I can.)
(C'est un jeu avec moi-même ! Le but est d'essayer de ne pas briser
la chaîne, pour en faire la plus longue possible.)
</words>
</panel>
<panel w=600 h=50>
<words w=600 x=-15 no-bg>
Now, let's fill out that final flashcard:
Maintenant, remplissons notre carte finale :
</words>
</panel>
@ -1620,10 +1620,17 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=400 h=80>
<words w=400 x=-15 no-bg>
Et voilà, here's all four of your flashcards, all about you!
Et voilà*, voici tes quatre cartes, toutes à propos de toi !
</words>
</panel>
<panel w=500 h=53 style="margin-top:-5px">
<words w=500 x=-15 y=-10 no-bg style="width: 500px; font-size:0.8em; text-align: right; color:#999; line-height: 1.1em;">
* en français dans le texte
</words>
</panel>
<panel w=264 h=180 bg="#e0e0e0">
<sim x=-88 y=-60 w=440 h=300 src="sims/singlecard/?card=you_what&refresh=yes" class="small_card"></sim>
</panel>
@ -1645,22 +1652,22 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=500 h=250>
<pic src="pics/end1.png" sx=0 sy=0></pic>
<words x=180 y=10 w=250 no-bg>
But like I said, I want to help you take control of your memory <i>today</i>.
Mais comme je l'ai dit, je veux t'aider à prendre le contrôle de ta mémoire <i>aujourd'hui</i>.
</words>
<words x=230 y=130 w=250 no-bg>
Not "eventually", not "tomorrow", <i>TODAY</i>.
Pas "un jour", pas "demain", <i>AUJOURD'HUI</i>.
</words>
</panel>
<panel w=500 h=250>
<pic src="pics/end1.png" sx=0 sy=250></pic>
<words x=150 y=30 w=120 no-bg>
so to help...
donc pour t'aider
</words>
<words x=270 y=95 w=170 no-bg>
let's download some
téléchargeons quelques
<b style="font-size:30px">
COOL GOODIES
GOODIES SYMPA
</b>
</words>
</panel>
@ -1668,23 +1675,23 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=600 h=90>
<words x=-15 y=0 w=600 no-bg style="text-align:left" fontsize=30>
<img src="pics/gift.png" style="height:1em"/>
<b>FIRST:</b>
<b>EN PREMIER :</b>
<span id="gift_wallpaper"></span>
to remind you to play the Spaced Repetition game daily!
pour te rappeler de jouer au jeu de la Répétition Espacée tous les jours !
</words>
</panel>
<div>
<a target="_blank" id="wallpaper_link">
<img id="wallpaper_image"/><br>
(click to download &darr;)
(clique pour télécharger &darr;)
</a>
</div>
<panel w=600 h=90 style="height: auto; position: relative; left: -15px;">
<words x=-15 y=0 w=570 no-bg style="text-align:left; position:static" fontsize=30>
<img src="pics/gift.png" style="height:1em"/>
<b>SECOND:</b>
<b>EN DEUXIÈME :</b>
<span id="gift_app"></span>
</words>
</panel>
@ -1692,9 +1699,9 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel class="not_on_mobile" w=600 h=90>
<words x=-15 y=0 w=600 no-bg style="text-align:left" fontsize=30>
<img src="pics/gift.png" style="height:1em"/>
And finally,
<b>THIRD:</b>
a .zip of all the flashcards you've been practicing in this interactive comic!
Et finalement,
<b>EN TROISÈME :</b>
un .zip de toutes les cartes avec lesquelles tu t'es entraîné dans cette BD interactive !
</words>
</panel>
@ -1704,24 +1711,24 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel class="not_on_mobile" w=600 h=120>
<words x=-15 y=0 w=600 no-bg style="text-align:left">
(These can be your first few days' worth of Spaced Repetition cards,
to help you get started! And as a plus, you'll get to remember everything
you learnt here today, forever-ish.)
(Elles peuvent être les cartes de tes premiers jours de Répétition Espacée,
pour t'aider à commencer ! Et en plus, tu te souviendras de tout
ce que tu as appris ici aujourd'hui, pour quasi-toujours)
</words>
</panel>
<panel w=500 h=350>
<pic src="pics/end1.png" sx=500 sy=0></pic>
<words x=110 y=30 w=250 no-bg>
Which reminds me...
Ce qui me rappelle...
</words>
<words x=200 y=105 w=220 no-bg>
one last goodbye,
for old time's sake,
the final swan song!
un dernier adieu,
en souvenir du vieux temps,
le chant du cygne final !
</words>
<words x=210 y=230 w=250 no-bg>
...let's review our flashcards, <i>all</i> of them:
...révisons nos <i>toutes</i> nos cartes !
</words>
</panel>
@ -1733,63 +1740,63 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<pic src="pics/end1.png" sx=0 sy=500></pic>
<words x=0 y=12 w=210 no-bg>
Sniff...
It's always so hard to say goodbye...
C'est toujours si dur de dire adieu...
</words>
</panel>
<panel w=240 h=300>
<pic src="pics/end1.png" sx=240 sy=500></pic>
<words x=-20 y=-10 no-bg fontsize=120 color="rgba(0,0,0,0.5)" style="transform:rotate(10deg)">
HONK
HONK <!-- azarz: j'ai pas mieux pour l'onomatopée du mouchoir en français, aidez-moi ! -->
</words>
</panel>
<panel w=500 h=250>
<pic src="pics/end1.png" sx=480 sy=500></pic>
<words x=160 y=30 w=200 no-bg>
I'll miss the time we had together...
Le temps qu'on a passé ensemble me manquera...
</words>
<words x=200 y=120 w=250 no-bg>
...but I hope we live on in each others' memories!
...mais j'espère que nous perdurerons dans nos souvenirs rrespectifs !
</words>
</panel>
<panel w=500 h=350>
<pic src="pics/end1.png" sx=0 sy=800></pic>
<words x=10 y=10 w=430 h=90>
If you're a student, I hope Spaced Repetition
helps you be more confident, and take learning into your own hands.
Si tu es étudiant, j'espère que la Répétition Espacée
t'aidera à être plus confiant, et à t'approprier l'apprentissage.
</words>
</panel>
<panel w=500 h=350>
<pic src="pics/end1.png" sx=500 sy=800></pic>
<words x=10 y=10 w=430 h=90>
If you're a teacher,
please oh <i>please</i> tell your students about Spaced Repetition
(&amp; other evidence-based study habits) early on.
Si tu es un professeur,
S'il te plaît, <i>s'il te plaît</i> parle tôt de la Répétition Espacée
(et d'autres habitudes d'apprentissages basées sur les preuves) à tes étudiants.
</words>
</panel>
<panel w=500 h=350>
<pic src="pics/end1.png" sx=1000 sy=800></pic>
<words x=10 y=10 w=430 h=90>
But whether you're in or out of school,
I hope Spaced Repetition helps you develop your memory, your mind,
your Muse...
Mais que tu sois à l'école ou non,
j'espère que la Répétition Espacée t'aidera à développer ta mémoire, ton esprit,
ta Muse...
</words>
<words x=168 y=147 w=250 no-bg class="comic_text smaller" style="color:#fff">
"no!" screamed the mitochondria, as she slid down the cell's warm, wet throat. "i don't
"non !"" cria la mitochondrie, alors qu'elle glissa le long de la gorge chaude et humide de la cellule. "je ne
</words>
</panel>
<panel w=500 h=550>
<pic src="pics/end1.png" sx=1000 sy=0></pic>
<words x=30 y=30 w=250 no-bg>
...and learn one of life's greatest loves:
...et à apprendre l'une des plus grandes amours de la vie :
</words>
<words x=120 y=455 w=300 style="text-align:right" no-bg>
a lifelong love of learning.
l'amour d'apprendre.
</words>
</panel>
@ -1799,7 +1806,8 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel fadeInOn="flip_the_end" w=600 h=80>
<words w=600 x=-15 y=0 no-bg>
(Want to learn/play more? Further reading &amp; credits below!)
(Tu veux apprendre/jouer plus ? Le)
(Want to learn/play more? Approfondissements et crédits plus bas !)
<br>
&darr; &darr; &darr; &darr; &darr;
</b>
@ -2311,7 +2319,7 @@ Good luck!
</span>
<span id="flashcard_spaced_rep_back">
<div class="fcard_bg" src="pics/fcards_intro.png" sx=0 sy=0></div>
<div class="fcard_center" style="color:white; font-size:74px; height:1.6em; line-height:0.8em; margin-top:0px">
<div class="fcard_center" style="color:white; font-size:74px; height:1.6em; line-height:0.8em; margin-top:30px">
LA RÉPÉTITION ESPACÉE
</div>
</span>