changed Chakra mockup for Grade 2 - English into "E-Paath"-style and Grade 2 - Nepali into general list style.

author: christophd@sugarlabs.org <christophd@sugarlabs.org> 2009-08-04 10:49:03 (GMT)
committer: christophd@sugarlabs.org <christophd@sugarlabs.org> 2009-08-04 10:49:03 (GMT)
commit: 566fc0a49de52c9806ccdca85cfe85e363e095f6 (patch)
tree: c742d9e07e235e601aec470eb66a085d0f5daa17 /chakra
parent: a59ee876e89928acf0c9f3a8323229b24ee30d49 (diff)
4 files changed, 147 insertions, 52 deletions
diff --git a/chakra/css/menu.css b/chakra/css/menu.css
index cffbe0f..606af4a 100644
--- a/chakra/css/menu.css
+++ b/chakra/css/menu.css
@@ -199,4 +199,77 @@ text-align: center;
   background:snow;
   color:#CC0000;
   font-weight:bold;
-}
-\ No newline at end of file
+}
+
+#weeks
+{
+background: #A4A4A4;
+float: left;
+}
+
+#lesson_select
+{
+background: #FFF000;
+float: left;
+}
+
+#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%;
+}
+
+#docs
+{
+}
diff --git a/chakra/grade2e.html b/chakra/grade2e.html
index b30c369..c7f0a4c 100644
--- a/chakra/grade2e.html
+++ b/chakra/grade2e.html
@@ -19,63 +19,61 @@
 <body>
 <div id="lessonstest">
 
+<div id="weeks">
 <ul>
 <li>
 January
-<ul><li id="lessons"><a class="selected" href="lessons_2e1.html" target="lessons">1</a></li><li id="lessons"><a href="#2">2</a></li><li id="lessons"><a href="#3">3</a></li><li id="lessons"><a href="#4">4</a></li></ul>
+<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></ul><br /><br /><br /><ul>
 <li>February
-<ul><li id="lessons"><a href="#5">5</a></li><li id="lessons"><a href="#6">6</a></li><li id="lessons"><a href="#7">7</a></li><li id="lessons"><a href="#8">8</a></li></ul>
-</li></ul><br /><br /><br /><ul>
-<li>March
-
-<ul><li id="lessons"><a href="#9">9</a></li><li id="lessons"><a href="#10">10</a></li><li id="lessons"><a href="#11">11</a></li><li id="lessons"><a href="#12">12</a></li></ul>
-</li>
-</ul><br /><br /><br /><ul>
-<li>April
-<ul><li id="lessons"><a href="#9">13</a></li><li id="lessons"><a href="#10">14</a></li><li id="lessons"><a href="#11">15</a></li><li id="lessons"><a href="#12">16</a></li></ul>
-</li>
-</ul><br /><br /><br /><ul>
-<li>May
-<ul><li id="lessons"><a href="#9">17</a></li><li id="lessons"><a href="#10">18</a></li><li id="lessons"><a href="#11">19</a></li><li id="lessons"><a href="#12">20</a></li></ul>
-
-</li>
-</ul><br /><br /><br /><ul>
-<li>June
-<ul><li id="lessons"><a href="#9">21</a></li><li id="lessons"><a href="#10">22</a></li><li id="lessons"><a href="#11">23</a></li><li id="lessons"><a href="#12">24</a></li></ul>
-</li>
-</ul><br /><br /><br /><ul>
-<li>July
-<ul><li id="lessons"><a href="#9">25</a></li><li id="lessons"><a href="#10">26</a></li><li id="lessons"><a href="#11">27</a></li><li id="lessons"><a href="#12">28</a></li></ul>
-</li>
-
-</ul><br /><br /><br /><ul>
-<li>August
-<ul><li id="lessons"><a href="#9">29</a></li><li id="lessons"><a href="#10">30</a></li><li id="lessons"><a href="#11">31</a></li><li id="lessons"><a href="#12">32</a></li></ul>
-</li>
-</ul><br /><br /><br /><ul>
-<li>September
-<ul><li id="lessons"><a href="#9">33</a></li><li id="lessons"><a href="#10">34</a></li><li id="lessons"><a href="#11">35</a></li><li id="lessons"><a href="#12">36</a></li></ul>
-</li>
-</ul><ul><br /><br /><br />
-
-<li>October
-<ul><li id="lessons"><a href="#9">37</a></li><li id="lessons"><a href="#10">38</a></li><li id="lessons"><a href="#11">39</a></li><li id="lessons"><a href="#12">40</a></li></ul>
-</li>
-</ul><br /><br /><br /><ul>
-<li>November
-<ul><li id="lessons"><a href="#9">41</a></li><li id="lessons"><a href="#10">42</a></li><li id="lessons"><a href="#11">43</a></li><li id="lessons"><a href="#12">44</a></li></ul>
-</li>
-</ul><br /><br /><br /><ul>
-<li>December
-
-<ul><li id="lessons"><a href="#9">45</a></li><li id="lessons"><a href="#10">47</a></li><li id="lessons"><a href="#11">48</a></li><li id="lessons"><a href="#12">49</a></li></ul>
-</li>
-</ul>
+<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></ul><br /><br /><br />
+</div>
+
+<div id="lesson_select">
+<div id="tab_grade2e1">
+
+<div id="topleft_lesson"><a href=""><img src="testdata/preview.jpg"/></a></div>
+<div id="topright"><a href=""><img src="testdata/preview.jpg"/></a></div>
+
+<div id="bottomleft_lesson"><a href=""><img src="testdata/preview.jpg"/></a></div>
+<div id="bottomright_lesson"><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>
+
 </div>
 
 <script type="text/javascript"> 
-  $("#lessontest ul li").idTabs(); 
+  $("#lessonstest").idTabs(); 
 </script>
 
 </body>
diff --git a/chakra/grade2n.html b/chakra/grade2n.html
index 48b04d8..7524eb4 100644
--- a/chakra/grade2n.html
+++ b/chakra/grade2n.html
@@ -18,7 +18,31 @@
 
 <body>
 
-<h2>Nepali 2</h2>
+<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 235483a..f3dca1b 100644
--- a/chakra/index.html
+++ b/chakra/index.html
@@ -25,7 +25,7 @@
 </ul>
 
 <div id="tab_grade2">
-<div id="grade">
+<div id="grade-menu">
 <ul id="grade-menu" class="usual">
 <li id="grade2"><a href="#tab_grade2e">English</a></li>
 <li id="grade3"><a href="#tab_grade2m">Mathematics</a></li>
author	christophd@sugarlabs.org <christophd@sugarlabs.org>	2009-08-04 10:49:03 (GMT)
committer	christophd@sugarlabs.org <christophd@sugarlabs.org>	2009-08-04 10:49:03 (GMT)
commit	566fc0a49de52c9806ccdca85cfe85e363e095f6 (patch)
tree	c742d9e07e235e601aec470eb66a085d0f5daa17 /chakra
parent	a59ee876e89928acf0c9f3a8323229b24ee30d49 (diff)