Revue template élément quiz groupé, notamment sur mobile

front/public/themes/wikilerni/css/style.css

@@ -408,6 +408,10 @@ margin:1.5em;
 text-align:left;
 line-height:1.5em;
 }
+#explanations p a.button
+{
+font-size: 0.75em;
+}
 #quizElementLinks h4
 {
 margin:0;
@@ -415,12 +419,13 @@ font-size:1.1em;
 }
 #quizElementLinks ul
 {
-margin:0;
+margin:0.5em 0;
-font-size:0.85em;
+font-size:0.9em;
+padding-left: 1em;
 }
 #nextLink
 {
-  margin:1em;
+  margin:2em 0;
   text-align: center;
 }
 #linksList, #illustrationsList, #questionsList
@@ -642,6 +647,10 @@ font-size:1em;
     font-size:1.2em;
     margin-top: 0.5em;
     }
+  #explanations p a.button
+  {
+  font-size: 1em;
+  } 
 }
 
 

views/wikilerni/config/fr.js

@@ -38,7 +38,7 @@ module.exports =
     siteSlogan: "Cultivons notre jardin !",
     noJSNotification: "Désolé, mais pour l'instant, l'utilisation de WikiLerni nécessite l'activation du JavaScript.",
     mailRecipientTxt: "Message envoyé à :",
-    licenceTxt: "@copyleft Le contenu de ce site <a href=\"/credits.html\" title=\"En savoir plus ?\">est libre</a> et vous offert sans publicité. Vous pouvez <a href=\"/participer-financement.html\" title=\"Financement participatif\">participer à son financement en cliquant ici</a>.",
+    licenceTxt: "@copyleft Le contenu de ce site <a href=\"/credits.html\" title=\"En savoir plus ?\">est libre</a> et vous est offert sans publicité. Vous pouvez <a href=\"/participer-financement.html\" title=\"Financement participatif\">participer à son financement en cliquant ici</a>.",
     /* Page d'accueil */
     homePageTxt: "Page d'accueil",
     homeTitle1: "De nature curieuse ?",
@@ -56,11 +56,12 @@ module.exports =
     tagListMetaDesc: "WikiLerni : découvrir les différents thèmes abordés par WikiLerni. Inxex du site.",
     tagListIntro: "<h3>Avec WikiLerni, devenez fort en thèmes... Oui mais quels thèmes ? :)</h3><blockquote>Aristote : « L’homme a naturellement la passion de connaître… »</blockquote>",
     /* Page quizs */
+    answersExplanationsLinkText: "Relire",
     quizElementLinksIntro: "En savoir plus",
     quizElementSubcriptionFormTitle: "Recevez les prochains articles WikiLerni",
     explanationTitle: "Vous découvrez WikiLerni ?",
     explanationTxt: "<p>Le principe est simple : <b>vous commencez par lire l’article Wikipédia dont le lien vous est proposé</b>. Puis vous <b>afficher le quiz pour vérifier ce que vous avez retenu de votre lecture</b>. Suivant les questions, <b>une ou plusieurs réponses peuvent être correctes</b> et doivent donc être cochées. C’est toujours <b>le contenu de l’article Wikipédia qui fait foi</b> concernant les « bonnes » réponses. C’est une façon de tester à la fois votre capacité d’attention et votre mémoire. Les articles de Wikipédia peuvent évoluer, donc n’hésitez pas <a href='/contact.html'>à me signaler une erreur</a>.</p><p><b>WikiLerni vous propose d’autres solutions pour améliorer votre culture générale</b>. Pour en savoir plus, cliquez sur le bouton ci-dessous.</p>",
-    explanationElementTxt: "<p>WikiLerni vous propose de <b>recevoir par e-mail à la fréquence choisie, de courts articles lisibles en quelques minutes</b> et portant sur des sujets très variés de culture générale (arts, histoire, littérature, sciences, etc.).</p><p>Chaque série d’articles est <b>suivie d’un quiz</b> permettant de tester ce que vous en avez retenu.</p><p><b>Vous apprenez ainsi de nouvelles choses très simplement.</b></p><p>L’inscription est gratuite et vous permet de tester le site sans engagement.</p>",
+    explanationElementTxt: "<p>WikiLerni vous propose de <b>recevoir par e-mail à la fréquence choisie, de courts articles lisibles en quelques minutes</b> et portant sur des sujets très variés de <b>culture générale</b> (arts, histoire, littérature, sciences, etc.).</p><p>Ces articles sont basés sur <b>une ou plusieurs pages de Wikipédia</b> (fournies en lien), dont <b>ils extraient certaines informations</b>, mais sans prétendre en être un résumé.</p><p>Chaque série d’articles est <b>suivie d’un quiz</b> permettant de tester ce que vous en avez retenu.</p><p><b>Vous apprenez ainsi régulièrement de nouvelles choses</b> très simplement.</p><p><b>L’inscription est gratuite</b> et vous permet de tester le site sans engagement.</p>",
     /* Autres */
     illustrationDir : "/img/quizs/",
     twitterAccount: "WikiLerni",

views/wikilerni/quiz-group.pug

@@ -61,7 +61,9 @@ block content
                         for question in questionnaire.Questions
                             p(id="question_"+question.Question.id) #{question.Question.text}
                             if(question.Question.explanation)
-                                blockquote(class="help" id="help_"+question.Question.id cite="/"+configQuestionnaires.dirWebQuestionnaires+"/"+questionnaire.Questionnaire.slug+".html") #{txtexplanationBeforeTxt} #{question.Question.explanation}                                
+                                blockquote(class="help" id="help_"+question.Question.id cite=config.siteUrl+"/"+configQuestionnaires.dirWebQuestionnaires+"/"+questionnaire.Questionnaire.slug+".html")
+                                    span #{txtexplanationBeforeTxt} #{question.Question.explanation+" "}
+                                    a(href=config.siteUrl+"/"+configQuestionnaires.dirWebQuestionnaires+"/"+questionnaire.Questionnaire.slug+".html") #{configTpl.answersExplanationsLinkText}
                             ul(class="checkbox_li")
                                 for response in question.Choices
                                     li(class="checkbox_li")