-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
99 lines (98 loc) · 4.08 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
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
<!DOCTYPE html>
<html>
<head>
<title>Write Chinese online for free!</title>
<meta name="Keywords" content="Chinese,write,Asian,language,travel,HTML5,touch,Asia,east,simplified,traditional,online,free,mouse,practice,learn,words,paragraphs"/>
<meta name="Description" content="Practice writing Chinese online for free! Support for both touch and mouse."/>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="http://writechinese.co.nf/utility.js"></script>
<link rel="stylesheet" type="text/css" href="http://writechinese.co.nf/style.css">
</head>
<body>
<div id="banner" height="100">
<img src="http://writechinese.co.nf/img/topbanner.png" alt="Chinese" width="100%">
<ul id="h-menu">
<li><a href="http://writechinese.co.nf/">Home</a></li>
<li><a href="http://writechinese.co.nf/package">Packages</a>
<ul>
<li><a href="http://writechinese.co.nf/package/word">Words</a></li>
<li><a href="http://writechinese.co.nf/package/phrase">Phrases</a></li>
<li><a href="http://writechinese.co.nf/package/paragraph">Paragraphs</a></li>
</ul>
</li>
</ul>
</div>
<div id="content">
<div id="l-panel">
<div>
<span>
<b>Welcome!</b><br><br>This website is created so that people interested in the Chinese
language can learn and practice writing and reading using their favourite touch device.<br><br>
If you are accessing this website without a touch device, don't panic! Mouse is also
supported!<br><br>Please enjoy this website! If you have any concerns, comments or feedbacks,
feel free to <a href="mailto:[email protected]">let me know</a>!
</span>
</div>
<div>
<span>
<b>About Me</b><br><br>I am a recent graduate from University of Toronto with a bachelor degree in
biology. On my free time, I love to come up with fun ideas that can be turned into apps. I hope
this website amuses you as much as it amuses me!
</span>
</div>
</div>
<div id="main-content">
<div>
<span>
<b>Let's get started!</b><br><br>
Choose a package below...
</span>
</div>
<div>
<a href="http://writechinese.co.nf/package/word"><b>Words</b></a><br><hr><br>
<span id="wordpackages">
</span>
</div>
<div>
<a href="http://writechinese.co.nf/package/phrase"><b>Phrases</b></a><br><hr><br>
<span id="phrasepackages">
</span>
</div>
<div>
<a href="http://writechinese.co.nf/package/paragraph"><b>Paragraphs</b></a><br><hr><br>
<span id="paragraphpackages">
</span>
</div>
</div>
</div>
<script type="text/javascript">
Utility.query("http://writechinese.co.nf/getstandardpackages.php?type=word", function(responseText) {
var results = JSON.parse(responseText);
var htmlString = "";
for (var n = 0; n < results.length; n++) {
htmlString += "<a href=\"http://writechinese.co.nf/package/app?type=word&id=" +
results[n].id + "\" title=\"" + results[n].description + "\">" + results[n].name + "</a><br>";
}
$("#wordpackages").html(htmlString);
});
Utility.query("http://writechinese.co.nf/getstandardpackages.php?type=phrase", function(responseText) {
var results = JSON.parse(responseText);
var htmlString = "";
for (var n = 0; n < results.length; n++) {
htmlString += "<a href=\"http://writechinese.co.nf/package/app?type=phrase&id=" +
results[n].id + "\" title=\"" + results[n].description + "\">" + results[n].name + "</a><br>";
}
$("#phrasepackages").html(htmlString);
});
Utility.query("http://writechinese.co.nf/getstandardpackages.php?type=paragraph", function(responseText) {
var results = JSON.parse(responseText);
var htmlString = "";
for (var n = 0; n < results.length; n++) {
htmlString += "<a href=\"http://writechinese.co.nf/package/app?type=paragraph&id=" +
results[n].id + "\" title=\"" + results[n].description + "\">" + results[n].name + "</a><br>";
}
$("#paragraphpackages").html(htmlString);
});
</script>
</body>
</html>