blob: 2f062ec3a969d1a863acdca4d73138444d26d192 (
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
|
<!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="Chakra 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/english.png" alt="English" title="Grade 1 - English" class="topNav floatLeft" />
<img id="nav_right" src="../assets/default/images/help.png" alt="Help" title="Help" class="topNav floatRight" />
<img id="nav_right" src="../assets/default/images/karma_logo.png" alt="Karma icon" title="About Karma" class="topNav floatRight" />
</nav>
</section>
<section id="middle">
<section>
<section id="curriculum">
<a href="#">Link</a> to subject curriculum.
</section>
<div id="weekSelectInput">
<label for="weekSelect">Select Week: </label>
<select id="weekSelect">
<option value="0" selected="selected"> --- select week below --- </option>
<option value="1to4">1 - 4</option>
<option value="5to8">5 - 8</option>
<option value="9to12">9 - 12</option>
<option value="13to16">13 - 16</option>
<option value="17to20">17 - 20</option>
<option value="21to24">21 - 24</option>
<option value="25to28">25 - 28</option>
<option value="29to32">29 - 32</option>
<option value="33to36">33 - 36</option>
<option value="37to40">37 - 40</option>
<option value="41to44">41 - 44</option>
<option value="45to48">45 - 48</option>
<option value="49to52">49 - 52</option>
</select>
</div>
</section>
<section class="middleRow">
<ul>
<li><a href="#week1">Week 1</a></li>
<li><a href="#week2">Week 2</a></li>
<li><a href="#week3">Week 3</a></li>
<li><a href="#week4">Week 4</a></li>
</ul>
</section><!-- end weeks -->
<section id="week1" class="week">
<article class="lesson">
<header class="lessonName">Quadrilaterals</header>
<img src="../assets/default/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" />
</article>
<article class="lesson">
<header class="lessonName">Adding up to 10</header>
<img src="../assets/default/images/preview2.jpg"/>
</article>
<article class="lesson">
<header class="lessonName">Everyday expressions</header>
<img src="../assets/default/images/preview3.jpg"/>
</article>
<article class="lesson">
<header class="lessonName">Can and can't</header>
<img src="../assets/default/images/preview4.jpg"/>
</article>
</section><!-- end week1 -->
<div id="5to8">5to8</div>
<div id="9to12">9to12</div>
<div id="13to16">13to16</div>
<div id="17to20">17to20</div>
<div id="21to24">21to24</div>
<div id="25to28">25to28</div>
<div id="29to32">29to32</div>
<div id="33to36">33to36</div>
<div id="37to40">37to40</div>
<div id="41to44">41to44</div>
<div id="45to48">45to48</div>
<div id="49to52">49to52</div>
</section><!-- end middle -->
<script>
$('#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>
|
