modifs plaquette longpras

app/assets/javascripts/plaquettes.coffee

@@ -14,7 +14,15 @@ test_question = (question) ->
   
   rep = question.find("input[type='radio']:checked").closest("div")
   rep.find(".info").show()
+  if rep.find(".quizz_img").size() > 0
+    
+
     rep.find(".quizz_img").show()
+    rep.closest(".question").find(".quizz_ill").hide()
+  else
+    rep.closest(".question").find(".quizz_ill").show()
+    
+    
   if question.find(".response input:checked")[0]
     question.find(".success").show();
     question.find(".fail").hide();
@@ -29,7 +37,7 @@ test_question = (question) ->
       
       
 $ ->
-
+  $(".quizz_img").hide()
   $("a.def").click ->
  
     r = "<div class='pane_hover'><h3>"+$(this).html()+"</h3><p>"+$(this).data("def")+"</p></div>"
@@ -94,6 +102,25 @@ $ ->
       
       
       
+  $(".places_jeu2").each ->
+    $(this).find(".receptable").droppable
+      tolerance: "touch"
+      accept: (e) ->
+        if e.hasClass("intru") == false and $(this).find("img").size() == 0
+          true
+      drop: ( event, ui ) ->
+       
+        $( this ).append(ui.draggable)
+        ui.draggable.attr("style", "")
+
+        if $(this).closest(".places_jeu2").find(".vignettes img").size() == 2
+          $(this).closest(".places_jeu2").find(".success").show()
+
+    $(this).find(".vignettes img").draggable
+      #connectWith: ".receptable"
+      tolerance: "pointer"
+      revert: "invalid"
+      
       
 
   $(".places_jeu").each ->

app/assets/stylesheets/plaquettes.css.less

@@ -64,7 +64,7 @@ left:0px;
 }
 
 
-.places_jeu{
+.places_jeu, .places_jeu2{
 position:relative;
 
 .success{
@@ -136,7 +136,7 @@ display:none !important;
 
 p, h2
 {
-	text-align: center;
+	text-align: justify;
 }
 
 
@@ -405,6 +405,10 @@ background:white;
  margin:0px;
  font-size:12px;
  
+ ul, li{
+ line-height:1.5em;
+ }
+ 
 h3{
  
  font-family:Futura;
@@ -487,8 +491,53 @@ padding:0.5em 0;
 img{
 max-height:120px;
 max-width:220px;
-margin:0px 1em;
+margin:0px 0.6em;
 }
 
 }
 
+
+.vie-arbre.story{
+td{
+padding:1em !important;
+}
+
+}
+
+a{
+color:#55a631 !important;
+cursor:pointer;
+
+}
+.animaux_sol{
+td{
+height:110px !important;
+}
+img{
+height:100% !important;
+
+}
+}
+
+
+.quizz .question{
+  h3{
+  a{
+  font-size:inherit !important;
+  }
+
+  }}
+
+
+  .places_jeu2{
+  
+  .vignettes img{
+  
+  height:130px !important;
+  margin-bottom:0.5em;
+  
+  }
+  }
+
+
+ 

app/views/plaquettes/animaux-sol.html.haml

@@ -2,7 +2,7 @@
   .content
     %h1 Le rôle des « petites bêtes » dans la décomposition
     .animaux_sol
-      %table{:style => "width:680px;float:left;"}
+      %table{:style => "width:500px;float:left;"}
         %tr
           %td
             Petit animal sans patte, je vis surtout dans la terre que je mange en la labourant. Les galeries que je creuse aèrent le sol. Quand je vis dans le compost, je mange des déchets en train de pourrir.
@@ -22,7 +22,7 @@
         
     
   
-      %table.t_sortable{:style => "width:300px;float:left;"}
+      %table.t_sortable{:style => "width:400px;float:left;"}
 
         %tr{:"data-order" => 2}
           %td

app/views/plaquettes/arbres-parc.html.haml

@@ -9,31 +9,34 @@
 
       %p Le parc du Château de Longpra possède des arbres remarquables :  
     
-      %p
+      %ul
+        %li
           %a.img{:data => {:img => "/assets/plaquettes/tilleul.jpg", :legend => "Tilleul"}} tilleuls 
 
-      %p
+        %li
           %a.img{:data => {:img => "/assets/plaquettes/marronier.jpg", :legend => "Marronier"}} marronniers 
-
+      %br
       %p
         Avec leurs trous, 
         les vieux arbres 
         offrent un abri à de nombreux animaux :
     
-      %p 
+      %ul
+        %li
           %a.img{:data => {:img => "/assets/plaquettes/jeu-arbre/2.jpg", :legend => "Chouette hulotte"}} chouette hulotte
 
-      %p 
+        %li
           %a.img{:data => {:img => "/assets/plaquettes/arbres/pic.jpg", :legend => "Pic épeiche"}} pic épeiche 
-
+      %br
       %p 
         Un 
         %a.img{:data => {:img => "/assets/plaquettes/abre-mort.jpg", :legend => "Arbre mort et trous de Pic."}} arbre mort
         accueille aussi un très grand nombre d’êtres vivants.
       
+      %br
 
       %p 
-        Observer le tronc des arbres, vous pourrez peut-être découvrir le
+        Observez le tronc des arbres, vous pourrez peut-être découvrir le
         %a.img{:data => {:img => "/assets/plaquettes/arbres/lierre.jpg", :legend => "Lierre"}} lierre !
     
 

app/views/plaquettes/faune-batiments.html.haml

@@ -29,7 +29,7 @@
       %br
       %p{:style => "text-align:justify !important;"} 
         Une espèce de chauve-souris vit dans 
-        %a.img{:data => {:img => "/assets/plaquettes/jeu-batiment/6.jpg", :legend => "les combles : c'est la partie située juste en dessous du toit"}} les combles
+        %a.img{:data => {:img => "/assets/plaquettes/combles.jpg", :legend => "les combles : c'est la partie située juste en dessous du toit"}} les combles
         =":"
         le 
         %a.img{:data => {:img => "/assets/plaquettes/chauve-souri.jpg", :legend => "Petit rhinolophe"}}  petit rhinolophe.

app/views/plaquettes/histoire-decomposition.html.haml

@@ -1,7 +1,8 @@
 .page
 
   .sortable_quizz
-    %h2 La décomposition d’une feuille de hêtre
+    .content{:style => "padding:1em;font-size:0.99em;"} 
+      %h1 La décomposition d’une feuille de hêtre
   
     
     %br

app/views/plaquettes/index.html.haml

@@ -8,7 +8,7 @@
     >
 
   =image_tag "plaquettes/logos/logo_longpra.png", :style => "width:500px;margin:auto;padding-top:1em;display:block;"
-  %h1{:style => "text-align:center;color:white;font-size:4em;margin-top:2em;font-weight:normal;"} Plaquette pédagogique.
+  %h1{:style => "text-align:center;color:white;font-size:4em;margin-top:2em;font-weight:normal;"} Plaquette pédagogique
   
 
 =render :template => "plaquettes/faune-batiments"
@@ -24,6 +24,7 @@
 
 =render :template => "plaquettes/insectes"
 =render :template => "plaquettes/mur-insectes"
+=render :template => "plaquettes/puzzle-insectes"
 =render :template => "plaquettes/quizz-insectes"
 
 =render :template => "plaquettes/jardins"

app/views/plaquettes/insectes.html.haml

@@ -27,9 +27,10 @@
         %a.img{:data => {:img => "/assets/plaquettes/insectes/puceron.jpg", :legend => "Puceron"}} pucerons
         =" :"
         
-      %p
+      %ul
+        %li
           %a.img{:data => {:img => "/assets/plaquettes/insectes/coccinelle.jpg", :legend => "Coccinelle"}} les coccinelles 
-      %p  
+        %li  
           %a.img{:data => {:img => "/assets/plaquettes/insectes/chrysope.jpg", :legend => "Chrysope"}} les chrysopes. 
 
 
@@ -45,7 +46,7 @@
           fagots de tiges à 
           %a.img{:data => {:img => "/assets/plaquettes/moelle.jpg", :desc => "moelle = partie molle à l'intérieur d'un os ou d'une tige"}} moelle*
         %li
-          %a.img{:data => {:img => "/assets/plaquettes/buche-perces.jpg", :legend => "Buches percés"}} buches percés 
+          %a.img{:data => {:img => "/assets/plaquettes/buche-perces.jpg", :legend => "Bûches percées"}} bûches percées
         %li
           %a.img{:data => {:img => "/assets/plaquettes/abri-coccinelle.jpg", :legend => "Abri à coccinelle"}} abri à coccinelles
 

app/views/plaquettes/jardins.html.haml

@@ -9,8 +9,10 @@
 
       %p
         Les plantes et les animaux qui meurent sont décomposés par de nombreuses petites bêtes : 
-      %p
+      %ul
+        %li
           %a.img{:data => {:img => "/assets/plaquettes/fourmi.jpg", :legend => "Fourmi"}} insectes,
+        %li
           %a.img{:data => {:img => "/assets/plaquettes/lombric.jpg", :legend => "Lombric"}} vers
 
       %p
@@ -31,7 +33,7 @@
 
       %p
         Certains déchets sont de 
-        %a.img{:data => {:img => "/assets/plaquettes/jardin/piege.jpg", :desc => "Photo d'un mammifère coincé dans une bouteille ou étouffé par un sac."}} vrais pièges pour les animaux
+        %a.img{:data => {:img => "/assets/plaquettes/jardin/piege.jpg", :desc => "Photo d'un mammifère coincé dans une bouteille."}} vrais pièges pour les animaux
         ="."
       
 

app/views/plaquettes/jeu-arbre.html.haml

@@ -1,7 +1,7 @@
 .page  
   
   
-  .places_jeu
+  .places_jeu2
     
     %div{:style => "padding:22px;"}
       .img{:style => "width:500px;"}
@@ -10,19 +10,23 @@
         .receptable{:style => "top:200px;left:70px;", :data => {:rep => 1}}
         .receptable{:style => "top:400px;left:250px;", :data => {:rep => 2}}
         .receptable{:style => "top:100px;left:380px;", :data => {:rep => 3}}
-        .receptable{:style => "bottom:50px;left:250px;", :data => {:rep => 4}}
+        .receptable{:style => "top:250px;left:350px;", :data => {:rep => 4}}
       
     .vignettes
       
       %h1 Les vieux arbres : un immeuble de biodiversité 
 
       =image_tag "plaquettes/jeu-arbre/1.jpg", :class => "droppable", :data => {:rep => 1, :legend => "Ecureuil roux"}
+      =image_tag "plaquettes/jeu-arbre/4.jpg", :class => "droppable intru", :data => {:rep => 4, :legend => "Mulot"}
       =image_tag "plaquettes/jeu-arbre/2.jpg", :class => "droppable", :data => {:rep => 2, :legend => "Chouette hulotte"}
+      =image_tag "plaquettes/lezard.jpg", :class => "droppable intru", :data => {:rep => 4, :legend => "Lézard des murailles"}
       =image_tag "plaquettes/jeu-arbre/3.jpg", :class => "droppable", :data => {:rep => 3, :legend => "Sitelle torchepot"}
-      =image_tag "plaquettes/jeu-arbre/4.jpg", :class => "droppable", :data => {:rep => 4, :legend => "Mulot"}
+      =image_tag "plaquettes/lucane.jpg", :class => "droppable", :data => {:rep => 3, :legend => "Lucane cerf volant"}
+      
+      
       
       .success
-        %h3 Bravo, tu as re-placé tout les animaux
+        %h3 Bravo tu as replacé tous les animaux !
       
   .prev_slide
     <

app/views/plaquettes/mur-insectes.haml

@@ -1,7 +1,7 @@
 .page  
   
   
-  .places_jeu
+  .places_jeu2
     
     %div{:style => "padding:22px;"}
       .img{:style => "width:500px;"}
@@ -14,15 +14,18 @@
       
     .vignettes
       
-      %h1 Les vieux arbres : un immeuble de biodiversité 
+      %h1 Hôtel à insectes
 
       =image_tag "plaquettes/mur-insectes/abeille-sol.jpg", :class => "droppable", :data => {:rep => 1, :legend => "Abeille solitaire"}
       =image_tag "plaquettes/mur-insectes/chrysope.jpg", :class => "droppable", :data => {:rep => 2, :legend => "Chrysope"}
+      =image_tag "plaquettes/lucane.jpg", :class => "droppable intru", :data => {:rep => 3, :legend => "Lucane cerf volant"}
       =image_tag "plaquettes/mur-insectes/coccinelle.jpg", :class => "droppable", :data => {:rep => 3, :legend => "Coccinelle"}
+      =image_tag "plaquettes/lucane.jpg", :class => "droppable intru", :data => {:rep => 3, :legend => "Lucane cerf volant"}
       =image_tag "plaquettes/mur-insectes/perce-oreille.jpg", :class => "droppable", :data => {:rep => 4, :legend => "Perce-oreille"}
       
+      
       .success
-        %h3 Bravo, tu as re-placé tout les animaux
+        %h3 Bravo, tu as replacé tout les animaux
       
   .prev_slide
     <

app/views/plaquettes/puzzle-chauve-souris.html.haml

@@ -49,7 +49,7 @@
       
       .success{:style => "margin:1em;display:none;"}
         %h2 Bravo, tu as réussi à reconstituer le puzzle.
-        %p Détails sur la chauve souris
+    
         %center
           .btn.reset
             Rejouer

app/views/plaquettes/puzzle-insectes.haml

@@ -0,0 +1,76 @@
+.page
+  .prev_slide
+    <
+  .next_slide
+    >
+  .content  
+
+    %h1 Puzzle d'une fourmi
+  
+    -width = 533
+    -height = 600
+    
+    
+    
+    .puzzle.puzzle_insectes{:style => "position:relative;", :data => {:width => width.to_s+"px", :height => height.to_s+"px"}}
+      =image_tag "plaquettes/fourmi-puzzle.jpg", :id => "puzzle-insectes", :style => "opacity:0.2;width:#{width}px;height:#{height}px;"
+
+      .piece_place{:style => "top:0px;left:0px;", :data => {:rep => 1}}
+      .piece_place{:style => "top:0px; left:#{width/3}px;", :data => {:rep => 2}} 
+      .piece_place{:style => "top:0px; left:#{width/3*2}px;", :data => {:rep => 3}}
+      .piece_place{:style => "top:#{height/3}px;", :data => {:rep => 4}}
+      .piece_place{:style => "top:#{height/3}px;left:#{width/3}px;", :data => {:rep => 5}}
+      .piece_place{:style => "top:#{height/3}px;left:#{width/3*2}px;", :data => {:rep => 6}}  
+      .piece_place{:style => "top:#{height/3*2}px;", :data => {:rep => 7}, }
+      .piece_place{:style => "left:#{width/3}px;top:#{height/3*2}px;", :data => {:rep => 8}}
+      .piece_place{:style => "left:#{width/3*2}px;top:#{height/3*2}px;", :data => {:rep => 9}}
+      
+      .pieces
+        .piece{:data => {:rep => 1}, :style => "top:448px;left:453px;-webkit-transform:rotate(2deg)"}
+          =image_tag "plaquettes/fourmi-puzzle.jpg", :style => ""  
+        .piece{:data => {:rep => 2}, :style => "top:390px; left:706px;-webkit-transform:rotate(3deg)"}
+          =image_tag "plaquettes/fourmi-puzzle.jpg", :style => "left:-#{width/3}px;"  
+        .piece{:data => {:rep => 3}, :style => "left: 754px; top: 153px;-webkit-transform:rotate(-4deg)"}
+          =image_tag "plaquettes/fourmi-puzzle.jpg", :style => "left:-#{width/3*2}px;"
+    
+        .piece{:data => {:rep => 4}, :style => "top:280px;left:700px;-webkit-transform:rotate(-5deg)"}
+          =image_tag "plaquettes/fourmi-puzzle.jpg", :style => "top:-#{height/3}px;"
+        .piece{:data => {:rep => 5}, :style => "top:30px;left:710px;-webkit-transform:rotate(7deg)"}
+          =image_tag "plaquettes/fourmi-puzzle.jpg", :style => "top:-#{height/3}px;left:-#{width/3}px;"
+        .piece{:data => {:rep => 6}, :style => "top: 479px; left: 648px;-webkit-transform:rotate(5deg)"}
+          =image_tag "plaquettes/fourmi-puzzle.jpg", :style => "top:-#{height/3}px;left:-#{width/3*2}px;"
+  
+        .piece{:data => {:rep => 7}, :style => "top: 257px; left: 719px;-webkit-transform:rotate(2deg)"}
+          =image_tag "plaquettes/fourmi-puzzle.jpg", :style => "top:-#{height/3*2}px;"
+        .piece{:data => {:rep => 8}, :style => "left: 755px; top: 74px;-webkit-transform:rotate(-6deg)"}
+          =image_tag "plaquettes/fourmi-puzzle.jpg", :style => "top:-#{height/3*2}px;left:-#{width/3}px;"
+        .piece{:data => {:rep => 9}, :style => "top:440px; left:700px;-webkit-transform:rotate(2deg)"}
+          =image_tag "plaquettes/fourmi-puzzle.jpg", :style => "top:-#{height/3*2}px;left:-#{width/3*2}px;"
+      
+      .success{:style => "margin:1em;display:none;"}
+        %h2 Bravo, tu as réussi à reconstituer le puzzle.
+ 
+        %center
+          .btn.reset
+            Rejouer
+      
+      <style>
+      =".puzzle_insectes .piece_place, .puzzle_insectes .piece{"
+      ="  width:#{width/3}px;height:#{height/3}px;"
+      ="}"
+      =".puzzle_insectes .piece img{"
+      ="  width:#{width}px;max-width:#{width}px;"
+      ="}"
+      </style>
+      
+      :css
+        .piece_place{
+          overflow:hidden;position:absolute;
+        }
+        .piece{
+          box-shadow:0 0 10px rgba(0,0,0,0.5);
+          overflow:hidden;position:absolute;
+        }
+        .piece img{
+          position:absolute;
+        }

app/views/plaquettes/quizz-arbres.html.haml

@@ -5,7 +5,7 @@
     %h1 Quizz arbres
    
     .quizz
-      =quizz [["Laquelle de ces plantes n’est pas un arbre ?", [["le lierre", "c’est une liane","plaquettes/arbres/lierre.jpg", "Lierre"], ["le sapin", "c’est un arbre de la famille des résineux"], ["le chêne ", "c’est un arbre de la famille des feuillus"]], 1],["Faut-il conserver certains arbres morts ?", [["Oui","il faut des arbres morts dans une forêt"], ["non","les arbres morts sont très importants pour certains animaux, il faut donc en conserver quelques uns"]], 1, "plaquettes/vieux-arbre.jpg"], ["Parmi ces trois plantes laquelle trouve-t-on dans le parc du château de Longpra ?", [["le tilleul","on en trouve plusieurs", "plaquettes/tilleul.jpg"], ["le palmier","souviens-toi du texte"], ["le buddleia","souviens-toi du texte", "plaquettes/buddleia.jpg"]], 1],["Lequel de ces oiseaux fait son nid dans un trou d’arbre ?", [["le héron cendré ","avec ces grandes pattes il construit son nid en haut des arbres"], ["l’hirondelle rustique","elle construit un nid dans un bâtiment", "plaquettes/quizzs/hirondelle.jpg", "Hirondelles rustiques au nid"], ["le pic épeiche","il pond ses œufs dans un trou d’arbre", "plaquettes/quizzs/pic.jpg", "Pic épeiche"]], 3],["Le lierre est-il une plante parasite ?", [["oui","il ne tue pas les arbres, il s’en sert pour chercher de la lumière"], ["non",", il ne tue pas les arbres, il s’en sert pour chercher de la lumière"]], 2, "plaquettes/arbres/lierre.jpg"] ], "Bravo tu as répondu à toutes les questions.", ""
+      =quizz [["Laquelle de ces plantes n’est pas un arbre ?", [["le lierre", "c’est une liane","plaquettes/arbres/lierre.jpg", "Lierre"], ["le sapin", "c’est un arbre de la famille des résineux"], ["le chêne ", "c’est un arbre de la famille des feuillus"]], 1],["Faut-il conserver certains arbres morts ?", [["Oui","il faut des arbres morts dans une forêt"], ["Non","les arbres morts sont très importants pour certains animaux, il faut donc en conserver quelques uns"]], 1, "plaquettes/vieux-arbre.jpg"], ["Parmi ces trois plantes laquelle trouve-t-on dans le parc du château de Longpra ?", [["le tilleul","on en trouve plusieurs", "plaquettes/tilleul.jpg"], ["le palmier","souviens-toi du texte"], ["le buddleia","souviens-toi du texte", "plaquettes/buddleia.jpg"]], 1],["Lequel de ces oiseaux fait son nid dans un trou d’arbre ?", [["le héron cendré ","avec ces grandes pattes il construit son nid en haut des arbres"], ["l’hirondelle rustique","elle construit un nid dans un bâtiment", "plaquettes/quizzs/hirondelle.jpg", "Hirondelles rustiques au nid"], ["le pic épeiche","il pond ses œufs dans un trou d’arbre", "plaquettes/quizzs/pic.jpg", "Pic épeiche"]], 3],["Le lierre est-il une plante parasite ?", [["oui","il ne tue pas les arbres, il s’en sert pour chercher de la lumière"], ["Non",", il ne tue pas les arbres, il s’en sert pour chercher de la lumière"]], 2, "plaquettes/arbres/lierre.jpg"] ], "Bravo tu as répondu à toutes les questions.", ""
       
   .prev_slide
     <

app/views/plaquettes/quizz-batiments.html.haml

@@ -6,7 +6,7 @@
     %h1 Quizz faune des bâtiments 
    
     .quizz
-      =quizz [["Comment s’appellent les  petites boules qui contiennent les déchets que la chouette effraie ne peut pas digérer?", [["Les pelotes de laine "], ["Les pelotes de déjection  "], ["Les pelotes de rejection "]], 3, "plaquettes/pelotte.jpg", "Pelotte"],["Quels animaux sont les proies préférées de la chouette effraie ?", [["les campagnols ","elle peut en manger plus de 1500 par an", "plaquettes/quizzs/campagnol.jpg", "Campagnol"], ["les renards","Ils sont les concurrents de la chouette : ils mangent eux aussi des campagnols", "plaquettes/renard.jpg", "Renard"], ["les lézards","ils vivent le jour alors que la chouette ne chasse que la nuit", "plaquettes/quizzs/lezard.jpg", "Lézard des murailles"]], 1], ["A quelle famille les lézards appartiennent-ils ?", [["amphibiens ","c’est la famille  des grenouilles et crapauds"], ["mammifères","c’est la famille des animaux qui allaitent leurs petits"], ["reptiles ","les serpents en font également partie"]], 3, "plaquettes/quizzs/lezard.jpg", "Lézard des murailles"],["En hiver, où trouve-t-on les petits rhinolophes au château de Longpra ?", [["dans le grenier  ","il fait trop froid en hiver dans le grenier"], ["dans la cave ","la température est stable et l’humidité permet au petit rhinolophe de garder ses ailes humides."], ["dans les vieux arbres","on les trouve dans les bâtiments", "plaquettes/arbres/chandelle.jpg", "Chandelle"]], 2],["Comment appelle-t-on les animaux qui vivent la nuit comme le blaireau ou la chouette ?", [["somnambules ","ce sont les personnes qui marchent en dormant"], ["nocturnes "," ils dorment la journée et s’activent dès la tombée de la nuit"], ["nuisibles","ce sont les animaux qui abiment les plantes utiles "]], 2, "plaquettes/quizzs/chouette.jpg"] ], "Bravo tu as répondu à toutes les questions.", "Au château de Longpra, il y a de nombreuses cachettes pour les animaux. Et chez toi ?... Si tu n'en as pas, tu peux en construire : nichoirs, tas de bois... "
+      =quizz [["Comment s’appellent les  petites boules qui contiennent les déchets que la chouette effraie ne peut pas digérer?", [["Les pelotes de laine "], ["Les pelotes de déjection  "], ["Les pelotes de rejection "]], 3, "plaquettes/pelotte.jpg", "Pelotte"],["Quels animaux sont les proies préférées de la chouette effraie ?", [["les campagnols ","elle peut en manger plus de 1500 par an", "plaquettes/quizzs/campagnol.jpg", "Campagnol"], ["les renards","Ils sont les concurrents de la chouette : ils mangent eux aussi des campagnols", "plaquettes/renard.jpg", "Renard"], ["les lézards","ils vivent le jour alors que la chouette ne chasse que la nuit", "plaquettes/quizzs/lezard.jpg", "Lézard des murailles"]], 1], ["A quelle famille les lézards appartiennent-ils ?", [["amphibiens ","c’est la famille  des grenouilles et crapauds"], ["mammifères","c’est la famille des animaux qui allaitent leurs petits"], ["reptiles ","les serpents en font également partie"]], 3, "plaquettes/quizzs/lezard.jpg", "Lézard des murailles"],["En hiver, où trouve-t-on les petits rhinolophes au château de Longpra ?", [["dans le grenier  ","si il fait trop froid, il quittera le grenier pour la cave ou la température diminue moins et où les conditions d'humidité sont plus favorables.","/assets/plaquettes/combles.jpg", "Charpente", true], ["dans la cave ","la température est stable et l’humidité permet au petit rhinolophe de garder ses ailes humides.",nil, nil, true], ["dans les vieux arbres","on les trouve dans les bâtiments", "plaquettes/arbres/chandelle.jpg", "Chandelle"]], 2],["Comment appelle-t-on les animaux qui vivent la nuit comme le blaireau ou la chouette ?", [["somnambules ","ce sont les personnes qui marchent en dormant"], ["nocturnes "," ils dorment la journée et s’activent dès la tombée de la nuit"], ["nuisibles","ce sont les animaux qui abiment les plantes utiles "]], 2, "plaquettes/quizzs/chouette.jpg"] ], "Bravo tu as répondu à toutes les questions.", "Au château de Longpra, il y a de nombreuses cachettes pour les animaux. Et chez toi ?... Si tu n'en as pas, tu peux en construire : nichoirs, tas de bois... "
     
     
   .prev_slide

app/views/plaquettes/quizz-jardin.html.haml

@@ -5,7 +5,7 @@
     %h1 Quizz
    
     .quizz
-      =quizz [ ["Où le hérisson peut-il passer l’hiver ? ", [["dans la cave du château", "il peut rentrer dans les bâtiments.", nil, nil, true], ["sous un tas de bois ou de feuille", "il est ainsi protégé du froid et de la pluie.", nil, nil, true], ["enfoui dans la terre ", ", il peut occuper les terriers laissés vides (lapin, blaireau…)", nil, nil, true]],2], ["Pour continuer à avoir des cerises, quels animaux faut-il préserver ?", [["les insectes pollinisateurs ", "ils transportent le pollen "], ["les carnivores ", "ce sont les animaux qui mangent de la viande"], ["les granivores", "ce sont les animaux qui se nourrissent de graines"]],1,"plaquettes/cerise.jpg"],["Quelle petite bête ne participe pas à la décomposition de la <a class='img' data-img='/assets/plaquettes/jardin/tas.jpg' data-legend='matière organique = animaux et végétaux'>matière organique*</a> ? ", [["le cloporte "," il participe à la décomposition de la matière organique"], ["la coccinelle ","elle mange principalement les pucerons", "plaquettes/coccinelle.jpg"], ["la fourmi", "elle participe à la décomposition de la matière organique", "plaquettes/fourmi.jpg"]], 2], ["D’où vient le nom du bousier ?", [["de sa couleur ","sa couleur n’a rien de particulier"], ["de sa nourriture ","il se nourrit entre autre de la bouse de vache"], ["de sa forme ", "sa forme n’a rien de particulier"]], 2, "plaquettes/bousier.jpg", "Bousier"],["Pour sa croissance une plante a besoin de terre, de soleil et …", [["d’engrais","cela aide juste la plante à pousser plus vite"], ["de sucre  ","elle trouve sa nourriture dans le sol "], ["d’eau","l’eau est indispensable pour la croissance d’une plante"]], 3, "plaquettes/croissance.jpg"]], "Bravo tu as répondu à toutes les questions.", ""
+      =quizz [ ["Où le hérisson peut-il passer l’hiver ? ", [["dans la cave du château", "il peut rentrer dans les bâtiments.", nil, nil, true], ["sous un tas de bois ou de feuille", "il est ainsi protégé du froid et de la pluie.", nil, nil, true], ["enfoui dans la terre ", ", il peut occuper les terriers laissés vides (lapin, blaireau…)", nil, nil, true]],2, "/assets/plaquettes/herisson.jpg", "Hérisson"], ["Pour continuer à avoir des cerises, quels animaux faut-il préserver ?", [["les insectes pollinisateurs ", "ils transportent le pollen ", "/assets/plaquettes/osmie-2.jpg", "Osmie"], ["les carnivores ", "ce sont les animaux qui mangent de la viande"], ["les granivores", "ce sont les animaux qui se nourrissent de graines"]],1,"plaquettes/cerise.jpg"],["Quelle petite bête ne participe pas à la décomposition de la <a class='img' data-img='/assets/plaquettes/jardin/tas.jpg' data-legend='matière organique = animaux et végétaux'>matière organique*</a> ? ", [["le cloporte "," il participe à la décomposition de la matière organique","/assets/plaquettes/cloporte.jpg", "Cloporte"], ["la coccinelle ","elle mange principalement les pucerons", "plaquettes/coccinelle.jpg"], ["la fourmi", "elle participe à la décomposition de la matière organique", "plaquettes/fourmi.jpg"]], 2], ["D’où vient le nom du bousier ?", [["de sa couleur ","sa couleur n’a rien de particulier"], ["de sa nourriture ","il se nourrit entre autre de la bouse de vache"], ["de sa forme ", "sa forme n’a rien de particulier"]], 2, "plaquettes/bousier.jpg", "Bousier"],["Pour sa croissance une plante a besoin de terre, de soleil et …", [["d’engrais","cela aide juste la plante à pousser plus vite"], ["de sucre  ","elle trouve sa nourriture dans le sol "], ["d’eau","l’eau est indispensable pour la croissance d’une plante"]], 3, "plaquettes/croissance.jpg"]], "Bravo tu as répondu à toutes les questions.", ""
     
   .prev_slide
     <

app/views/plaquettes/vie-arbre.html.haml

@@ -1,7 +1,8 @@
 .page
-
+  .content{:style => "width:500px;box-sizing:border-box;padding:1em;font-size:0.99em;"} 
-  .sortable_quizz
     %h1{:style => "margin-bottom:-5px;z-index:2;position:relative;"} La vie du tilleul.
+  .sortable_quizz
+    
   
     
     %table.vie-arbre
@@ -28,11 +29,11 @@
             %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 sont passés, un orage 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.
+            %p 10 ans sont 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, il a environ 10 ans, il est encore petit. De l’herbe et de nombreuses plantes poussent près de lui.
+            %p Ce tilleul est jeune, à 10 ans il est encore petit, il est encore petit. De nombreuses plantes poussent près de lui.
           
           
           %td{:"data-order" => 4}
@@ -44,9 +45,7 @@
           %td{:"data-order" => 2}     
             %p 
               Le tilleul a terminé sa 
-              croissance*
+              %a.img{:data => {:img => "/assets/plaquettes/vieux-arbre.jpg", :legend => "Arbre mort et trous de Pic."}} croissance.
-              ="."
-              il a fini de grandir)
               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;"}