added knavbar designs

author: christophd@sugarlabs.org <christophd@sugarlabs.org> 2009-09-07 08:44:40 (GMT)
committer: christophd@sugarlabs.org <christophd@sugarlabs.org> 2009-09-07 08:44:40 (GMT)
commit: 9712c099ff2a5feafbf99f7c915f09dadfce0346 (patch)
tree: e8e32ebb4bd7c1efd5322e7ae3eeb691bfb8b4a1
parent: c693580e626ce577e667cd318a9241cbd17e44a4 (diff)
4 files changed, 304 insertions, 0 deletions
diff --git a/examples/adding_up_to_10/css/knavbar.css b/examples/adding_up_to_10/css/knavbar.css
new file mode 100644
index 0000000..ba09413
--- /dev/null
+++ b/examples/adding_up_to_10/css/knavbar.css
@@ -0,0 +1,126 @@
+body
+{ 
+background: #D8D8D8;
+margin:0;
+padding:0;
+}
+
+iframe
+{
+width: 800px;
+height: 440px;
+}
+
+#subject
+{
+text-align: center;
+font-weight: bold;
+font-size: 130%;
+}
+
+#lesson_name
+{
+text-align: center;
+font-weight: bold;
+font-size: 150%;
+padding: 0.8em;
+}
+
+#welcome_refs
+{
+text-align: center;
+font-weight: bold;
+font-size: 150%;
+width: 50%;
+float: left;
+}
+
+#tutorial_link
+{
+width: 50%;
+float: left;
+}
+
+#tutorial_link img
+{
+padding: 2em;
+
+}
+
+#exercise_link
+{
+width: 50%;
+float: left;
+}
+
+#exercise_link img
+{
+padding: 2em;
+}
+
+#lesson
+{
+width:800px;
+background: #BDBDBD;
+}
+
+nav
+{
+list-style: none;
+padding: 0;
+margin: 0;
+float:left;
+width:100%;
+background: #FFFFFF;
+}
+
+nav li
+{
+float: left;
+}
+
+nav li a
+{
+height: 63px;
+text-align: center;
+font-weight: bold;
+float: left;
+color:#000000;
+padding-left: 0.2em;
+padding-right: 0.2em;
+}
+
+nav img
+{
+border: none;
+width: 58px;
+}
+
+#welcome_logo img
+{
+padding: 2em;
+}
+
+img
+{
+border: none;
+}
+
+nav a:hover {
+text-decoration: underline;
+outline-width:1px;
+outline-style:solid;
+}
+
+nav a.selected {
+text-decoration: underline;
+background: #BDBDBD;
+}
+
+.centeredImage
+{
+text-align:center;
+margin-top:0px;
+margin-bottom:0px;
+padding:0px;
+}
diff --git a/examples/adding_up_to_10/exercise.html b/examples/adding_up_to_10/exercise.html
new file mode 100644
index 0000000..acf8557
--- /dev/null
+++ b/examples/adding_up_to_10/exercise.html
@@ -0,0 +1,92 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>Adding up to 10 - Exercise (Alpha)</title>
+	<meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
+	<link type="text/css" rel="stylesheet" href="css/lesson.css" />
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<link type="image/ico" rel="icon" href="../../assets/default/images/favicon.ico" /> 
+	<script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script>
+	<script type="text/javascript" src="../../js/karma.Gettext.js"></script>
+	<script type="text/javascript" src="../../js/jquery.karma.js"></script>
+
+	<link rel="stylesheet" href="css/knavbar.css" type="text/css"/>
+
+</head>
+
+<body>
+
+<nav>
+<li id="back"><a href="../../index.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back"></a></li>
+<li id="chakra"><a href="../../index.html"><img src="../../assets/default/images/chakra_logo.png" alt="Chakra" title="Chakra"></a></li>
+<li id="welcome"><a href="index_knavbar.html">Adding up to 10</a></li>
+<li id="tutorial"><img src="../../assets/default/images/tutorial_bw.png" alt="Tutorial" title="Tutorial"></li>
+<li id="exercise"><a href="exercise.html" class="selected"><img src="../../assets/default/images/exercise.png" alt="Exercise" title="Exercise"></a></li>
+<li id="game"><img src="../../assets/default/images/games_bw.png" alt="Game" title="Game"></li>
+<li id="resources"><a href="resources.html"><img src="../../assets/default/images/resources.png" alt="Resources" title="Resources"></a></li>
+<li id="help"><a href="#tab_help"><img src="../../assets/default/images/help.png" alt="Help" title="Help"></a></li>
+<li id="logo"><a href="http://olenepal.org/" target="_blank"><img src="../../assets/default/images/olenepal_logo.gif" alt="OLE Nepal logo" title="OLE Nepal Web site"></a></li>
+</nav>
+
+
+  <div id="karma-main"> 
+    <div id="action">
+      <div id="actionTop">
+
+	<div id="topLtSide">
+	  <img id="topLtBox" src="assets/generic/images/yellowBox.png" alt="" />
+	  <canvas id="topLtCanvas" width="200px" height="200px"></canvas>
+
+	</div>
+	<div id="topMd">
+	  <img id="plussign" src="assets/generic/images/plussign.png" alt=""/>
+	</div>
+	<div id="topRtSide">
+	  <img id="topRtBox" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <canvas id="topRtCanvas" width="200px" height="200px"></canvas>
+	</div>
+
+      </div>
+
+      <div id="bottom">
+	<!-- <canvas id="bottomCanvas"></canvas> -->
+	<div id="bottomLt" class="bottom">
+	  <img class="bottomBox" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <canvas id="bottomLtCanvas" class="bottomBox" width="200px" height="200px"> </canvas>
+	</div>
+	<div id="bottomMd" class="bottom">
+	  <img class="bottomBox" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <canvas id="bottomMdCanvas" class="bottomBox" width="200px" height="200px"> </canvas>
+	</div>
+	<div id="bottomRt" class="bottom">
+	  <img class="bottomBox" src="assets/generic/images/yellowBox.png" alt=""/>
+	  <canvas id="bottomRtCanvas" class="bottomBox" width="200px" height="200px"> </canvas>
+	</div>
+
+      </div>
+      
+    </div>
+    <div id="sidebar">
+      <div class="sidebarItem">
+	<img id="timer" src="assets/generic/images/scorebox.png" alt=""/>
+	<canvas id="timerCanvas" width="100" height="140" > </canvas>
+      </div>
+      <div class="sidebarItem">
+	<img id="scorebox" src="assets/generic/images/scorebox.png" alt=""/>
+	<canvas id="scoreboxCanvas" width="100" height="140" />
+      </div>
+      <div class="sidebarItem">
+	<canvas id="chimpCanvas" width="120px" height="125px"> </canvas>
+	<button id="reset">Start Over</button>
+      </div>
+
+
+    </div>
+
+
+  </div>
+
+
+</body>
+
+</html>
diff --git a/examples/adding_up_to_10/index_knavbar.html b/examples/adding_up_to_10/index_knavbar.html
new file mode 100644
index 0000000..fa8be67
--- /dev/null
+++ b/examples/adding_up_to_10/index_knavbar.html
@@ -0,0 +1,47 @@
+<!DOCTYPE HTML>
+<html lang="en">
+
+<head>
+<title>Adding up to 10 - Index (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/knavbar.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.idTabs.min.js"></script>
+
+</head>
+
+<body>
+
+<div id="lesson">
+
+<nav>
+<li id="back"><a href="../../index.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back"></a></li>
+<li id="chakra"><a href="../../index.html"><img src="../../assets/default/images/chakra_logo.png" alt="Chakra" title="Chakra"></a></li>
+<li id="welcome"><a href="index_knavbar.html" class="selected">Adding up to 10</a></li>
+<li id="tutorial"><img src="../../assets/default/images/tutorial_bw.png" alt="Tutorial" title="Tutorial"></li>
+<li id="exercise"><a href="exercise.html"><img src="../../assets/default/images/exercise.png" alt="Exercise" title="Exercise"></a></li>
+<li id="game"><img src="../../assets/default/images/games_bw.png" alt="Game" title="Game"></li>
+<li id="resources"><a href="resources.html"><img src="../../assets/default/images/resources.png" alt="Resources" title="Resources"></a></li>
+<li id="help"><a href="#tab_help"><img src="../../assets/default/images/help.png" alt="Help" title="Help"></a></li>
+<li id="logo"><a href="http://olenepal.org/" target="_blank"><img src="../../assets/default/images/olenepal_logo.gif" alt="OLE Nepal logo" title="OLE Nepal Web site"></a></li>
+</nav>
+
+<div id="subject">Mathematics</div>
+<div id="lesson_name">Adding up to 10</div>
+
+<div id="tutorial_link" class="centeredImage"><img src="../../assets/default/images/tutorial_bw.png" alt="Tutorial" title="Tutorial"></div>
+<div id="exercise_link" class="centeredImage"><a href="exercise.html"><img src="../../assets/default/images/exercise.png" alt="Exercise" title="Exercise"></a></div>
+
+<div id="welcome_refs"><a href="assets/en/docs/teachernotes.swf" target="_blank">Teacher's note</a></div>
+<div id="welcome_refs"><a href="assets/en/docs/lessonplan.swf" target="_blank">Lesson plan</a></div>
+
+<div id="welcome_logo" class="centeredImage"><img src="../../assets/default/images/olenepal_logo.gif" alt="OLE Nepal logo" title="OLE Nepal"></div>
+</div>
+
+</body>
+</html>
+\ No newline at end of file
diff --git a/examples/adding_up_to_10/resources.html b/examples/adding_up_to_10/resources.html
new file mode 100644
index 0000000..adb6baf
--- /dev/null
+++ b/examples/adding_up_to_10/resources.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<title>Karma - Adding Up to 10</title>
+	<meta name="keywords" content="karma,javascript,html5,sugar,sugarlabs,gsoc,ole,nepal" />
+	<link type="text/css" rel="stylesheet" href="css/lesson.css" />
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<link type="image/ico" rel="icon" href="../../assets/default/images/favicon.ico" /> 
+	<script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script>
+	<script type="text/javascript" src="../../js/karma.Gettext.js"></script>
+	<script type="text/javascript" src="../../js/jquery.karma.js"></script>
+	<link rel="stylesheet" href="css/knavbar.css" type="text/css"/>
+
+</head>
+
+<body>
+
+<nav>
+<li id="back"><a href="../../index.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back"></a></li>
+<li id="chakra"><a href="../../index.html"><img src="../../assets/default/images/chakra_logo.png" alt="Chakra" title="Chakra"></a></li>
+<li id="welcome"><a href="index_knavbar.html">Adding up to 10</a></li>
+<li id="tutorial"><img src="../../assets/default/images/tutorial_bw.png" alt="Tutorial" title="Tutorial"></li>
+<li id="exercise"><a href="exercise.html"><img src="../../assets/default/images/exercise.png" alt="Exercise" title="Exercise"></a></li>
+<li id="game"><img src="../../assets/default/images/games_bw.png" alt="Game" title="Game"></li>
+<li id="resources"><a href="resources.html" class="selected"><img src="../../assets/default/images/resources.png" alt="Resources" title="Resources"></a></li>
+<li id="help"><a href="#tab_help"><img src="../../assets/default/images/help.png" alt="Help" title="Help"></a></li>
+<li id="logo"><a href="http://olenepal.org/" target="_blank"><img src="../../assets/default/images/olenepal_logo.gif" alt="OLE Nepal logo" title="OLE Nepal Web site"></a></li>
+</nav>
+
+
+<ul>
+<li><a href="assets/en/docs/teachernotes.swf" target="_blank">Teacher's notes</a></li>
+<li><a href="assets/en/docs/lessonplan.swf" target="_blank">Lesson plan</a></li>
+<li><a href="quadrilaterals.zip">Download</a></li>
+</ul>
+
+</body>
+
+</html>
author	christophd@sugarlabs.org <christophd@sugarlabs.org>	2009-09-07 08:44:40 (GMT)
committer	christophd@sugarlabs.org <christophd@sugarlabs.org>	2009-09-07 08:44:40 (GMT)
commit	9712c099ff2a5feafbf99f7c915f09dadfce0346 (patch)
tree	e8e32ebb4bd7c1efd5322e7ae3eeb691bfb8b4a1
parent	c693580e626ce577e667cd318a9241cbd17e44a4 (diff)