-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex04.html
executable file
·144 lines (140 loc) · 6.52 KB
/
index04.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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>
<script src="js/jquery.cookie.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/screen.css" />
<title>Magic keys - smart keyboard</title>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2700808-7']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div class="addthis">
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f3c4b976815089f"></script>
<!-- AddThis Button END -->
</div>
<div id="container">
<div id="typed">Probeer de automagische toetsen hieronder eens! (op een touchscreen)<br>
Ze zullen van je leren als je cookies toegestaan hebt.</div>
<div id="keyboard">
<div id="mainblocks">
<div class="main" id="mainkeys">
<div class="key alpha" id="m"><a href="#">m</a></div>
<div class="key alpha" id="a"><a href="#">a</a></div>
<div class="key alpha" id="g"><a href="#">g</a></div>
<div class="key alpha" id="i"><a href="#">i</a></div>
<div class="key alpha" id="c"><a href="#">c</a></div>
<div class="key alpha" id="k"><a href="#">k</a></div>
<div class="key alpha" id="e"><a href="#">e</a></div>
<div class="key alpha" id="y"><a href="#">y</a></div>
<div class="key alpha" id="s"><a href="#">s</a></div>
</div>
<div class="bot" id="botkeys">
<div class="key int" id="punt"><a href="#">.</a></div>
<div class="key int" id="komma"><a href="#">,</a></div>
<div class="key int" id="space"><a href="#"> </a></div>
</div>
<div class="main" id="numkeys">
<div class="key num" id="zeven"><a href="#">7</a></div>
<div class="key num" id="acht"><a href="#">8</a></div>
<div class="key num" id="negen"><a href="#">9</a></div>
<div class="key num" id="vier"><a href="#">4</a></div>
<div class="key num" id="vijf"><a href="#">5</a></div>
<div class="key num" id="zes"><a href="#">6</a></div>
<div class="key num" id="een"><a href="#">1</a></div>
<div class="key num" id="twee"><a href="#">2</a></div>
<div class="key num" id="drie"><a href="#">3</a></div>
</div>
<div class="main" id="interpkeys">
<div class="key int" id="vraag"><a href="#">?</a></div>
<div class="key int" id="uitroep"><a href="#">!</a></div>
<div class="key int" id="at"><a href="#">@</a></div>
<div class="key int" id="dpunt"><a href="#">:</a></div>
<div class="key int" id="puntk"><a href="#">;</a></div>
<div class="key int" id="dquot"><a href="#">"</a></div>
<div class="key int" id="slash"><a href="#">/</a></div>
<div class="key int" id="pipe"><a href="#">|</a></div>
<div class="key int" id="amp"><a href="#">&</a></div>
</div>
<div class="main" id="interp2keys">
<div class="key int" id="haako"><a href="#">(</a></div>
<div class="key int" id="haaks"><a href="#">)</a></div>
<div class="key int" id="ster"><a href="#">*</a></div>
<div class="key int" id="accoo"><a href="#">{</a></div>
<div class="key int" id="accos"><a href="#">}</a></div>
<div class="key int" id="min"><a href="#">-</a></div>
<div class="key int" id="bracko"><a href="#">[</a></div>
<div class="key int" id="bracks"><a href="#">]</a></div>
<div class="key int" id="plus"><a href="#">+</a></div>
</div>
<div class="bot" id="numbotkeys">
<div class="key int" id="nul"><a href="#">0</a></div>
<div class="key int" id="punt2"><a href="#">.</a></div>
<div class="key int" id="komma2"><a href="#">,</a></div>
</div>
<div class="bot" id="interpbotkeys">
<div class="key int" id="hash"><a href="#">#</a></div>
<div class="key int" id="curr"><a href="#">$</a></div>
<div class="key int" id="perc"><a href="#">%</a></div>
</div>
<div class="bot" id="interp2botkeys">
<div class="key int" id="klein"><a href="#"><</a></div>
<div class="key int" id="groot"><a href="#">></a></div>
<div class="key int" id="is"><a href="#">=</a></div>
</div>
</div>
<div id="modblocks">
<div id="mainmods">
<div class="key mod" id="nextset"><a href="#" title="volgende toetsen">→</a></div>
<div class="key mod" id="backsp"><a href="#" title="backspace">←</a></div>
<div class="key mod" id="num"><a href="#" title="numerieke toetsen wissel">123</a></div>
<div class="key mod" id="interp"><a href="#" title="leestekens en symbolen">…</a></div>
<div class="key mod" id="shift"><a href="#" title="shift">↑</a></div>
<div class="key mod" id="interp2"><a href="#" title="meer symbolen">()</a></div>
<div class="clearFix"></div>
</div>
<div id="botmods">
<!--div class="key mod" id=""><a href="#"></a></div-->
<div class="key mod" id="return"><a href="#" title="enter">↵</a></div>
</div>
</div>
</div>
<div class="clearFix"></div>
<div id="stats">
<h2><span class="flags"><a href="#" title="language switch"></a></span><span class="text">Systeem effectiviteit</span>: <span class="ratio">100 %</span></h2>
<p class="good"><span class="text">Goede voorspellingen</span>: <span class="good">1</span></p>
<p class="bad"><span class="text">Extra kliks nodig</span>: <span class="bad">0</span></p>
<p class="total"><span class="text">Totaal kliks</span>: <span class="total">0</span></p>
</div>
</div>
<div id="data" class="hidden">
<input type="button" id="toggleAnalytics" value="Analytics toggle" />
<div id="toAnalyse" class="nl"></div>
</div>
<div id="ads">
<!--script language="JavaScript" src="js/jquery.livequery.js" type="text/javascript"></script-->
<script src="js/magickeys-0.4.js" type="text/javascript"></script>
<script type="text/javascript"><!--
google_ad_client = "pub-9730385762916925";
google_ad_slot = "7545126868";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
</div>
</body>
</html>