<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lecteur de pensée</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 15px;
background: #FFF url("https://www.world-lolo.com/images/uploads/image.num1391599109.of.world-lolo.com.png") repeat top left;
text-align: center;
font-family: Verdana, Arial, sans-serif;
}
div#header {
margin: 0 auto;
width: 650px;
height: 19px;
background: transparent url("https://www.world-lolo.com/images/uploads/image.num1391599137.of.world-lolo.com.png") no-repeat bottom center;
overflow: hidden;
}
div#header div#backlink {
float: left;
margin: 2px 0 0 20px;
font-size: 10px;
}
div#header div#backlink a {
text-decoration: none;
color: #999;
}
div#header div#backlink a:hover {
color: #666;
}
div#header div#changelang {
float: right;
margin: 3px 18px 0 0;
}
div#page {
margin: 0 auto;
width: 650px;
background: #FFF url("https://www.world-lolo.com/images/uploads/image.num1391599168.of.world-lolo.com.png") repeat-y top center;
}
h1 {
margin: 0 0 14px 0;
font-size: 32px;
font-weight: normal;
}
h2 {
margin: 25px 0 0 0;
font-family: Arial, sans-serif;
font-size: 18px;
font-weight: normal;
color: #333;
}
p#instructions {
margin: 25px 80px 25px 60px;
text-align: left;
text-indent: 20px;
font-size: 12px;
color: #666;
}
#button {
background: #ECECEC url("https://www.world-lolo.com/images/uploads/image.num1391599186.of.world-lolo.com.png") no-repeat top center;
font-size: 36px;
color: #930;
cursor: pointer;
}
div#symboltablecontener {
margin: 20px 0 0 0;
}
table#symboltable td {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: bold;
}
table#symboltable td.symbol {
font-weight: normal;
color: #C00;
}
div#footer {
margin: 0 auto;
width: 650px;
padding-top: 19px;
background: transparent url("https://www.world-lolo.com/images/uploads/image.num1391599204.of.world-lolo.com.png") no-repeat top center;
}
div#footer a {
text-decoration: none;
font-size: 10px;
color: #666;
}
.number {
font-family: "Courier New", Courier, mono;
}
-->
</style>
<script type="text/javascript">
<!--
var magicsymbol = 0;
var commonsymbol = 0;
var innertext = '';
var symbols = new Array('A','C','D','F','G','H','J','K','M','P','R','S','T','W','X','Z','#','^','_','[',']','{','}','§','©','®','€','£','¥','æ','Ø','¶','Œ','ß');
function makeSymbolTable() {
magicsymbol = Math.round(Math.random()*33);
innertext = '<table id="symboltable" style="width: 575px; margin: 0 auto; border: 0;">';
for (var i = 0; i < 100; i++) {
if ((i + 1)%10 == 1) {
innertext += '<tr>';
}
commonsymbol = Math.round(Math.random()*33);
if (i%9 == 0 && i < 89) {
commonsymbol = magicsymbol;
}
innertext += '<td> '+i+'</td><td class="symbol">'+symbols[commonsymbol]+' </td>';
if ((i + 1)%10 == 0) {
innertext += '</tr>';
}
}
innertext += '</table>';
document.getElementById('symboltablecontener').innerHTML = innertext;
document.getElementById('button').innerHTML = '';
}
function showAnswer() {
document.getElementById('button').innerHTML = symbols[magicsymbol];
document.getElementById('symboltablecontener').innerHTML = '<a href="#" onclick="javascript:makeSymbolTable(); return(false);" style="font-family: Arial, sans-serif; font-weight: bold; color: #C63;">Réessayer</a>';
}
-->
</script>
</head>
<body>
<div id="header"></div>
<div id="page">
<h1>LECTEUR DE PENSÉE</h1>
<h2>
Pensez-vous qu'un ordinateur puisse lire dans vos pensées ?<br />
Essayez, vous verrez que c'est possible !
</h2>
<p id="instructions">
<ins>Instructions :</ins><br />
Choisissez un nombre entier entre <span class="number">1</span> et <span class="number">99</span> (prenons par exemple <span class="number">67</span>).<br />
Soustrayez de ce nombre la somme des chiffres qui le composent.<br />
(dans notre exemple, ça donne : <span class="number">67 - 6 - 7 = 54</span>)<br />
Regardez le tableau plus bas : il fait correspondre à chaque nombre un symbole. Cherchez le symbole qui correspond au votre et répétez le dans votre tête pendant 5 secondes.<br />
Enfin, cliquez sur le carré magique !
</p>
<div style="text-align: center;">
<table style="margin: 0 auto; border: 0;" cellpadding="0">
<tr>
<td id="button" onclick="javascript:showAnswer();" style="width: 90px; height: 90px;" valign="middle"> </td>
</tr>
</table>
</div>
<div id="symboltablecontener"></div>
<script type="text/javascript">
<!--
makeSymbolTable();
-->
</script>
</div>
<div id="footer"></div>
</body>
</html>