diff options
Diffstat (limited to 'chakra/grade1english.html')
-rwxr-xr-x | chakra/grade1english.html | 223 |
1 files changed, 223 insertions, 0 deletions
diff --git a/chakra/grade1english.html b/chakra/grade1english.html new file mode 100755 index 0000000..47f2493 --- /dev/null +++ b/chakra/grade1english.html @@ -0,0 +1,223 @@ +<html lang="en"> + +<head> +<title>Chakra (Alpha)</title> +<meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal"> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> +<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 type="text/javascript" src="../js/jquery-1.3.2.min.js"></script> +<script type="text/javascript" src="../js/jquery.ui.all.js"></script> +<script type="text/javascript" src="../js/jquery.jgrowl_minimized.js"></script> +<script type="text/javascript" src="../js/jquery.idTabs.min.js"></script> + +</head> + +<body> + +<div id="mainmenu"> +<div id="navigation"> +<a href="../index.html"><img src="../assets/default/images/chakra_logo.png" alt="Home" title="Home"></a> <a href="grade1.html"><img src="../assets/default/images/grade1.png" alt="Grade 1" title="Grade 1"></a> <img src="../assets/default/images/01_10.png" alt="English" title="Grade 1 - English"> +<img id="nav_right" src="../assets/default/images/help.png" alt="Help" title="Help"> +<img id="nav_right" src="../assets/default/images/about.png" alt="Karma icon" title="About Karma"> +<img id="nav_right" src="../assets/default/images/mystuff.png" alt="Stuff icon" title="My stuff"> +<img id="nav_right" src="../assets/default/images/profile.png" alt="Profile icon" title="My profile"> + +<select id="week_select"> + <option value="1to4" selected>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> + +<div id="curriculum"> +Link to subject curriculum +</div> + +<div id="weeks"> +<div id="1to4"> +<li><a href="#week1">1</a></li> +<li><a href="#week2">2</a></li> +<li><a href="#week3">3</a></li> +<li><a href="#week4">4</a></li> +<br /><br /> +<div id="week1"> +<div id="lesson"> +<div id="preview"> +<img src="../assets/default/images/preview1.jpg"/> +</div> +<div id="lessonname"> +Quadrilaterals +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview2.jpg"/> +<div id="lessonname"> +Adding up to 10 +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview3.jpg"/> +<div id="lessonname"> +Everyday expressions +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview4.jpg"/> +<div id="lessonname"> +Can and can't +</div> +</div> +</div> +<div id="week2"> +<div id="lesson"> +<div id="preview"> +<img src="../assets/default/images/preview2.jpg"/> +</div> +<div id="lessonname"> +Quadrilaterals +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview3.jpg"/> +<div id="lessonname"> +Adding up to 10 +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview4.jpg"/> +<div id="lessonname"> +Everyday expressions +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview1.jpg"/> +<div id="lessonname"> +Can and can't +</div> +</div> +</div> +<div id="week3"> +<div id="lesson"> +<div id="preview"> +<img src="../assets/default/images/preview3.jpg"/> +</div> +<div id="lessonname"> +Quadrilaterals +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview4.jpg"/> +<div id="lessonname"> +Adding up to 10 +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview1.jpg"/> +<div id="lessonname"> +Everyday expressions +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview2.jpg"/> +<div id="lessonname"> +Can and can't +</div> +</div> +</div> +<div id="week4"> +<div id="lesson"> +<div id="preview"> +<img src="../assets/default/images/preview4.jpg"/> +</div> +<div id="lessonname"> +Quadrilaterals +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview1.jpg"/> +<div id="lessonname"> +Adding up to 10 +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview2.jpg"/> +<div id="lessonname"> +Everyday expressions +</div> +</div> +<div id="lesson"> +<img src="../assets/default/images/preview3.jpg"/> +<div id="lessonname"> +Can and can't +</div> +</div> +</div> +</div> +<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> +</div> + +</div> + +<script type="text/javascript"> +$('#week_select').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(); +</script> + +<script type="text/javascript"> +$(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(); + +</script> + +<script type="text/javascript"> + $("#1to4").idTabs(); +</script> + +</body> +</html> |