diff options
Diffstat (limited to 'chakra/grade1english.html')
| -rw-r--r-- | chakra/grade1english.html | 271 |
1 files changed, 92 insertions, 179 deletions
diff --git a/chakra/grade1english.html b/chakra/grade1english.html index f9b6f54..2f062ec 100644 --- a/chakra/grade1english.html +++ b/chakra/grade1english.html @@ -1,189 +1,107 @@ -<html lang="en"> - +<!doctype html> +<html> <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> +<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> -<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/english.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/karma_logo.png" alt="Karma icon" title="About Karma"> - -<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() { +<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(); @@ -195,9 +113,7 @@ $('#week_select').change(function() { }); $('#weeks div').hide(); -</script> -<script type="text/javascript"> $(document).ready(function() { $('#weeks div').hide(); var e = '#' + $(':selected', $(this)).attr('value'); @@ -211,10 +127,7 @@ $(document).ready(function() { $('#weeks div').hide(); -</script> - -<script type="text/javascript"> - $("#1to4").idTabs(); +$("#1to4").idTabs(); </script> </body> |