87 lines
3.5 KiB
HTML
87 lines
3.5 KiB
HTML
<!doctype html>
|
|
<!--[if lt IE 7]>
|
|
<html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
|
|
<!--[if IE 7]>
|
|
<html class="no-js lt-ie9 lt-ie8"> <![endif]-->
|
|
<!--[if IE 8]>
|
|
<html class="no-js lt-ie9"> <![endif]-->
|
|
<!--[if gt IE 8]><!-->
|
|
<html class="no-js"> <!--<![endif]-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>Fallacy Bingo</title>
|
|
<meta name="description" content="">
|
|
<meta name="viewport" content="width=device-width">
|
|
<link rel="icon" href="img/favicon.ico"/>
|
|
<!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
|
|
|
|
<!-- bower:css -->
|
|
<!-- endbower -->
|
|
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.css">
|
|
<link rel="stylesheet" href="css/main.css">
|
|
</head>
|
|
<body ng-app="tkApp">
|
|
<!--[if lt IE 7]>
|
|
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please
|
|
<a href="http://browsehappy.com/">upgrade your browser</a>
|
|
to improve your experience.
|
|
</p><![endif]-->
|
|
<div class="container" ng-controller="MainCtrl">
|
|
<h1>
|
|
<i class="fa fa-book fa-3x"></i>
|
|
Fallacy Bingoooooo
|
|
</h1>
|
|
<hr/>
|
|
<div id="gameover" ng-if="didWeWon()">
|
|
<h2>Bien joué!</h2>
|
|
<div class="Well">
|
|
{{winReason}}
|
|
</div>
|
|
</div>
|
|
<div id="how-to-play">
|
|
<h2>
|
|
<i class="fa fa-file fa-2x"></i>
|
|
Comment jouer:
|
|
</h2>
|
|
<div class="alert alert-info">
|
|
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.
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-include="'tpl/bingo.html'"></div>
|
|
<!-- Add your site or application content here -->
|
|
<div id="blah">
|
|
<div class="alert alert-success">
|
|
<h2>à propos des pourritures argumentaires</h2>
|
|
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. <br>
|
|
Vous en trouverez d'avantage sur ce site: <br>
|
|
<a href="http://cortecs.org/materiel/moisissures-argumentatives/">cortecs.org</a>
|
|
Les vidéos de PBS idea channel en expliquant quelques unes en deux minutes chacune.
|
|
<a href="https://www.youtube.com/playlist?list=PLtHP6qx8VF7dPql3ll1To4i6vEIPt0kV5">The guide to common fallacies</a>
|
|
<iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?list=PLtHP6qx8VF7dPql3ll1To4i6vEIPt0kV5" frameborder="0" allowfullscreen></iframe>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
Code disponible sur
|
|
<a href="http://github.com/tykayn">mon github tykayn</a>
|
|
<a href="http://twitter.com/tykayn">
|
|
<i class="fa fa-twitter"></i>
|
|
@tykayn
|
|
</a>
|
|
</div>
|
|
|
|
<!-- bower:js -->
|
|
<!-- endbower -->
|
|
<script src="js/main.js"></script>
|
|
</body>
|
|
</html>
|