From 22c0ad97370f2067370fe07ed28e0da709d9ff0d Mon Sep 17 00:00:00 2001
From: Lephenixnoir <sebastien.michelland@protonmail.com>
Date: Tue, 24 Mar 2020 16:45:15 +0100
Subject: [PATCH] add calculator-icon level indicators

---
 I-1.html           |   2 +-
 I-2.html           |   2 +-
 II-1.html          |   2 +-
 images/level-1.png | Bin 0 -> 590 bytes
 images/level-2.png | Bin 0 -> 629 bytes
 images/level-3.png | Bin 0 -> 506 bytes
 tutorial.css       |   4 ++++
 7 files changed, 7 insertions(+), 3 deletions(-)
 create mode 100644 images/level-1.png
 create mode 100644 images/level-2.png
 create mode 100644 images/level-3.png

diff --git a/I-1.html b/I-1.html
index ef9b1c3..cd2363d 100644
--- a/I-1.html
+++ b/I-1.html
@@ -1,6 +1,6 @@
 <h1>Les composants d'une calculatrice et le Basic CASIO</h1>
 
-<p><i>Niveau : 1/3<br>
+<p><i>Niveau : 1/3 &nbsp;<img src="images/level-1.png"><br>
 Temps : 10 minutes</i></p>
 
 <p>Pour ce chapitre d'introduction, l'objectif est double&nbsp;: te présenter rapidement ce dont est faite ta calculatrice et t'expliquer ce qu'est le Basic CASIO.</p>
diff --git a/I-2.html b/I-2.html
index be22e25..1a279b8 100644
--- a/I-2.html
+++ b/I-2.html
@@ -1,6 +1,6 @@
 <h1>L'éditeur de programmes</h1>
 
-<p><i>Niveau : 1/3<br>
+<p><i>Niveau : 1/3 &nbsp;<img src="images/level-1.png"><br>
 Temps : 5 minutes</i></p>
 
 <p>Pour créer un programme, il faut pouvoir l'écrire&nbsp;! C'est ce que nous allons voir ensemble dans ce chapitre. Et ça tombe bien, puisque ta calculatrice embarque une application qui permet de <b>créer et éditer ses propres programmes</b>. Tu peux la trouver dans ton menu principal sous le doux nom de <b>PRGM</b> et la lancer en appuyant sur la touche [EXE] (ou appuie directement sur la touche [B] sur les modèles récents, [9] sur les plus anciens).</p>
diff --git a/II-1.html b/II-1.html
index bf70e5f..8a77a4b 100644
--- a/II-1.html
+++ b/II-1.html
@@ -1,6 +1,6 @@
 <h1>Afficher du texte</h1>
 
-<p><i>Niveau : 1/3<br>
+<p><i>Niveau : 1/3 &nbsp;<img src="images/level-1.png"><br>
 Temps : 10 minutes</i></p>
 
 <p>Quoi de mieux pour commencer que de faire un programme qui affiche le nom du futur héros de ton jeu ainsi que son histoire&nbsp;?</p>
diff --git a/images/level-1.png b/images/level-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..ed309e966817c0f1fc0a62201245d09145568ee6
GIT binary patch
literal 590
zcmV-U0<ryxP)<h;3K|Lk000e1NJLTq001Ze000mO1^@s6WY;~d00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru<O3KFD+h2y*<%0z02y>e
zSad^gZEa<4bO1wgWnpw>WFU8GbZ8()Nlj2!fese{00Fj1L_t(Y$L*G}OT$1E#=l6Q
zNQ+Vg$!Z)j6oV9}Km|bvrid;DH$jSn85|Tu?NBfvSkOW0DE$W<Efky_GIWwi5h)~V
zk(T1*7>71#6VFT1c5v`bxySw9eYyMYam>QO1^Quw65DGt3;^8Z4pA%?-FzyQqH>K!
zgCXU^a;#Y{fLAr!EEj0=!K<2my0^^u7m*|h0b%<^M&Vdq)!aXM`uHNwT%Vr?09@X`
z*Z>&+4s^R+B9}}iT|th>sN59(c>D_-H`w7pt#nQHVCkG%#Ih`^m&V~(vs_@Di&6>@
zvavPC+}#b@fMfV{I*qWcCMw5@q6B0V0Kn(_E;6|$06><r5QIelKt8|I+u@^IVxe}s
zje5Nf0N^+d@pv2nAP53gKp4*B!P&Fs;J9m#p?%WnblmS&t2I%MH4GiRs`W+>It)s|
zlgbtLS2lm-1wjbhEmDNxJVz{w-tI2TSqytqe|{wvsaC6=F~@NT<FPOtODo_UbI|4S
zN0eg@;sX0%B5^#@VzF3kBAmyAhM`koX>|z|LS9jnk;H`I*uFSs_|fp&bL-7AN&PMI
cb1Mq>4d$M;{|1@#oB#j-07*qoM6N<$f(3#0Bme*a

literal 0
HcmV?d00001

diff --git a/images/level-2.png b/images/level-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..09b9e12a0c5a372d5a4e267e7619891d238efa11
GIT binary patch
literal 629
zcmV-*0*d{KP)<h;3K|Lk000e1NJLTq001Ze000mO1^@s6WY;~d00006VoOIv0RI60
z0RN!9r;`8x010qNS#tmY3ljhU3ljkVnw%H_000McNliru<O3KFEGgsDLTdm302y>e
zSad^gZEa<4bO1wgWnpw>WFU8GbZ8()Nlj2!fese{00G@eL_t(Y$L&_JO9D|G{$2_a
zN+E&VnhiG`Nl4RyK@dnv)FQMAAq_b+6h!49Bm@aHM2?|<K%;`t)ZpM07mo-**FzL(
zYKm)6&r{#MXSy`>P50j2_q*Twz3=z&Bg;ou=)nL7dz%Xc0PbSPNT<{0exd2$^5VX4
z!rE69h0CLq5&&@4A5!oqGe-R(#rq!qWX3o@SR49Tq3M{2H=3lPD2A%45Wt|65~n|z
zF;DW`{9=B&<(mfpTtB`V0LW<NM7%=NVJ2y<T&L4v^1NQJd5}5$ar`GZE1cFvIeW|2
zQudM?WLjRM(co&Z-^HZgC|N<k?cF7k%MI+K-zXxUwTmgGq~9pPU=Sj!aRve^5Q+c*
zK0o3J#cBY6a5xHCUI73k68qgso!m16iFkHswOXiFs{jB=lHhi`0RXZrvo*MQQ5#%a
zxj3;-rscKUZSz^zb+!gItpa~C(_KAPpm748<!^AfzBB$pz_Wua%R|*-CTP9lKw#M2
z!{I2b8mqj#F@uPBb|{rfLu*NrFse<i&6LZ<UtQU(JYCnvu3G4W9?$7i{xvPn<#O3;
zP}3@0vbwQ~JY!$PvqK~j5gT<cIbt0e?8dG4Mt#iRL_F5G)f=TI8n=D`SU0}gZj8=l
P00000NkvXXu0mjf+>Q;N

literal 0
HcmV?d00001

diff --git a/images/level-3.png b/images/level-3.png
new file mode 100644
index 0000000000000000000000000000000000000000..81b8c9f865217761f8a33a382752e4ba2acd78ee
GIT binary patch
literal 506
zcmeAS@N?(olHy`uVBq!ia0vp^8bB<-!3HE#uG_8!Qfx`y?k)`fL2$v|<&%LToCO|{
z#S9GG!XV7ZFl&wkP>{XE)7O>#39|&hj$ZBd>nDIhk|nMYCC>S|xv6<249-QVi6yBi
z3gww484B*6z5(HleBulYj7gp@jv*e$lS9sAr8PAD=c#aLP?lF_W@dJ-&#-fLc4m&L
zd8nPX=hvg7|BRA^)x+dZ?_Fui<8@Q_|9juH2ba%t)ZG2FK6MhK@-EdQFPzI&G=D`*
z*%bZ2?&jxL)?r8WlIHM$z}wGyf6@~Y5?uHhoqmb!OKP*86jJNM(=5|tH6iFg)0vw$
z@3!0emV`exZJG8f;+^l>#Fo@4c}#3ozqpP4X18guC2-E0VD}`(XO*3pt*tg2TeLnK
z5VZB1KbFjK&Nnsyf*rf7jaRJJ2D6teadD`Lv5{Qu*z)Be6VPFv&3{6-3m)8GtbOq%
z$O^q!t78kM++}*W*7jHdXMf{U?p+d>d}<6;IbIy*?6}Y_bhN4}Ok>i!clUTsWInyI
z@N@*P;u3yw1vmM7Nomi|tyOWA)cqo;!(Lh8bwX?ZilzLjym7lqc-E(BTgSGsMjYXM
jd6>21;&F=`v!fZfllK4KF1Jz@7$ppzu6{1-oD!M<8HK>Z

literal 0
HcmV?d00001

diff --git a/tutorial.css b/tutorial.css
index daedff9..5860e2a 100644
--- a/tutorial.css
+++ b/tutorial.css
@@ -1,3 +1,7 @@
+p img {
+  vertical-align: middle;
+}
+
 div.correct {
   background: #a9dfa2;
   padding: 8px;