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> <words x=10 y=10 w=400 h=60>
C'est, je pense, la meilleure manière de se garder motivé en apprenant : C'est, je pense, la meilleure manière de se garder motivé en apprenant :
</words> </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> En s'assurant que ce que l'on appprend va nous servir à <i>faire quelque chose qui nous importe.</i>
</words> </words>
</panel> </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> <iframe class="splash" gotosrc="sims/splash/" scrolling="no"></iframe>
<div id="divider_container"> <div id="divider_container">
<div id="chapter_name"> <div id="chapter_name">
<div> <div style="font-size: 75px">
COMMENCE AUJOURD'HUI ! COMMENCE AUJOURD'HUI !
</div> </div>
</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> <panel w=500 h=350>
<pic src="pics/end0.png" sx=0 sy=0></pic> <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>, Pour t'aider à commencer la Répétition Espacée <i>aujourd'hui</i>,
tu as besoin de répondre à quatre questions : tu as besoin de répondre à quatre questions :
</words> </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: TRANSLATOR NOTE:
Remember, if your translated word is too big, you can modify the CSS! (especially font-size) 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 ? QUOI ?
</words> </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 ? POURQUOI ?
</words> </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 ? COMMENT ?
</words> </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 ? QUAND ?
</words> </words>
</panel> </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> <words x=10 y=10 w=430 h=60>
Par exemple, tu pourrais utiliser la Répétition Espacée pour t'aider à apprendre... Par exemple, tu pourrais utiliser la Répétition Espacée pour t'aider à apprendre...
</words> </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 une nouvelle langue
</words> </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 un nouvel instrument
</words> </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 la programmation informatique
</words> </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 des détails de la vie d'amis
</words> </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 ! tout ce que tout trouves d'intéressant partout !
</words> </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 tous les pokémons
</words> </words>
<words x=80 y=380 w=380 h=30> <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> </words>
</panel> </panel>
<panel w="600" h="80"> <panel w="600" h="105">
<words w="600" x="-15" no-bg=""> <words w="600" x="-15" no-bg="">
Cependant, rappelle-toi que pour que la Répétition Espacée fonctionne, 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>. 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> <panel w=500 h=450>
<pic src="pics/end0.png" sx=1000 sy=0></pic> <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 Ça peut sembler trop philisophique, donc voici quelques
exemples concrets d'un <i>pourquoi</i> derrière un <i>quoi :</i> exemples concrets d'un <i>pourquoi</i> derrière un <i>quoi :</i>
</words> </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 <b>QUOI :</b> une nouvelle langue
<br> <br>
<b>POURQUOI :</b> pour parler à des amis, de la famille, des amants dans leur langue natale <b>POURQUOI :</b> pour parler à des amis, de la famille, des amants dans leur langue natale
</words> </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 <b>QUOI :</b> la programmation informatique
<br> <br>
<b>POURQUOI :</b> pour avoir un salaire pour pouvoir manger <b>POURQUOI :</b> pour avoir un salaire pour pouvoir manger
</words> </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 ! <b>QUOI :</b> n'importe quoi d'intéressant !
<br> <br>
<b>POURQUOI :</b> tout simplement par curiosité ! <b>POURQUOI :</b> tout simplement par curiosité !
</words> </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" ? Donc... quel est <i>ton</i> "pourquoi" ?
</words> </words>
</panel> </panel>
@ -1473,7 +1473,7 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=500 h=700> <panel w=500 h=700>
<pic src="pics/end0.png" sx=0 sy=450></pic> <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 J'utilise actuellement
<a target="_blank" href="https://en.wikipedia.org/wiki/Leitner_system">La Boîte de Leitner</a>, <a target="_blank" href="https://en.wikipedia.org/wiki/Leitner_system">La Boîte de Leitner</a>,
mais mes amis utilisent mais mes amis utilisent
@ -1497,7 +1497,7 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<br> <br>
Inconvénients : plutôt moche Inconvénients : plutôt moche
</words> </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> <b>TinyCards (appli)</b>
<br> <br>
Avantages : beau design, facile d'utilisation 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> <panel w=500 h=450>
<pic src="pics/end0.png" sx=500 sy=450></pic> <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 ! Plus qu'une carte !
Maintenant, faire de la Répétition Espacée est plutôt facile... Maintenant, faire de la Répétition Espacée est plutôt facile...
par contre, en faire une <i>habitude quotidienne</i> est difficile. 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> </words>
</panel> </panel>
<panel w=500 h=550> <panel w=500 h=565>
<pic src="pics/end0.png" sx=1000 sy=450></pic> <pic src="pics/end0.png" sx=1000 sy=450></pic>
<words x=10 y=10 w=430 h=90> <words x=10 y=10 w=430 h=90>
Difficile, mais simple. 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"> <words x=0 y=153 w=170 no-bg class="comic_text smaller">
bonne journée ! bonne journée !
</words> </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 ! merci, vous aussi !
</words> </words>
<words x=221 y=150 w=170 no-bg class="comic_text smaller"> <words x=221 y=150 w=170 no-bg class="comic_text smaller">
bonnes vacances ! bonnes vacances !
</words> </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 ! merci, vous aussi !
</words> </words>
<words x=2 y=300 w=170 no-bg class="comic_text smaller"> <words x=2 y=300 w=170 no-bg class="comic_text smaller">
voici la monnaie ! voici la monnaie !
</words> </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 ! merci, vous aussi !
</words> </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. ...ç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 : Donc, pour l'habitude de la Répétition Espacée, notre question est :
</words> </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"> <words x=335 y=233 w=130 no-bg class="comic_text">
avant de dormir avant de dormir
</words> </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 <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). quotidiennement et régulièrement (plus ou moins - tu peux sauter un jour de temps en temps).
</words> </words>
@ -1598,11 +1598,11 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=400 h=500> <panel w=400 h=500>
<pic src="pics/end0.png" sx=500 sy=1150></pic> <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, (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) je dessine un cercle sur un calendrier pour chaque jour où j'y arrive)
</words> </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 (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.) la chaîne, pour en faire une la plus longue possible.)
</words> </words>
@ -1651,29 +1651,29 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=500 h=250> <panel w=500 h=250>
<pic src="pics/end1.png" sx=0 sy=0></pic> <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>. Mais comme je l'ai dit, je veux t'aider à prendre le contrôle de ta mémoire <i>aujourd'hui</i>.
</words> </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>. Pas "un jour", pas "demain", <i>AUJOURD'HUI</i>.
</words> </words>
</panel> </panel>
<panel w=500 h=250> <panel w=500 h=250>
<pic src="pics/end1.png" sx=0 sy=250></pic> <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 donc pour t'aider
</words> </words>
<words x=270 y=95 w=170 no-bg> <words x=270 y=95 w=170 no-bg>
téléchargeons quelques téléchargeons quelques
<b style="font-size:30px"> <b style="font-size:25px">
GOODIES SYMPA GOODIES SYMPA
</b> </b>
</words> </words>
</panel> </panel>
<panel w=600 h=90> <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"/> <img src="pics/gift.png" style="height:1em"/>
<b>EN PREMIER :</b> <b>EN PREMIER :</b>
<span id="gift_wallpaper"></span> <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>
<panel class="not_on_mobile" w=600 h=90> <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"/> <img src="pics/gift.png" style="height:1em"/>
Et finalement, Et finalement,
<b>EN TROISÈME :</b> <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> <words x=110 y=30 w=250 no-bg>
Ce qui me rappelle... Ce qui me rappelle...
</words> </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, un dernier adieu,
en souvenir du vieux temps, en souvenir du vieux temps,
le chant du cygne final ! le chant du cygne final !
</words> </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 ! ...révisons nos <i>toutes</i> nos cartes !
</words> </words>
</panel> </panel>
@ -1753,10 +1753,10 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=500 h=250> <panel w=500 h=250>
<pic src="pics/end1.png" sx=480 sy=500></pic> <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... Le temps qu'on a passé ensemble me manquera...
</words> </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 ! ...mais j'espère que nous perdurerons dans nos souvenirs respectifs !
</words> </words>
</panel> </panel>
@ -1771,7 +1771,7 @@ Remember, if your translated word is too big, you can modify the CSS! (especiall
<panel w=500 h=350> <panel w=500 h=350>
<pic src="pics/end1.png" sx=500 sy=800></pic> <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, 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 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. (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... ta Muse...
</words> </words>
<words x=168 y=147 w=250 no-bg class="comic_text smaller" style="color:#fff"> <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> </words>
</panel> </panel>
<panel w=500 h=550> <panel w=500 h=550>
<pic src="pics/end1.png" sx=1000 sy=0></pic> <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 : ...et à apprendre l'une des plus belles choses de la vie :
</words> </words>
<words x=120 y=455 w=300 style="text-align:right" no-bg> <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>
<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 ! 💖 Ils me permettent de continuer de faire ce que j'aime. Merci ! 💖
<a target="_blank" href="https://www.patreon.com/ncase"> <a target="_blank" href="https://www.patreon.com/ncase">
(Tu veux aussi participer ? Clique ici !) (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>
<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 : 👀 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;"> <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, 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,