removed old grade2 mockups, adapted chakra according to feedback from meeting on 2009-08-28, stage 3 still broken

7 files changed, 193 insertions, 470 deletions

diff --git a/chakra/css/chakra.css b/chakra/css/chakra.css
index 177d4f8..85ca61a 100755
--- a/chakra/css/chakra.css
+++ b/chakra/css/chakra.css
@@ -30,112 +30,167 @@ float: right;
 
 #mainmenu
 {
-width:28em;
+width:32em;
 position: fixed;
 left: 50%;
 top: 50%;
-margin-left: -14em;
+margin-left: -16em;
 margin-top: -10.75em;
 }
 
 #grades
 {
+width:32em;
+}
+
+#grades ul
+{
 list-style: none;
 padding: 0;
 margin: 0;
 background:#BDBDBD;
 float:left;
-width:auto;
 }
 
-#grades li
+#grades ul li
 {
 float: left;
 }
 
-#grades li a
+#grades ul li a
 {
-line-height: 2em;
-width: 7em;
+line-height: 1.5em;
+width: 8em;
 text-decoration: none;
 text-align: center;
 font-weight: bold;
 float: left;
 color:#000000;
+height: 8em;
 }
 
-#grades img
+#grades ul li img
 {
 border: none;
+width: 110px;
 }
 
 #grades a:hover {
-  text-decoration: underline;
+text-decoration: underline;
+outline-width:1px;
+outline-style:solid;
 }
 
-#grades a.selected {
-text-decoration: underline;
+#subjects
+{
+width:32em;
 }
 
-#months
+#subjects ul
 {
 list-style: none;
 padding: 0;
 margin: 0;
 background:#BDBDBD;
 float:left;
+width:auto;
 }
 
-#months li
+#subjects ul li
 {
 float: left;
 }
 
-#months li a
+#subjects ul li a
 {
-height: auto;
-padding: 5;
+line-height: 2em;
+width: 8em;
 text-decoration: none;
 text-align: center;
 font-weight: bold;
 float: left;
 color:#000000;
-width: 4em;
+height: 9.5em;
 }
 
-#months img
+#subjects ul li img
 {
 border: none;
+width: 110px;
+}
+
+#subjects a:hover {
+text-decoration: underline;
+outline-width:1px;
+outline-style:solid;
+}
+
+#weeks
+{
+list-style: none;
+padding: 0;
+margin: 0;
+background:#BDBDBD;
+float:left;
+width: 100%;
 }
 
-#months a:hover {
+#weeks div div
+{
+text-decoration: none;
+text-align: center;
+font-weight: bold;
+}
+
+#weeks div div img
+{
+width: 200px;
+}
+
+#weeks li
+{
+float: left;
+}
+
+#weeks li a
+{
+height: auto;
+text-decoration: none;
+text-align: center;
+font-weight: bold;
+float: left;
+color:#000000;
+width: 4em;
+}
+
+#weeks a:hover {
   text-decoration: underline;
 }
 
-#months a.selected {
+#weeks a.selected {
 text-decoration: underline;
 }
 
-#admin
+#admin ul
 {
 list-style: none;
 padding: 0;
 margin: 0;
 background:#4080c0;
 float:left;
-width:28em;
+width:32em;
 }
 
-#admin li
+#admin ul li
 {
 float: left;
 }
 
-#admin li a
+#admin ul li a
 {
-height: 7em;
+height: 5.5em;
 line-height: 2em;
-width: 9em;
+width: 10.6em;
 text-decoration: none;
 text-align: center;
 font-weight: bold;
@@ -143,6 +198,11 @@ float: left;
 color:#000000;
 }
 
+#admin img
+{
+width: 60px;
+}
+
 #week
 {
 list-style: none;
@@ -282,88 +342,4 @@ background:#FFFFFF;
 color:#CC0000;
 font-weight:bold;
 text-decoration: underline;
-}
-
-#weeks
-{
-height: 10em;
-}
-
-#weeks img
-{
-border: none;
-}
-
-#lesson_select
-{
-width: 74%;
-height: 100%;
-background: #BDBDBD;
-float: left;
-text-align: center;
-}
-
-#topleft_lesson
-{
-float: left;
-width: 50%;
-}
-
-#topright_lesson
-{
-float: left;
-width: 50%;
-}
-
-#bottomleft_lesson
-{
-float: left;
-width: 50%;
-}
-
-#bottomright_lesson
-{
-float: left;
-width: 50%;
-}
-
-#lesson_list
-{
-padding: 0.4em;
-}
-
-#lesson_item
-{
-height: 15em;
-background: #848484;
-}
-
-#lesson_separator
-{
-height: 0.5em;
-}
-
-#name a
-{
-font-size: 150%;
-font-weight: bold;
-}
-
-#name img
-{
-float: right;
-padding: 0.5em;
-}
-
-#grade_week a
-{
-font-size: 120%;
-}
-
-#menu_assessment a
-{
-}
-
-#docs
-{
-}
+}
\ No newline at end of file
diff --git a/chakra/grade1.html b/chakra/grade1.html
index 261ff57..cd4a02b 100755
--- a/chakra/grade1.html
+++ b/chakra/grade1.html
@@ -28,19 +28,19 @@
 <img id="nav_right" src="testdata/mystuff.png" alt="Stuff icon" title="My stuff">
 <img id="nav_right" src="testdata/profile.png" alt="Profile icon" title="My profile">
 </div>
-<ul id="grades" class="usual">
-<li id="grade1"><a href="grade1e.html"><img src="testdata/01_10.png" width="100px" alt="English" title="English">English</a></li>
-<li id="grade2"><a href="#tab_grade2"><img src="testdata/01_05.png" width="100px" alt="Math" title="Math">Math</a></li>
-<li id="grade3"><a href="#tab_grade3"><img src="testdata/01_03.png" width="100px" alt="Science" title="Science">Science</a></li>
-<li id="grade4"><a href="#tab_grade4"><img src="testdata/01_01.png" width="100px" alt="Geography" title="Geography">Geography</a></li>
-</ul>
-<ul id="grades" class="usual">
-<li id="grade5"><a href="#tab_grade5"><img src="testdata/01_09.png" width="100px" alt="Music" title="Music">Music</a></li>
-<li id="grade6"><a href="#tab_grade6"><img src="testdata/01_11.png" width="100px" alt="Nepali" title="Nepali">Nepali</a></li>
-<li id="grade7"><a href="#tab_grade7"><img src="testdata/01_16.png" width="100px" alt="History" title="History">History</a></li>
-<li id="grade8"><a href="#tab_grade8"><img src="testdata/01_17.png" width="100px" alt="Health" title="Health">Health</a></li>
+<div id="subjects">
+<ul>
+<li id="grade1"><a href="grade1e.html"><img src="testdata/01_10.png" alt="English" title="English">English</a></li>
+<li id="grade2"><a href="#tab_grade2"><img src="testdata/01_05.png" alt="Math" title="Math">Math</a></li>
+<li id="grade3"><a href="#tab_grade3"><img src="testdata/01_03.png" alt="Science" title="Science">Science</a></li>
+<li id="grade4"><a href="#tab_grade4"><img src="testdata/01_01.png" alt="Geography" title="Geography">Geography</a></li>
+<li id="grade5"><a href="#tab_grade5"><img src="testdata/01_09.png" alt="Music" title="Music">Music</a></li>
+<li id="grade6"><a href="#tab_grade6"><img src="testdata/01_11.png" alt="Nepali" title="Nepali">Nepali</a></li>
+<li id="grade7"><a href="#tab_grade7"><img src="testdata/01_16.png" alt="History" title="History">History</a></li>
+<li id="grade8"><a href="#tab_grade8"><img src="testdata/01_17.png" alt="Health" title="Health">Health</a></li>
 </ul>
 </div>
+</div>
 
 </body>
 </html>
diff --git a/chakra/grade1e.html b/chakra/grade1e.html
index ea132e7..c78a87b 100755
--- a/chakra/grade1e.html
+++ b/chakra/grade1e.html
@@ -9,6 +9,8 @@
 <link rel="stylesheet" href="css/chakra.css" type="text/css"/>
 <link rel="stylesheet" href="css/jquery.jgrowl.css" type="text/css"/>
 
+<link rel="stylesheet" href="test.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>
@@ -26,60 +28,107 @@
 <img id="nav_right" src="testdata/mystuff.png" alt="Stuff icon" title="My stuff">
 <img id="nav_right" src="testdata/profile.png" alt="Profile icon" title="My profile">
 
-<select id="month_select">
-  <option value="empty" selected>MONTH</option>
-  <option value="jan">January</option>
-  <option value="feb">February</option>
-  <option value="mar">March</option>
-  <option value="apr">April</option>
-  <option value="may">May</option>
-  <option value="jun">June</option>
-  <option value="jul">July</option>
-  <option value="aug">August</option>
-  <option value="sep">September</option>
-  <option value="oct">October</option>
-  <option value="nov">November</option>
-  <option value="dec">December</option>
+<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>
-
+show sth. on default
 
 </div>
 
-<div id="months">
-<div id="jan">
-<li><a href="#janweek1">1</a></li>
-<li><a href="#janweek2">2</a></li>
-<li><a href="#janweek3">3</a></li>
-<li><a href="#janweek4">4</a></li>
-<div id="">
-
-<div id="january">
-
+<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>
+<div id="week1">
+<div id="lesson">
+<div id="preview">
+<img src="testdata/preview.jpg"/>
+</div>
+<div id="lessonname">
+Lesson Name
+</div>
+</div>
+<div id="lesson">
+<img src="testdata/preview.jpg"/>
+<div id="lessonname">
+Lesson Name
+</div>
+</div>
+<div id="lesson">
+<img src="testdata/preview.jpg"/>
+<div id="lessonname">
+Lesson Name
+</div>
+</div>
+<div id="lesson">
+<img src="testdata/preview.jpg"/>
+<div id="lessonname">
+Lesson Name
+</div>
+</div>
 </div>
+<div id="week2">
+Week 2
 </div>
-<div id="feb">February</div>
-<div id="mar">March</div>
-<div id="apr">April</div>
-<div id="may">May</div>
-<div id="jun">June</div>
-<div id="jul">July</div>
-<div id="aug">August</div>
-<div id="sep">September</div>
-<div id="oct">October</div>
-<div id="nov">November</div>
-<div id="dec">December</div>
+<div id="week3">
+Week 3
+</div>
+<div id="week4">
+Week 4
+</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"> 
-$('#month_select').change(function() {
-    $('#months div').hide();
+$('#week_select').change(function() {
+    $('#weeks div').hide();
+    var e = '#' + $(':selected', $(this)).attr('value');
+    $(e).show();
+});
+
+$('#weeks div').hide();
+</script>
+
+<script type="text/javascript">
+	$(document).ready(function() {
     var e = '#' + $(':selected', $(this)).attr('value');
     $(e).show();
 });
 
 $('#months div').hide();
+});
+</script>
+
+<script type="text/javascript"> 
+  $("#1to4").idTabs(); 
 </script>
 
 </body>
diff --git a/chakra/grade2e.html b/chakra/grade2e.html
deleted file mode 100755
index 16569bf..0000000
--- a/chakra/grade2e.html
+++ /dev/null
@@ -1,187 +0,0 @@
-<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="lessonlist">
-
-<div id="weeks">
-<ul>
-<li>
-January
-<ul><li id="lessons"><a class="selected" href="#tab_grade2e1" target="lessons">1</a></li><li id="lessons"><a href="#tab_grade2e2">2</a></li><li id="lessons"><a href="#tab_grade2e3">3</a></li><li id="lessons"><a href="#tab_grade2e4">4</a></li></ul>
-</li>
-<li>
-February
-<ul><li id="lessons"><a href="#tab_grade2e5">5</a></li><li id="lessons"><a href="#tab_grade2e6">6</a></li><li id="lessons"><a href="#tab_grade2e7">7</a></li><li id="lessons"><a href="#tab_grade2e8">8</a></li></ul>
-</li>
-<li>
-March
-<ul><li id="lessons"><a href="#tab_grade2e9">9</a></li><li id="lessons"><a href="#tab_grade2e10">10</a></li><li id="lessons"><a href="#tab_grade2e11">11</a></li><li id="lessons"><a href="#tab_grade2e12">12</a></li></ul>
-</li>
-<li>
-April
-<ul><li id="lessons"><a href="#tab_grade2e13">13</a></li><li id="lessons"><a href="#tab_grade2e14">14</a></li><li id="lessons"><a href="#tab_grade2e15">15</a></li><li id="lessons"><a href="#tab_grade2e16">16</a></li></ul>
-</li>
-<li>
-May
-<ul><li id="lessons"><a href="#tab_grade2e17">17</a></li><li id="lessons"><a href="#tab_grade2e18">18</a></li><li id="lessons"><a href="#tab_grade2e19">19</a></li><li id="lessons"><a href="#tab_grade2e20">20</a></li></ul>
-</li>
-<li>
-June
-<ul><li id="lessons"><a href="#tab_grade2e21">21</a></li><li id="lessons"><a href="#tab_grade2e22">22</a></li><li id="lessons"><a href="#tab_grade2e23">23</a></li><li id="lessons"><a href="#tab_grade2e24">24</a></li></ul>
-</li>
-<li>
-July
-<ul><li id="lessons"><a href="#tab_grade2e25">25</a></li><li id="lessons"><a href="#tab_grade2e26">26</a></li><li id="lessons"><a href="#tab_grade2e27">27</a></li><li id="lessons"><a href="#tab_grade2e28">28</a></li></ul>
-</li>
-<li>
-August
-<ul><li id="lessons"><a href="#tab_grade2e29">29</a></li><li id="lessons"><a href="#tab_grade2e30">30</a></li><li id="lessons"><a href="#tab_grade2e31">31</a></li><li id="lessons"><a href="#tab_grade2e32">32</a></li></ul>
-</li>
-<li>
-September
-<ul><li id="lessons"><a href="#tab_grade2e33">33</a></li><li id="lessons"><a href="#tab_grade2e34">34</a></li><li id="lessons"><a href="#tab_grade2e35">35</a></li><li id="lessons"><a href="#tab_grade2e36">36</a></li></ul>
-</li>
-<li>
-October
-<ul><li id="lessons"><a href="#tab_grade2e37">37</a></li><li id="lessons"><a href="#tab_grade2e38">38</a></li><li id="lessons"><a href="#tab_grade2e39">39</a></li><li id="lessons"><a href="#tab_grade2e40">40</a></li></ul>
-</li>
-<li>
-November
-<ul><li id="lessons"><a href="#tab_grade2e41">41</a></li><li id="lessons"><a href="#tab_grade2e42">42</a></li><li id="lessons"><a href="#tab_grade2e43">43</a></li><li id="lessons"><a href="#tab_grade2e44">44</a></li></ul>
-</li>
-<li>
-December
-<ul><li id="lessons"><a href="#tab_grade2e45">45</a></li><li id="lessons"><a href="#tab_grade2e46">46</a></li><li id="lessons"><a href="#tab_grade2e47">47</a></li><li id="lessons"><a href="#tab_grade2e48">48</a></li></ul>
-</li>
-</ul>
-</div>
-
-<div id="lesson_select">
-<div id="tab_grade2e1">
-
-<div id="topleft_lesson">Lesson 1<br /><a href="http://www.google.de" target="_parent"><img src="testdata/preview.jpg"/></a></div>
-<div id="topright">Lesson 2<br /><a href=""><img src="testdata/preview.jpg"/></a></div>
-
-<div id="bottomleft_lesson">Lesson 3<br /><a href=""><img src="testdata/preview.jpg"/></a></div>
-<div id="bottomright_lesson">Lesson 4<br /><a href=""><img src="testdata/preview.jpg"/></a></div>
-
-</div>
-
-<div id="tab_grade2e2">
-Grade 2 - English - Week 2
-</div>
-
-<div id="tab_grade2e3">
-Grade 2 - English - Week 3
-</div>
-
-<div id="tab_grade2e4">
-Grade 2 - English - Week 4
-</div>
-
-<div id="tab_grade2e5">
-Grade 2 - English - Week 5
-</div>
-
-<div id="tab_grade2e6">
-Grade 2 - English - Week 6
-</div>
-
-<div id="tab_grade2e7">
-Grade 2 - English - Week 7
-</div>
-
-<div id="tab_grade2e8">
-Grade 2 - English - Week 8
-</div>
-
-<div id="tab_grade2e9">
-Grade 2 - English - Week 9
-</div>
-
-<div id="tab_grade2e10">
-Grade 2 - English - Week 10
-</div>
-
-<div id="tab_grade2e11">
-Grade 2 - English - Week 11
-</div>
-
-<div id="tab_grade2e12">
-Grade 2 - English - Week 12
-</div>
-
-<div id="tab_grade2e13">
-Grade 2 - English - Week 13
-</div>
-
-<div id="tab_grade2e14">
-Grade 2 - English - Week 14
-</div>
-
-<div id="tab_grade2e15">
-Grade 2 - English - Week 15
-</div>
-
-<div id="tab_grade2e16">
-Grade 2 - English - Week 16
-</div>
-
-<div id="tab_grade2e17">
-Grade 2 - English - Week 17
-</div>
-
-<div id="tab_grade2e18">
-Grade 2 - English - Week 18
-</div>
-
-<div id="tab_grade2e19">
-Grade 2 - English - Week 19
-</div>
-
-<div id="tab_grade2e20">
-Grade 2 - English - Week 20
-</div>
-
-<div id="tab_grade2e21">
-Grade 2 - English - Week 21
-</div>
-
-<div id="tab_grade2e22">
-Grade 2 - English - Week 22
-</div>
-
-<div id="tab_grade2e23">
-Grade 2 - English - Week 23
-</div>
-
-<div id="tab_grade2e24">
-Grade 2 - English - Week 24
-</div>
-
-</div>
-
-</div>
-
-<script type="text/javascript"> 
-  $("#lessonlist").idTabs(); 
-</script>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/chakra/grade2m.html b/chakra/grade2m.html
deleted file mode 100755
index b83f8f1..0000000
--- a/chakra/grade2m.html
+++ /dev/null
@@ -1,69 +0,0 @@
-<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>
-
-<table width="600px" border="0">
-<tr>
-<td colspan="2"><a href=""><h2>Quadrilaterals</h2></a></td>
-<td rowspan="3"><img src="testdata/preview.jpg"/></td>
-</tr>
-<tr>
-<td colspan="2"><h3>Grade 2 | Week 4</h3></td>
-</tr>
-<tr>
-<td><a href="">Teacher's Notes</a></td>
-<td><a href="">Lesson Plan</a></td>
-</tr>
-<tr>
-<td colspan="2"><a href=""><h2>Lesson 2</h2></a></td>
-<td rowspan="3"><img src="testdata/preview.jpg"/></td>
-</tr>
-<tr>
-<td colspan="2"><h3>Grade 2 | Week 4</h3></td>
-</tr>
-<tr>
-<td><a href="">Teacher's Notes</a></td>
-<td><a href="">Lesson Plan</a></td>
-</tr>
-<tr>
-<td colspan="2"><a href=""><h2>Lesson 3</h2></a></td>
-<td rowspan="3"><img src="testdata/preview.jpg"/></td>
-</tr>
-<tr>
-<td colspan="2"><h3>Grade 2 | Week 4</h3></td>
-</tr>
-<tr>
-<td><a href="">Teacher's Notes</a></td>
-<td><a href="">Lesson Plan</a></td>
-</tr>
-<tr>
-<td colspan="2"><a href=""><h2>Lesson 4</h2></a></td>
-<td rowspan="3"><img src="testdata/preview.jpg"/></td>
-</tr>
-<tr>
-<td colspan="2"><h3>Grade 2 | Week 4</h3></td>
-</tr>
-<tr>
-<td><a href="">Teacher's Notes</a></td>
-<td><a href="">Lesson Plan</a></td>
-</tr>
-</table>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/chakra/grade2n.html b/chakra/grade2n.html
deleted file mode 100755
index 698d1f2..0000000
--- a/chakra/grade2n.html
+++ /dev/null
@@ -1,48 +0,0 @@
-<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="lesson_list">
-
-<div id="lesson_item">
-<div id="name"><a href="">Quadrilaterals 1</a><img src="testdata/preview.jpg"/></div>
-<div id="grade_week">Grade 2 - Week 4</div>
-<div id="docs"><a href="">Teacher's Notes</a> <a href="">Lesson Plan</a></div>
-</div>
-
-<div id="lesson_separator"></div>
-
-<div id="lesson_item">
-<div id="name"><a href="">Quadrilaterals 2</a><img src="testdata/preview.jpg"/></div>
-<div id="grade_week">Grade 2 - Week 4</div>
-<div id="docs"><a href="">Teacher's Notes</a> <a href="">Lesson Plan</a></div>
-</div>
-
-<div id="lesson_separator"></div>
-
-<div id="lesson_item">
-<div id="name"><a href="">Quadrilaterals 3</a><img src="testdata/preview.jpg"/></div>
-<div id="grade_week">Grade 2 - Week 4</div>
-<div id="docs"><a href="">Teacher's Notes</a> <a href="">Lesson Plan</a></div>
-</div>
-
-</div>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/chakra/index.html b/chakra/index.html
index 9296785..608e323 100755
--- a/chakra/index.html
+++ b/chakra/index.html
@@ -22,24 +22,26 @@
 <div id="navigation">
 <img src="testdata/chakra_logo.png" alt="Home" title="Home"> <img id="nav_right" src="testdata/help.png" alt="Help" title="Help">
 </div>
-<ul id="grades" class="usual">
+<div id="grades">
+<ul>
 <li id="grade1"><a href="grade1.html"><img src="testdata/grade1.png" alt="Grade 1" title="grade1">Grade 1</a></li>
 <li id="grade2"><a href="#tab_grade2"><img src="testdata/grade2.png" alt="Grade 2" title="grade2">Grade 2</a></li>
 <li id="grade3"><a href="#tab_grade3"><img src="testdata/grade3.png" alt="Grade 3" title="grade3">Grade 3</a></li>
 <li id="grade4"><a href="#tab_grade4"><img src="testdata/grade4.png" alt="Grade 4" title="grade4">Grade 4</a></li>
-</ul>
-<ul id="grades" class="usual">
 <li id="grade5"><a href="#tab_grade5"><img src="testdata/grade5.png" alt="Grade 5" title="grade5">Grade 5</a></li>
 <li id="grade6"><a href="#tab_grade6"><img src="testdata/grade6.png" alt="Grade 6" title="grade6">Grade 6</a></li>
 <li id="grade7"><a href="#tab_grade7"><img src="testdata/grade7.png" alt="Grade 7" title="grade7">Grade 7</a></li>
 <li id="grade8"><a href="#tab_grade8"><img src="testdata/grade8.png" alt="Grade 8" title="grade8">Grade 8</a></li>
 </ul>
-<ul id="admin" class="usual">
-<li id="profile"><a href="#tab_profile"><img src="testdata/profile.png" alt="Student Profile" title="profile"><br />Student Profile</a></li>
-<li id="mystuff"><a href="#tab_mystuff"><img src="testdata/mystuff.png" alt="My Stuff" title="mystuff"><br />My Stuff</a></li>
+</div>
+<div id="admin">
+<ul>
+<li id="profile"><a href="#tab_profile"><img src="testdata/profile.png" alt="Student Profile" title="My profile"><br />Student Profile</a></li>
+<li id="mystuff"><a href="#tab_mystuff"><img src="testdata/mystuff.png" alt="My Stuff" title="My stuff"><br />My Stuff</a></li>
 <li id="about"><a href="#tab_about"><img src="testdata/about.png" width="80px" alt="About Karma" title="about"><br />About Karma</a></li>
 </ul>
 </div>
+</div>
 
 </body>
 </html>