diff --git a/.idea/workspace.xml b/.idea/workspace.xml index 7a83920..51bb663 100644 --- a/.idea/workspace.xml +++ b/.idea/workspace.xml @@ -3,12 +3,10 @@ - - - - + + @@ -45,14 +43,14 @@ - - + + - + @@ -62,21 +60,11 @@ - - + + - - - - - - - - - - - - + + @@ -86,9 +74,9 @@ - + - + @@ -97,8 +85,8 @@ - - + + @@ -106,31 +94,6 @@ - - - - - - - - - - - - - - - - - - - - - - - - - @@ -147,15 +110,16 @@ @@ -445,12 +409,12 @@ 1465650457129 - + - @@ -484,20 +448,12 @@ - - - - - - - - - + @@ -592,7 +548,7 @@ - + @@ -736,41 +692,16 @@ - - - - - - - - - - - - - - - - - - - - - - - - - - - + - - - - + + + + + @@ -801,16 +732,6 @@ - - - - - - - - - - @@ -819,5 +740,49 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/html/index.html b/src/html/index.html index bbcad83..14ef7c8 100644 --- a/src/html/index.html +++ b/src/html/index.html @@ -35,22 +35,42 @@

Bien joué!

+
+ {{winReason}} +
-
- {{winReason}} +
+

+ + Comment jouer: +

+
+ trouvez les argumentations foireuses dans les discours, pas seulement en politique. Cliquez sur une case + correspondant à l'erreur et voyez en combien de temps vous pouvez former une ligne verticale, horizontale, ou + diagonale. +
+
- -

- - Comment jouer: -

-
- trouvez les argumentations foireuses dans les discours, pas seulement en politique. Cliquez sur une case - correspondant à l'erreur et voyez en combien de temps vous pouvez former une ligne verticale, horizontale, ou - diagonale. +
+
+

à propos des pourritures argumentaires

+ Trouver des pourritures argumentaires ne vous donne pas nécessairement raison dans un débat. + Changer d'opinion sur un sujet est un exercice difficile, s'interroger sur l'origine de nos certitudes et nos craintes à les modifier devrait vous faire réagir et vous pousser à les confronter à la réalité en les comparant à des données et des expériences de personnes tierces. Il suffit d'un contre exemple pour invalider une généralité, mais accumuler des preuves de motifs similaires ne mène pas à la vérité absolue. Avoir l'esprit critique est un sport qui demande de l'exercice et de la rigueur. + On en peut rien conclure à partir d'un raisonnement bancal. + Puissiez vous comprendre qu'il est normal de rencontrer des individus dont les opinions seront différentes de la vôtre, et qu'ils auront parfois raison. + Bonnes conversations à vous.
+ Vous en trouverez d'avantage sur ce site:
+ cortecs.org + Les vidéos de PBS idea channel en expliquant quelques unes en deux minutes chacune. + The guide to common fallacies +
+ +
+ + Code disponible sur mon github tykayn diff --git a/src/html/tpl/bingo.html b/src/html/tpl/bingo.html index fb5be39..9c2ff33 100644 --- a/src/html/tpl/bingo.html +++ b/src/html/tpl/bingo.html @@ -3,17 +3,22 @@ style=" width : {{config.cols * 160}}px ; height: {{config.cols * 160}}px ; " > -
- {{s.text}} - {{s.position}} -
+ > + +
+ {{s.text}} + +

{{s.details}}

+
+ + +
diff --git a/src/json/squares.json b/src/json/squares.json index 186c350..1dc86c6 100644 --- a/src/json/squares.json +++ b/src/json/squares.json @@ -5,43 +5,47 @@ "squares": [ { "text":"point godwin", - "details":"point godwin" + "details":"ramaner tout argumentaire sans rapport avec la conquête nazie à ladite conquête." + }, + { + "text":"déshonneur par association", + "details":"comparer l’interlocuteur ou ses positions à une situation ou à un personnage servant de repoussoir." }, { "text":"pente glissante", - "details":"" + "details":"prétendre qu'un enchainement farfelu d'actions inéluctables va mener à une situation inacceptable à partir d'une situation anodine" }, { "text":"ad populum", - "details":"s'appuyer sur la popularité d'une chose pour lui associer une valeur" + "details":"s'appuyer sur la popularité d'une chose pour lui associer une valeur." }, { - "text":"conclusion hâtive", - "details":"" + "text":"généralisation abusive", + "details":"définir systématiquement un exemple comme représentatif de tout un ensemble" }, { "text":"inversion de la charge de la preuve", - "details":"" + "details":"demander à l'autre de prouver quelque chose quand c'est à nous de le faire." }, { "text":"ad hominem", - "details":"" + "details":"s'attaquer à la personne plutôt qu'à ses arguments" }, { "text":"le véritable irlandais", - "details":"" + "details":"face à un contre exemple de ce qui appartient à ensemble, dire que ce n'est pas un vrai élément de cet ensemble." }, { "text":"homme de paille", - "details":"" + "details":"parodier l'argumentaire adversaire pour le vaincre, alors que votre adversaire ne défend pas la même chose." }, { "text":"confondre causalité et correlation", - "details":"" + "details":"deux choses peuvent être correllées, elles ne sont pas focément liées aussi directement que le sont une cause et une conséquence." }, { "text":"raisonnement circulaire", - "details":"" + "details":"expliquer l'origine d'une chose par un enchainement d'arguments qui ramène à l'origine de l'enchainement" }, { "text":"faux dilemme", @@ -49,59 +53,56 @@ }, { "text":"argument de l'ignorance", - "details":"on ne sait pas, donc c'est mon explication qui est la bonne" + "details":"on ne sait pas, donc c'est mon explication qui est la bonne." }, { "text":"argument d'autorité", - "details":"" + "details":"utiliser une personne respectée ou reconnue pour appuyer un argument, même si ses compétences reconnues n'ont rien à voir avec le sujet." }, { "text":"appel à la pitié", - "details":"" + "details":"plaider des circonstances atténuantes ou particulières qui suscitent de la sympathie et donc cherchent à endormir les critères d’évaluation de l’interlocuteur." }, { "text":"écharppe rouge", - "details":"détourner l'attention vers un autre sujet" + "details":"détourner l'attention vers un autre sujet. souvent lié à l'utilisation d'un homme de paille" }, { "text":"fallacy fallacy", "details":"invalider un argumentaire dans sa globalité sur la base unique qu'il utilise un ou des biais argumentaires répertoriés ici. on peut avoir raison sans pour autant l'argumenter d'une bonne façon." }, { - "text":"fallacy fallacy", - "details":"invalider un argumentaire dans sa globalité sur la base unique qu'il utilise un ou des biais argumentaires répertoriés ici. on peut avoir raison sans pour autant l'argumenter d'une bonne façon." + "text":"texas sharpshooter", + "details":"inverser cause et conséquence pour donner l'illusion que l'on a raison. il est plus simple de viser juste lorsque l'on dessine la cible après avoir tiré." }, { - "text":"fallacy fallacy", - "details":"invalider un argumentaire dans sa globalité sur la base unique qu'il utilise un ou des biais argumentaires répertoriés ici. on peut avoir raison sans pour autant l'argumenter d'une bonne façon." + "text":"déplacer le goal", + "details":"changer l'objectif de la conversation au fur et à mesure que l'on perd un argumentaire. s'applique également à changer les règles d'un jeu en plein cours de la partie." }, { - "text":"fallacy fallacy", - "details":"invalider un argumentaire dans sa globalité sur la base unique qu'il utilise un ou des biais argumentaires répertoriés ici. on peut avoir raison sans pour autant l'argumenter d'une bonne façon." + "text":"avocat du diable", + "details":"faire soudain croire que notre argumentaire pourri consistait à être l'avocat du diable" }, { - "text":"fallacy fallacy", - "details":"invalider un argumentaire dans sa globalité sur la base unique qu'il utilise un ou des biais argumentaires répertoriés ici. on peut avoir raison sans pour autant l'argumenter d'une bonne façon." + "text":"pétition de principe", + "details":"faire une démonstration contenant déjà l’acceptation de sa conclusion." + }, + + { + "text":"qui ne suit pas les prémisses", + "details":" tirer une conclusion ne suivant pas logiquement les prémisses. la conclusion peut être finalement juste, mais le raisonnement est faux." }, { - "text":"fallacy fallacy", - "details":"invalider un argumentaire dans sa globalité sur la base unique qu'il utilise un ou des biais argumentaires répertoriés ici. on peut avoir raison sans pour autant l'argumenter d'une bonne façon." + "text":"raisonnement panglossien", + "details":" raisonner à rebours, vers une cause possible parmi d’autres, vers un scénario préconçu ou vers la position que l’on souhaite prouver." }, { - "text":"fallacy fallacy", - "details":"invalider un argumentaire dans sa globalité sur la base unique qu'il utilise un ou des biais argumentaires répertoriés ici. on peut avoir raison sans pour autant l'argumenter d'une bonne façon." + "text":"argument du silence", + "details":"accuser l’interlocuteur d’ignorance d’un sujet parce qu’il ne dit rien à propos d'une anecdote ou d'une partie du sujet." }, { - "text":"fallacy fallacy", - "details":"invalider un argumentaire dans sa globalité sur la base unique qu'il utilise un ou des biais argumentaires répertoriés ici. on peut avoir raison sans pour autant l'argumenter d'une bonne façon." - }, - { - "text":"fallacy fallacy", - "details":"invalider un argumentaire dans sa globalité sur la base unique qu'il utilise un ou des biais argumentaires répertoriés ici. on peut avoir raison sans pour autant l'argumenter d'une bonne façon." - }, - { - "text":"fallacy fallacy", - "details":"invalider un argumentaire dans sa globalité sur la base unique qu'il utilise un ou des biais argumentaires répertoriés ici. on peut avoir raison sans pour autant l'argumenter d'une bonne façon." + "text":"sophisme", + "details":"associer des choses incohétente en les reliant par des attributs prétendument communs." } ] } diff --git a/src/sass/_interactions.scss b/src/sass/_interactions.scss index 3e7f0f6..c079c22 100644 --- a/src/sass/_interactions.scss +++ b/src/sass/_interactions.scss @@ -39,4 +39,29 @@ background: mix($dark, $white); color: $white; } -} \ No newline at end of file +} +.triangle-right { + + @extend .fast-ease; + + opacity: 0; + position: fixed; + margin: 71px; + padding: 15px; + //margin: 1em 0 3em; + color: $main-color; + background: $white; + width: 20%; + //height: 10%; + top: 0px; + left: 0; + .square:hover & { + opacity: 1; + @extend .fast-ease; + } + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + border-radius: 10px; + border: solid 3px $main-color; + +}