-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathLogicGame4.html
130 lines (121 loc) · 6.04 KB
/
LogicGame4.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!doctype html>
<html class="no-js" lang="fr">
<head>
<meta charset="utf-8">
<!--meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"-->
<title>Logic game</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="shortcut icon" href="favicon.ico">
<link rel="stylesheet" href="css/jquery-ui.css">
<link rel="stylesheet" href="css/normalize.min.css">
<link rel="stylesheet" href="css/main.css">
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<script>window.html5 || document.write('<script src="js/vendor/html5shiv.js"><\/script>')</script>
<![endif]-->
</head>
<body>
<div class="header-container">
<header class="wrapper clearfix">
<h1 class="title">Puzzle logique de Lewis Carroll</h1>
<nav>
<ul>
<li><a href="index.html">maison</a></li>
<li><a href="LogicGame2.html">univers</a></li>
<li><a href="LogicGame3.html">prémisses</a></li>
<li><a href="LogicGame4.html">conclusions</a></li>
<li><a href="LogicGame5.html">syllogismes</a></li>
<li><a href="LogicGame6.html">utilitaire</a></li>
</ul>
</nav>
</header>
</div>
<div class="main-container">
<div class="main wrapper clearfix">
<article>
<header>
<h1>Autre codage des propositions</h1>
<p>Le tableau précédent est déformé mais le principe reste le même</p>
</header>
<section>
<h2>Le tableau déformé</h2>
<p>Le carré central représente les <span class="sB"></span>.</p>
<table>
<tr>
<td></td>
<td>
<table><tr>
<td class="carre"><span class="sC"></span></td>
<td class="carre"> pas <span class="sC"></span></td></tr>
</table>
</td>
</tr>
<tr>
<td>
<table>
<tr><td class="carre"><span class="sA"></span></td></tr>
<tr><td class="carre"><span class="sA"></span></td></tr>
</table>
<td>
<!-- codage:
prem0 à gauche et à droite du tableau (bords)
prem1 au centre en haut pour gérer les ambiguïtés
conc0 à droite du tableau
conc1 à gauche du tableau
mid0 sur le bord et mid1 pour les deux cases du centre
-->
<table id="plateau">
<tr>
<td class="cellule ouest nord" id="prem0conc1mid0"></td>
<td class="cellule nord sud est" id="prem1conc1mid0"></td>
<td class="cellule nord sud ouest" id="prem1conc0mid0"></td>
<td class="cellule est nord" id="prem0conc0mid0"></td>
</tr>
<tr>
<td class="cellule est sud ouest" id="prem0conc1mid0"></td>
<td class="cellule nord sud est ouest" id="prem0conc1mid1"></td>
<td class="cellule nord sud est ouest" id="prem0conc0mid1"></td>
<td class="cellule ouest sud est" id="prem0conc0mid0"></td>
</tr>
</table>
</td></tr></table>
<p></p>
<div class="jeton rouge"></div>
<div class="jeton rouge"></div>
<div class="jeton rouge"></div>
<div class="jeton rouge"></div>
<p> </p>
<div class="jeton gris"></div>
<div class="jeton gris"></div>
<div class="jeton gris"></div>
<div class="jeton gris"></div>
</section>
<footer>
<h3>proposition représentée</h3>
<p id="sortie"></p>
</footer>
</article>
<aside>
<h2 id="énoncé">Pour aller plus loin</h2>
<p>Dans <a href="LogicGame5.html">le chapitre suivant</a>, on utilise</p>
<ul>
<li>le tableau précédent comme tableau central</li>
<li>ce tableau comme moitié du haut</li>
</ul>
<h5>On pourra alors résoudre des syllogismes</h5>
<p>en attendant,</p>
<h4>Essayer de représenter la proposition suivante :</h4>
<h3 id="question"></h3>
</aside>
</div> <!-- #main -->
</div> <!-- #main-container -->
<div class="footer-container">
<footer class="wrapper">
<h5>Alain Busser, IREM 974, 2015</h5>
</footer>
</div>
<script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.2.min.js"><\/script>'); document.write('<script src="js/vendor/jquery-ui.js"><\/script>'); document.write('<script src="js/vendor/jquery.ui.touch-punch.js"><\/script>')</script>
<script src="js/logic4.js"></script>
</body>
</html>