blob: 3375a6ff98bd20a1044b030baa63a27f3eb08246 (
plain)
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
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
|
<!doctype html>
<html>
<head>
<title>Chakra (Alpha)</title>
<meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal">
<meta charset="utf-8">
<link rel="stylesheet" href="../css/chakra.css" type="text/css"/>
<script src="../js/jquery-1.3.2.min.js"></script>
<link type="image/ico" rel="icon" href="./../assets/images/favicon.ico" />
</head>
<body>
<section id="navigation">
<nav id="knavbar">
<a href="../index.html"><img src="../assets/images/chakra_logo.png" alt="Home" title="Chakra Home" class="topNav floatLeft" /></a>
<a href="grade1.html"><img src="../assets/images/grade1.png" alt="Grade 1" title="Grade 1" class="topNav floatLeft" /></a>
<img src="../assets/images/english.png" alt="English" title="Grade 1 - English" class="topNav floatLeft" />
<img id="nav_right" src="../assets/images/help.png" alt="Help" title="Help" class="topNav floatRight" />
<img id="nav_right" src="../assets/images/karma_logo.png" alt="Karma icon" title="About Karma" class="topNav floatRight" />
</nav>
</section>
<section id="middle">
<section id="curriculum">
<a href="#">Link</a> to subject curriculum.
</section>
<section id="monthSelect">
<header class="inline">Months</header>
<a href="#weeksA"><img src="../assets/images/month_A.png"/></a>
<a href="#weeksB"><img src="../assets/images/month_B.png"/></a>
<a href="#weeksC"><img src="../assets/images/month_C.png"/></a>
<a href="#weeksD"><img src="../assets/images/month_D.png"/></a>
<a href="#weeksE"><img src="../assets/images/month_E.png"/></a>
<a href="#weeksF"><img src="../assets/images/month_F.png"/></a>
<a href="#weeksG"><img src="../assets/images/month_G.png"/></a>
<a href="#weeksH"><img src="../assets/images/month_H.png"/></a>
<a href="#weeksI"><img src="../assets/images/month_I.png"/></a>
<a href="#weeksJ"><img src="../assets/images/month_J.png"/></a>
</section><!-- end monthSelect -->
<section id="weeksA" class="monthList">
<header class="inline">Weeks</header>
<a href="#week1"><img src="../assets/images/week1.png"/></a>
<a href="#week2"><img src="../assets/images/week2.png"/></a>
<a href="#week3"><img src="../assets/images/week3.png"/></a>
<a href="#week4"><img src="../assets/images/week4.png"/></a>
<article id="week1" class="lessonList">
<header>Week 1</header>
<div class="lesson">
<header class="lessonName">Quadrilaterals</header>
<a href="../examples/"><img class="preview" src="../assets/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" /></a>
</div>
<div class="lesson">
<header class="lessonName">Adding up to 10</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
</div>
<div class="lesson">
<header class="lessonName">Everyday expressions</header>
<a href="../examples/"><img class="preview" src="../assets/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
</div>
<div class="lesson">
<header class="lessonName">Can and can't</header>
<a href="../examples/"><img class="preview" src="../assets/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
</div>
</article>
<article id="week2" class="lessonList">
<header>Week 2</header>
<div class="lesson">
<header class="lessonName">Adding up to 10</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
</div>
<div class="lesson">
<header class="lessonName">Everyday expressions</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
</div>
<div class="lesson">
<header class="lessonName">Can and can't</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
</div>
<div class="lesson">
<header class="lessonName">Quadrilaterals</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" /></a>
</div>
</article>
<article id="week3" class="lessonList">
<header>Week 3</header>
<div class="lesson">
<header class="lessonName">Can and can't</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
</div>
<div class="lesson">
<header class="lessonName">Quadrilaterals</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" /></a>
</div>
<div class="lesson">
<header class="lessonName">Adding up to 10</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
</div>
<div class="lesson">
<header class="lessonName">Everyday expressions</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
</div>
</article>
<article id="week4" class="lessonList">
<header>Week 4</header>
<div class="lesson">
<header class="lessonName">Quadrilaterals</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" /></a>
</div>
<div class="lesson">
<header class="lessonName">Adding up to 10</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
</div>
<div class="lesson">
<header class="lessonName">Everyday expressions</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
</div>
<div class="lesson">
<header class="lessonName">Can and can't</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
</div>
</article>
</section><!-- end weeksA -->
<!-- start #weeksB , second month -->
<!-- end it here -->
<!-- etc etc -->
</section><!-- end middle -->
<script>
/* THIS CODE BELOW IS USELESS - there are no divs named like that anymore! */
$('#weekSelect').change(function() {
$('#weeks div').hide();
var e = '#' + $(':selected', $(this)).attr('value');
$(e).show();
$('div#lesson').show();
$('div#preview').show();
$('div#lessonname').show();
//TODO: need to optimize
});
$('#weeks div').hide();
$(document).ready(function() {
$('#weeks div').hide();
var e = '#' + $(':selected', $(this)).attr('value');
$(e).show();
$('div#lesson').show();
$('div#preview').show();
$('div#lessonname').show();
//TODO: need to optimize
});
$('#weeks div').hide();
$("#1to4").idTabs();
</script>
</body>
</html>
|
