Addressing the CSS issues

This commit is contained in:
azarz 2018-10-31 09:52:05 +01:00
parent c2477e944b
commit 19504fa259
1 changed files with 44 additions and 45 deletions

89
fr.html
View File

@ -1266,7 +1266,7 @@ If that's not possible, and your text doesn't fit in its box, you can modify att
<words x=10 y=10 w=400 h=60>
C'est, je pense, la meilleure manière de se garder motivé en apprenant :
</words>
<words x=10 y=300 w=400 h=60>
<words x=10 y=300 w=400 h=60 style="font-size:22px">
En s'assurant que ce que l'on appprend va nous servir à <i>faire quelque chose qui nous importe.</i>
</words>
</panel>
@ -1328,7 +1328,7 @@ If that's not possible, and your text doesn't fit in its box, you can modify att
<iframe class="splash" gotosrc="sims/splash/" scrolling="no"></iframe>
<div id="divider_container">
<div id="chapter_name">
<div>
<div style="font-size: 75px">
COMMENCE AUJOURD'HUI !
</div>
</div>
@ -1340,7 +1340,7 @@ 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>
<words x=10 y=10 w=450 h=60 style="font-size:22px">
Pour t'aider à commencer la Répétition Espacée <i>aujourd'hui</i>,
tu as besoin de répondre à quatre questions :
</words>
@ -1348,16 +1348,16 @@ If that's not possible, and your text doesn't fit in its box, you can modify att
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">
<words x=8 y=237 w=120 no-bg style="color:#fff; font-size:20px">
QUOI ?
</words>
<words x=121 y=237 w=120 no-bg style="color:#fff; font-size:40px">
<words x=121 y=237 w=120 no-bg style="color:#fff; font-size:20px">
POURQUOI ?
</words>
<words x=226 y=237 w=120 no-bg style="color:#fff; font-size:40px">
<words x=226 y=237 w=120 no-bg style="color:#fff; font-size:20px">
COMMENT ?
</words>
<words x=337 y=237 w=120 no-bg style="color:#fff; font-size:40px">
<words x=337 y=237 w=120 no-bg style="color:#fff; font-size:20px">
QUAND ?
</words>
</panel>
@ -1380,22 +1380,22 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<words x=10 y=10 w=430 h=60>
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">
<words x=120 y=104 w=100 style="text-align:left;font-size:22px" no-bg class="comic_text">
une nouvelle langue
</words>
<words x=320 y=107 w=100 style="text-align:left" no-bg class="comic_text">
<words x=320 y=107 w=100 style="text-align:left;font-size:22px" no-bg class="comic_text">
un nouvel instrument
</words>
<words x=115 y=195 w=100 style="text-align:left" no-bg class="comic_text">
<words x=115 y=195 w=100 style="text-align:left;font-size:22px" no-bg class="comic_text">
la programmation informatique
</words>
<words x=340 y=195 w=150 style="text-align:left" no-bg class="comic_text">
<words x=340 y=195 w=150 style="text-align:left;font-size:22px" no-bg class="comic_text">
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">
<words x=129 y=283 w=200 style="text-align:left;font-size:22px" no-bg class="comic_text">
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">
<words x=389 y=290 w=100 style="text-align:left;font-size:22px" no-bg class="comic_text">
tous les pokémons
</words>
<words x=80 y=380 w=380 h=30>
@ -1413,7 +1413,7 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
</words>
</panel>
<panel w="600" h="80">
<panel w="600" h="105">
<words w="600" x="-15" no-bg="">
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>.
@ -1429,26 +1429,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>
<words x=10 y=10 w=430 h=60 style="font-size:20px">
Ç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">
<words x=130 y=105 w=350 style="text-align:left;font-size:22px" no-bg class="comic_text">
<b>QUOI :</b> une nouvelle langue
<br>
<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">
<words x=130 y=210 w=350 style="text-align:left;font-size:22px" no-bg class="comic_text">
<b>QUOI :</b> la programmation informatique
<br>
<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">
<words x=130 y=290 w=350 style="text-align:left;font-size:22px" no-bg class="comic_text">
<b>QUOI :</b> n'importe quoi d'intéressant !
<br>
<b>POURQUOI :</b> tout simplement par curiosité !
</words>
<words x=210 y=380 w=250 h=30>
<words x=210 y=380 w=250 h=30 style="font-size:20px">
Donc... quel est <i>ton</i> "pourquoi" ?
</words>
</panel>
@ -1473,7 +1473,7 @@ 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>
<words x=10 y=10 w=450 h=105 style="font-size:20px">
J'utilise actuellement
<a target="_blank" href="https://en.wikipedia.org/wiki/Leitner_system">La Boîte de Leitner</a>,
mais mes amis utilisent
@ -1497,7 +1497,7 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<br>
Inconvénients : plutôt moche
</words>
<words x=160 y=405 w=300 fontsize=21 style="text-align:left" no-bg>
<words x=160 y=405 w=300 fontsize=19 style="text-align:left" no-bg>
<b>TinyCards (appli)</b>
<br>
Avantages : beau design, facile d'utilisation
@ -1529,7 +1529,7 @@ 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>
<words x=10 y=10 w=430 h=90 style="font-size:22px">
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.
@ -1539,7 +1539,7 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
</words>
</panel>
<panel w=500 h=550>
<panel w=500 h=565>
<pic src="pics/end0.png" sx=1000 sy=450></pic>
<words x=10 y=10 w=430 h=90>
Difficile, mais simple.
@ -1549,22 +1549,22 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<words x=0 y=153 w=170 no-bg class="comic_text smaller">
bonne journée !
</words>
<words x=72 y=188 w=80 no-bg class="comic_text smaller">
<words x=72 y=188 w=83 no-bg class="comic_text smaller">
merci, vous aussi !
</words>
<words x=221 y=150 w=170 no-bg class="comic_text smaller">
bonnes vacances !
</words>
<words x=309 y=185 w=80 no-bg class="comic_text smaller">
<words x=309 y=185 w=83 no-bg class="comic_text smaller">
merci, vous aussi !
</words>
<words x=2 y=300 w=170 no-bg class="comic_text smaller">
voici la monnaie !
</words>
<words x=74 y=335 w=80 no-bg class="comic_text smaller">
<words x=74 y=335 w=83 no-bg class="comic_text smaller">
merci, vous aussi !
</words>
<words x=20 y=450 w=440 h=60>
<words x=20 y=450 w=440 h=75 style="font-size:20px">
...ça deviendra une habitude, pour le meilleur ou pour le pire.
Donc, pour l'habitude de la Répétition Espacée, notre question est :
</words>
@ -1590,7 +1590,7 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<words x=335 y=233 w=130 no-bg class="comic_text">
avant de dormir
</words>
<words x=30 y=320 w=430 h=90>
<words x=30 y=320 w=430 h=90 style="font-size:20px">
<i>Quand</i> tu le fais 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>
@ -1598,11 +1598,11 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=400 h=500>
<pic src="pics/end0.png" sx=500 sy=1150></pic>
<words x=10 y=10 w=350 h=90>
<words x=10 y=10 w=350 h=90 style="font-size:20px">
(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>
<words x=10 y=370 w=350 h=90 style="font-size:20px">
(C'est un jeu avec moi-même ! Le but est d'essayer de ne pas briser
la chaîne, pour en faire une la plus longue possible.)
</words>
@ -1651,29 +1651,29 @@ 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>
<words x=180 y=10 w=240 no-bg style="font-size:20px">
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>
<words x=230 y=130 w=250 no-bg style="font-size:20px">
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>
<words x=150 y=30 w=120 no-bg style="padding-top:0">
donc pour t'aider
</words>
<words x=270 y=95 w=170 no-bg>
téléchargeons quelques
<b style="font-size:30px">
<b style="font-size:25px">
GOODIES SYMPA
</b>
</words>
</panel>
<panel w=600 h=90>
<words x=-15 y=0 w=600 no-bg style="text-align:left" fontsize=30>
<words x=-15 y=0 w=600 no-bg style="text-align:left" fontsize=25>
<img src="pics/gift.png" style="height:1em"/>
<b>EN PREMIER :</b>
<span id="gift_wallpaper"></span>
@ -1697,7 +1697,7 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
</panel>
<panel class="not_on_mobile" w=600 h=90>
<words x=-15 y=0 w=600 no-bg style="text-align:left" fontsize=30>
<words x=-15 y=0 w=600 no-bg style="text-align:left" fontsize=25>
<img src="pics/gift.png" style="height:1em"/>
Et finalement,
<b>EN TROISÈME :</b>
@ -1722,12 +1722,12 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<words x=110 y=30 w=250 no-bg>
Ce qui me rappelle...
</words>
<words x=200 y=105 w=220 no-bg>
<words x=200 y=105 w=220 no-bg style="font-size:22px">
un dernier adieu,
en souvenir du vieux temps,
le chant du cygne final !
</words>
<words x=210 y=230 w=250 no-bg>
<words x=210 y=230 w=250 no-bg style="font-size:24px">
...révisons nos <i>toutes</i> nos cartes !
</words>
</panel>
@ -1753,10 +1753,10 @@ 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=480 sy=500></pic>
<words x=160 y=30 w=200 no-bg>
<words x=160 y=30 w=200 no-bg style="font-size:20px">
Le temps qu'on a passé ensemble me manquera...
</words>
<words x=200 y=120 w=250 no-bg>
<words x=200 y=120 w=250 no-bg style="font-size:18px">
...mais j'espère que nous perdurerons dans nos souvenirs respectifs !
</words>
</panel>
@ -1771,7 +1771,7 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=500 h=350>
<pic src="pics/end1.png" sx=500 sy=800></pic>
<words x=10 y=10 w=430 h=90>
<words x=10 y=10 w=430 h=90 style="font-size:19px">
Si tu es un professeur,
S'il te plaît, <i>s'il te plaît</i> parles le plus tôt possible de la Répétition Espacée
(et des autres habitudes d'apprentissages basées sur les preuves) à tes étudiants.
@ -1786,13 +1786,13 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
ta Muse...
</words>
<words x=168 y=147 w=250 no-bg class="comic_text smaller" style="color:#fff">
"non !"" cria la mitochondrie, alors qu'elle glissa le long de la gorge chaude et humide de la cellule. "je ne
"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>
<words x=30 y=30 w=260 no-bg>
...et à apprendre l'une des plus belles choses de la vie :
</words>
<words x=120 y=455 w=300 style="text-align:right" no-bg>
@ -1872,7 +1872,7 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
</p>
<p>
Cela dit, je ne suis capable de faire ça que grâce à mes 1 000+ mécènes sur Patreon.
Cela dit, je ne suis capable de faire ça que grâce à mes plus de 1 000 mécènes sur Patreon.
Ils me permettent de continuer de faire ce que j'aime. Merci ! 💖
<a target="_blank" href="https://www.patreon.com/ncase">
(Tu veux aussi participer ? Clique ici !)
@ -1956,7 +1956,6 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
</p>
<p>
👀 Thank you to all my playtesters for making this project not suck:
👀 Merci à tous mes testeurs qui ont fait en sorte que ce projet ne soit pas nul :
<span style="font-size: 19px; line-height: 0px; color: #999;">
Aatish Bhatia, Adam Filinovich, Aimee Jarboe, Alex Jaffe, Amit Patel, Andy Matuschak, B Cavello, Chris Walker, Frank Lantz, Gal Green, Glen Chiacchieri, Hamish Todd, Henry Reich, Jacque Goupil, James Lytle,