87 lines
3.0 KiB
Plaintext
87 lines
3.0 KiB
Plaintext
.page
|
||
.content{:style => "width:500px;box-sizing:border-box;padding:1em;font-size:0.99em;"}
|
||
%h1{:style => "margin-bottom:-5px;z-index:2;position:relative;"} La vie du tilleul.
|
||
.sortable_quizz.vie-arbre-place
|
||
|
||
|
||
|
||
%table.vie-arbre
|
||
%tr
|
||
%td
|
||
%a.img{:"data-img" => "/assets/plaquettes/vie-arbre/1.jpg"}=image_tag "/assets/plaquettes/vie-arbre/1.jpg"
|
||
%td
|
||
%a.img{:"data-img" => "/assets/plaquettes/vie-arbre/2.jpg"}=image_tag "/assets/plaquettes/vie-arbre/2.jpg"
|
||
|
||
|
||
%td
|
||
%a.img{:"data-img" => "/assets/plaquettes/vie-arbre/3.jpg"}=image_tag "/assets/plaquettes/vie-arbre/3.jpg"
|
||
|
||
%td
|
||
%a.img{:"data-img" => "/assets/plaquettes/vie-arbre/4.jpg"}=image_tag "/assets/plaquettes/vie-arbre/4.jpg"
|
||
|
||
%td
|
||
%a.img{:"data-img" => "/assets/plaquettes/vie-arbre/5.jpg"}=image_tag "/assets/plaquettes/vie-arbre/5.jpg"
|
||
|
||
|
||
%table.vie-arbre.story
|
||
%tr
|
||
%td{:"data-order" => 5}
|
||
%p Il ne reste que la souche. Le bois va faire le régal de dizaine d’insectes et de larve. Le tilleul va laisser la place à un autre jeune arbre qui accueillera à son tour une foule d’êtres vivants.
|
||
|
||
%td{:"data-order" => 3}
|
||
%p 10 ans ont passé, la foudre ou le vent lui a cassé une branche. Des cavités se forment. Elles servent de cachettes pour des animaux. La branche tombée au sol sera décomposée.
|
||
|
||
|
||
%td{:"data-order" => 1}
|
||
%p Ce tilleul est jeune, à 10 ans il est encore petit. De nombreuses plantes poussent près de lui.
|
||
|
||
|
||
%td{:"data-order" => 4}
|
||
%p
|
||
Le tilleul est centenaire. Toutes ses branches sont mortes, sauf une qui porte encore des feuilles au printemps. Personne n’a coupé l’arbre : heureusement pour la chouette qui trouve refuge dans cette
|
||
chandelle
|
||
="."
|
||
|
||
%td{:"data-order" => 2}
|
||
%p
|
||
Le tilleul a terminé sa
|
||
%a.img{:data => {:img => "/assets/plaquettes/croissance.jpg", :legend => "Développement progressif d'une plante"}} croissance.
|
||
Son tronc est devenu très large et il possède de nombreuses branches feuillues. Des animaux viennent trouver de l’ombre à son pied.
|
||
|
||
.success{:style => "position:absolute;bottom:0px;left:80px;color:green;display:none;text-align:center;"}
|
||
%h3{:style => "text-align:center;"}
|
||
Bravo tu as réussi à remettre l'histoire dans l'ordre.
|
||
.btn.reset Rejouer
|
||
|
||
|
||
:css
|
||
|
||
.vie-arbre{
|
||
width:1020px;
|
||
}
|
||
.vie-arbre td{
|
||
vertical-align:top;
|
||
width:204px;
|
||
padding:0px;
|
||
max-width:200px;
|
||
border:0px !important;
|
||
}
|
||
|
||
.vie-arbre img{
|
||
vertical-align:top;
|
||
|
||
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
.prev_slide
|
||
<
|
||
.next_slide
|
||
>
|