blob: 58884b4ab4e50380eae11feda75df43f40bec9ca (
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
|
<!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"/>
<link rel="stylesheet" href="../css/jquery.jgrowl.css" type="text/css"/>
<script src="../js/jquery-1.3.2.min.js"></script>
<script src="../js/jquery.ui.all.js"></script>
<script src="../js/jquery.jgrowl_minimized.js"></script>
<script src="../js/jquery.idTabs.min.js"></script>
<link type="image/ico" rel="icon" href="../../assets/default/images/favicon.ico" />
</head>
<body>
<section id="navigation">
<nav id="knavbar">
<a href="../index.html"><img src="../assets/default/images/chakra_logo.png" alt="Home" title="Home" class="topNav floatLeft" /></a>
<a href="grade1.html"><img src="../assets/default/images/grade1.png" alt="Grade 1" title="Grade 1" class="topNav floatLeft"/></a>
<img src="../assets/default/images/mathematics.png" alt="Mathematics" title="Grade 1 - Mathematics" class="topNav floatLeft" />
<img src="../assets/default/images/help.png" alt="Help" title="Help" class="topNav floatRight" />
<img src="../assets/default/images/karma_logo.png" alt="Karma icon" title="About Karma" class="topNav floatRight" />
</nav>
<section id="curriculum">
<a href="#">Link</a> to subject curriculum.</a>
</section>
<section id="monthSelect">
<header class="floatLeft">Months</header>
<ul class="menuSelectType">
<li><a href="#weeksA"><img src="../assets/default/images/month_A.png"/></a></li>
<li><a href="#weeksB"><img src="../assets/default/images/month_B.png"/></a></li>
<li><a href="#weeksC"><img src="../assets/default/images/month_C.png"/></a></li>
<li><a href="#weeksD"><img src="../assets/default/images/month_D.png"/></a></li>
<li><a href="#weeksE"><img src="../assets/default/images/month_E.png"/></a></li>
<li><a href="#weeksF"><img src="../assets/default/images/month_F.png"/></a></li>
<li><a href="#weeksG"><img src="../assets/default/images/month_G.png"/></a></li>
<li><a href="#weeksH"><img src="../assets/default/images/month_H.png"/></a></li>
<li><a href="#weeksI"><img src="../assets/default/images/month_I.png"/></a></li>
<li><a href="#weeksJ"><img src="../assets/default/images/month_J.png"/></a></li>
</ul>
</section><!-- end monthSelect -->
</section>
<section id="middle">
<section id="weeks">
<section id="weeksA" class="weekList">
<header class="floatLeft">Weeks</header>
<ul class="menuSelectType">
<li><a href="#week1"><img src="../assets/default/images/week1.png"/></a></li>
<li><a href="#week2"><img src="../assets/default/images/week2.png"/></a></li>
<li><a href="#week3"><img src="../assets/default/images/week3.png"/></a></li>
<li><a href="#week4"><img src="../assets/default/images/week4.png"/></a></li>
</ul>
<article id="week1" class="lesson">
<header class="lessonName">Quadrilaterals</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" /></a>
<header class="lessonName">Adding up to 10</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
<header class="lessonName">Everyday expressions</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
<header class="lessonName">Can and can't</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
</article>
<article id="week2" class="lesson">
<header class="lessonName">Adding up to 10</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
</article>
<article id="week3" class="lesson">
<header class="lessonName">Everyday expressions</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
</article>
<article id="week4" class="lesson">
<header class="lessonName">Can and can't</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
</article>
</section><!-- end weeksA -->
<section id="weeksB" class="weekList">
<header class="floatLeft">Weeks</header>
<ul class="menuSelectType">
<li><a href="#week5"><img src="../assets/default/images/week1.png"/></a></li>
<li><a href="#week6"><img src="../assets/default/images/week2.png"/></a></li>
<li><a href="#week7"><img src="../assets/default/images/week3.png"/></a></li>
<li><a href="#week8"><img src="../assets/default/images/week4.png"/></a></li>
</ul>
<article id="week5" class="lesson">
<header class="lessonName">Week 1 Lessons</header>
</article>
<article id="week6" class="lesson">
<header class="lessonName">Week 2 Lessons</header>
</article>
<article id="week7" class="lesson">
<header class="lessonName">Week 3 Lessons</header>
</article>
<article id="week8" class="lesson">
<header class="lessonName">Week 4 Lessons</header>
</article>
</section><!-- end weeksB -->
<section id="weeksC" class="weekList">
<header class="floatLeft">Weeks</header>
<ul class="menuSelectType">
<li><a href="#week9"><img src="../assets/default/images/week1.png"/></a></li>
<li><a href="#week10"><img src="../assets/default/images/week2.png"/></a></li>
<li><a href="#week11"><img src="../assets/default/images/week3.png"/></a></li>
<li><a href="#week12"><img src="../assets/default/images/week4.png"/></a></li>
</ul>
<article id="week9" class="lesson">
<header class="lessonName">Week 1 Lessons</header>
</article>
<article id="week10" class="lesson">
<header class="lessonName">Week 2 Lessons</header>
</article>
<article id="week11" class="lesson">
<header class="lessonName">Week 3 Lessons</header>
</article>
<article id="week12" class="lesson">
<header class="lessonName">Week 4 Lessons</header>
</article>
</section><!-- end weeksC -->
</section>
</section>
<script>
$(document).ready(function() {
//$('#weeksA').show();
});
$("#weeks section").idTabs();
$("#monthSelect").idTabs();
</script>
</body>
</html>
|
