-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
58 lines (51 loc) · 2.12 KB
/
index.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
<!DOCTYPE html>
<!--
~ Childtyper
~ Copyright (C) 2013 Jason Winnebeck
~
~ This program is free software: you can redistribute it and/or modify
~ it under the terms of the GNU Affero General Public License as published by
~ the Free Software Foundation, either version 3 of the License, or
~ (at your option) any later version.
~
~ This program is distributed in the hope that it will be useful,
~ but WITHOUT ANY WARRANTY; without even the implied warranty of
~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
~ GNU Affero General Public License for more details.
~
~ You should have received a copy of the GNU Affero General Public License
~ along with this program. If not, see <http://www.gnu.org/licenses/>.
-->
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Children's typing program</title>
<meta name="description" content="Children's typing program">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Production links -->
<!--<link href="https://netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css" rel="stylesheet">-->
<!--<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.1.5/angular.min.js"></script>-->
<!-- Development link versions -->
<link href="bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
<script src="bower_components/angular/angular.js"></script>
<script src="childtyper.js"></script>
</head>
<body ng-app="childtyper">
<div ng-controller="MainController">
<div><img ng-src="images/{{ word }}.jpg"></div>
<div ng-controller="WordController" style="margin-left: 2em">
<h1>{{ word }}</h1>
<h1>{{ typed }}<span style="opacity: 0.3">{{ nextLetter }}</span></h1>
<p ng-show="finished">Congratulations you typed the word!</p>
</div>
</div>
<!--<div ng-controller="TypeTestController">-->
<!--<h1>Diagnostics</h1>-->
<!--<p>You just typed: {{ content }}, which is the letter: {{ content | charCodeToString }}</p>-->
<!--<ul>-->
<!--<li>Key: {{ key }}</li>-->
<!--<li>Char: {{ char }}</li>-->
<!--</ul>-->
<!--</div>-->
</body>
</html>