modifs longpras

app/assets/javascripts/plaquettes.coffee

@@ -251,6 +251,7 @@ initialize_vie_sol = () ->
 
 $(document).ready ->
   
+  
   intialize_arbre()
   
   initialize_vie_sol()

app/assets/stylesheets/plaquettes.css.less

@@ -28,6 +28,7 @@ font-size:1.8em;
 
 p{
 font-size:1.5em;
+text-align:center !important;
 }
 }
 
@@ -499,8 +500,13 @@ margin:0px 0.6em;
 
 .vie-arbre.story{
 td{
-padding:1em !important;
+padding:0.3em !important;
+p{
+padding:0.7em !important;
+border:1px solid black;
 }
+}
+
 
 }
 
@@ -540,4 +546,3 @@ height:100% !important;
   }
 
  
- 

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

@@ -2,23 +2,23 @@
   .content
     %h1 Le rôle des « petites bêtes » dans la décomposition
     .animaux_sol
-      %table{:style => "width:500px;float:left;"}
+      %table.descriptions{: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.
+            %p 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.
         %tr
           %td
-            Je suis un petit insecte, je me nourris des petits animaux morts et de déchets du compost.
+            %p Je suis un petit insecte, je me nourris des petits animaux morts et de déchets du compost.
         %tr
           %td
-            Je suis un organisme microscopique, j’agis à toutes les étapes de la décomposition.
+            %p Je suis un organisme microscopique, j’agis à toutes les étapes de la décomposition.
         %tr
           %td
-            Je suis un crustacé à carapace grise. On me reconnaît à mes 14 pattes. Je me nourris essentiellement de matière en décomposition, et surtout, de bois mort. 
+            %p Je suis un crustacé à carapace grise. On me reconnaît à mes 14 pattes. Je me nourris essentiellement de matière en décomposition, et surtout, de bois mort. 
         
         %tr
           %td
-            Insecte de la famille des coléoptères, je mange les excréments de certains animaux. Je participe donc à la décomposition.
+            %p Insecte de la famille des coléoptères, je mange les excréments de certains animaux. Je participe donc à la décomposition.
         
     
   
@@ -50,7 +50,7 @@
             
       .success{:style => "position:absolute;bottom:0px;left:0px;right:0px;text-align:center;color:green;display:none;"}
         %h3 
-          Bravo tu as réussi à remettre l'histoire dans l'ordre.
+          Bravo, tu as retrouvé la description des animaux !
           .btn.reset Rejouer
           
   
@@ -62,6 +62,11 @@
     
     }
     
+    .animaux_sol .descriptions td p{
+    padding:0.5em;
+    border:1px solid black !important;
+    }
+    
     .t_sortable img{
       height:90px;
       display:block;

app/views/plaquettes/insectes.html.haml

@@ -14,9 +14,9 @@
         Les insectes pollinisateurs tels que les abeilles sauvages sont en voie de disparition. 
         %br
         Les
-        %a.img{:data => {:img => "/assets/plaquettes/osmie.jpg", :legend => "Abeilles sauvage"}} abeilles sauvages,
+        %a.img{:data => {:img => "/assets/plaquettes/osmie.jpg", :legend => "Abeille sauvage"}} abeilles sauvages,
         à l’inverse des 
-        %a.img{:data => {:img => "/assets/plaquettes/abeille.jpg", :legend => "Abeilles domestique"}} abeilles domestiques
+        %a.img{:data => {:img => "/assets/plaquettes/abeille.jpg", :legend => "Abeille domestique"}} abeilles domestiques
         ne vivent pas en groupe. 
          
   
@@ -24,7 +24,7 @@
         Il y a aussi des insectes grands 
         prédateurs 
         de 
-        %a.img{:data => {:img => "/assets/plaquettes/insectes/puceron.jpg", :legend => "Puceron"}} pucerons
+        %a.img{:data => {:img => "/assets/plaquettes/insectes/puceron.jpg", :legend => "Pucerons"}} pucerons
         =" :"
         
       %ul

app/views/plaquettes/jardins.html.haml

@@ -11,7 +11,7 @@
         Les plantes et les animaux qui meurent sont décomposés par de nombreuses petites bêtes : 
       %ul
         %li
-          %a.img{:data => {:img => "/assets/plaquettes/fourmi.jpg", :legend => "Fourmi"}} insectes,
+          %a.img{:data => {:img => "/assets/plaquettes/fourmi.jpg", :legend => "Fourmi"}} insectes
         %li
           %a.img{:data => {:img => "/assets/plaquettes/lombric.jpg", :legend => "Lombric"}} vers
 

app/views/plaquettes/mur-insectes.haml

@@ -18,7 +18,7 @@
 
       =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/papillon.jpg", :class => "droppable intru", :data => {:rep => 3, :legend => "Papillon"}
       =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"}

app/views/plaquettes/puzzle-insectes.haml

@@ -13,6 +13,12 @@
     
     
     .puzzle.puzzle_insectes{:style => "position:relative;", :data => {:width => width.to_s+"px", :height => height.to_s+"px"}}
+      .success{:style => "margin:1em;display:none;width:460px;right:-10px;top:10px;position:absolute;"}
+        %h2 Bravo, tu as réussi à reconstituer le puzzle.
+
+        %center
+          .btn.reset
+            Rejouer
       =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}}
@@ -47,12 +53,7 @@
         .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{"

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

@@ -2,7 +2,7 @@
   
   .content{:style => "position:absolute;background:rgba(250,250,250,0.8);width:460px;left:0px;top:0px;bottom:0px;height:auto;"}  
 
-    %h1 Quizz arbres
+    %h1 Quiz 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.", ""

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

@@ -3,10 +3,10 @@
   
   .content{:style => "position:absolute;background:rgba(250,250,250,0.8);width:460px;left:0px;top:0px;bottom:0px;height:auto;"}
 
-    %h1 Quizz faune des bâtiments 
+    %h1 Quiz 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  ","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... "
+      =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", "Pelote"],["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.","/assets/plaquettes/cave.jpg", "Cave du chateau", 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 rejetés par l'homme car ils peuvent abimer les jardins, les récoltes... "]], 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-insectes.html.haml

@@ -2,7 +2,7 @@
 
   .content{:style => "position:absolute;background:rgba(250,250,250,0.8);width:460px;left:0px;top:0px;bottom:0px;height:auto;"}
 
-    %h1 Quizz
+    %h1 Quiz
    
     .quizz
       =quizz [ ["Quel insecte saute, vole, stridule, et ressemble au criquet ?", [["La mouche"], ["La sauterelle", "on les différencie grâce à leurs antennes", "plaquettes/sauterelle.jpg"], ["Le papillon "]],2, "plaquettes/criquet.jpg", "Criquet"],["Est-ce que les abeilles sauvages font du miel ?", [["Oui","elles produisent uniquement de la nourriture pour leurs larves  (nectar et pollen)"], ["Non","ce sont les abeilles domestiques qui font du miel"]], 2, "plaquettes/quizzs/abeille.jpg", "Abeille solitaire Osmie"], ["Les pesticides sont-ils dangereux pour les insectes ?", [["Oui","ils peuvent causer la mort de certains insectes", "plaquettes/pesticide.jpg"], ["Non","ils peuvent causer la mort de certains insectes"]], 1],["Comment s’appelle la nourriture préférée des abeilles ?", [["Le nectar","on le trouve dans les fleurs", "plaquettes/nectar.jpg"], ["La nectarine ","c’est un fruit"], ["Le délice","c’est quelque chose de bon"]], 1],["Quel insecte mange des pucerons ?", [["L’abeille","elle se nourrit de nectar", "plaquettes/abeille.jpg", "Abeille domestique"], ["La mouche","les pucerons ne font pas parties de sa nourriture"], ["La coccinelle", "elle peut en manger plusieurs milliers", "plaquettes/coccinelle.jpg"]], 3] ], "Bravo tu as répondu à toutes les questions.", ""

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

@@ -2,7 +2,7 @@
 
   .content{:style => "position:absolute;background:rgba(250,250,250,0.8);width:460px;left:0px;top:0px;bottom:0px;height:auto;"}  
 
-    %h1 Quizz
+    %h1 Quiz
    
     .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, "/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.", ""

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

@@ -29,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é, 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.
+            %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, il est encore petit. De nombreuses plantes poussent près de lui.
+            %p Ce tilleul est jeune, à 10 ans il est encore petit. De nombreuses plantes poussent près de lui.
           
           
           %td{:"data-order" => 4}
@@ -45,7 +45,7 @@
           %td{:"data-order" => 2}     
             %p 
               Le tilleul a terminé sa 
-              %a.img{:data => {:img => "/assets/plaquettes/vieux-arbre.jpg", :legend => "Arbre mort et trous de Pic."}} croissance.
+              %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;"}