Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
-rwxr-xr-xchakra/grade1mathematics.html206
-rwxr-xr-xcss/chakra.css52
-rwxr-xr-xexamples/adding_up_to_10/css/knavbar.css41
-rwxr-xr-xexamples/adding_up_to_10/exercise.html30
-rwxr-xr-xexamples/adding_up_to_10/index_knavbar.html4
-rw-r--r--examples/adding_up_to_10/js/rename.txt160
6 files changed, 234 insertions, 259 deletions
diff --git a/chakra/grade1mathematics.html b/chakra/grade1mathematics.html
index 70d7de1..8590c7d 100755
--- a/chakra/grade1mathematics.html
+++ b/chakra/grade1mathematics.html
@@ -22,99 +22,199 @@
<nav id="knavbar">
<a href="../index.html"><img src="../assets/default/images/chakra_logo.png" alt="Home" title="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>
+ <div id="curriculum"><a href="#">subject curriculum</a></div>
<img src="../assets/default/images/mathematics.png" alt="Mathematics" title="Grade 1 - Mathematics" class="topNav floatLeft" />
<img src="../assets/default/images/help.png" alt="Help" title="Help" class="topNav floatRight" />
<img src="../assets/default/images/karma_logo.png" alt="Karma icon" title="About Karma" class="topNav floatRight" />
</nav>
+ <section id="monthSelect">
+ <header class="floatLeft">Months</header>
+ <a href="#weeksA"><img src="../assets/default/images/month_A.png"/></a>
+ <a href="#weeksB"><img src="../assets/default/images/month_B.png"/></a>
+ <a href="#weeksC"><img src="../assets/default/images/month_C.png"/></a>
+ <a href="#weeksD"><img src="../assets/default/images/month_D.png"/></a>
+ <a href="#weeksE"><img src="../assets/default/images/month_E.png"/></a>
+ <a href="#weeksF"><img src="../assets/default/images/month_F.png"/></a>
+ <a href="#weeksG"><img src="../assets/default/images/month_G.png"/></a>
+ <a href="#weeksH"><img src="../assets/default/images/month_H.png"/></a>
+ <a href="#weeksI"><img src="../assets/default/images/month_I.png"/></a>
+ <a href="#weeksJ"><img src="../assets/default/images/month_J.png"/></a>
+ </section><!-- end monthSelect -->
</section>
<section id="middle">
- <section id="curriculum">
- <a href="#">Link</a> to subject curriculum.</a>
- </section>
- <section id="monthSelect">
- <header>Months</header>
- <ul class="menuSelectType">
- <li><a href="#weeksA"><img src="../assets/default/images/month_A.png"/></a></li>
- <li><a href="#weeksB"><img src="../assets/default/images/month_B.png"/></a></li>
- <li><a href="#weeksC"><img src="../assets/default/images/month_C.png"/></a></li>
- <li><a href="#weeksD"><img src="../assets/default/images/month_D.png"/></a></li>
- <li><a href="#weeksE"><img src="../assets/default/images/month_E.png"/></a></li>
- <li><a href="#weeksF"><img src="../assets/default/images/month_F.png"/></a></li>
- <li><a href="#weeksG"><img src="../assets/default/images/month_G.png"/></a></li>
- <li><a href="#weeksH"><img src="../assets/default/images/month_H.png"/></a></li>
- <li><a href="#weeksI"><img src="../assets/default/images/month_I.png"/></a></li>
- <li><a href="#weeksJ"><img src="../assets/default/images/month_J.png"/></a></li>
- </ul>
- </section><!-- end monthSelect -->
<section id="weeks">
<section id="weeksA" class="weekList">
- <header>Month A - Weeks</header>
- <ul class="menuSelectType">
- <li><a href="#week1"><img src="../assets/default/images/week1.png"/></a></li>
- <li><a href="#week2"><img src="../assets/default/images/week2.png"/></a></li>
- <li><a href="#week3"><img src="../assets/default/images/week3.png"/></a></li>
- <li><a href="#week4"><img src="../assets/default/images/week4.png"/></a></li>
- </ul>
+ <header class="floatLeft">Weeks</header>
+ <a href="#week1"><img src="../assets/default/images/week1.png"/></a>
+ <a href="#week2"><img src="../assets/default/images/week2.png"/></a>
+ <a href="#week3"><img src="../assets/default/images/week3.png"/></a>
+ <a href="#week4"><img src="../assets/default/images/week4.png"/></a>
- <article id="week1" class="lesson">
+ <article id="week1" class="lessonList">
+ <div class="lesson">
+ <header class="lessonName">Quadrilaterals</header>
+ <a href="../examples/"><img class="preview" src="../assets/default/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" /></a>
+ </div>
+ <div class="lesson">
<header class="lessonName">Adding up to 10</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Everyday expressions</header>
+ <a href="../examples/"><img class="preview" src="../assets/default/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Can and can't</header>
+ <a href="../examples/"><img class="preview" src="../assets/default/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
+ </div>
</article>
- <article id="week2" class="lesson">
- <header class="lessonName">Adding up to 100</header>
+ <article id="week2" class="lessonList">
+ <div class="lesson">
+ <header class="lessonName">Adding up to 10</header>
<a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Everyday expressions</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Can and can't</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Quadrilaterals</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" /></a>
+ </div>
</article>
- <article id="week3" class="lesson">
- <header class="lessonName">Another lesson here</header>
- <a href="#">Here is the link</a>
+ <article id="week3" class="lessonList">
+ <div class="lesson">
+ <header class="lessonName">Can and can't</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Quadrilaterals</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Adding up to 10</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Everyday expressions</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
+ </div>
</article>
- <article id="week4" class="lesson">
- <header class="lessonName">And another lesson here</header>
- <a href="#">Here is the other link</a>
+ <article id="week4" class="lessonList">
+ <div class="lesson">
+ <header class="lessonName">Quadrilaterals</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Adding up to 10</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Everyday expressions</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Can and can't</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
+ </div>
</article>
</section><!-- end weeksA -->
<section id="weeksB" class="weekList">
- <header>Month B - Weeks</header>
- <ul class="menuSelectType">
- <li><a href="#week5"><img src="../assets/default/images/week1.png"/></a></li>
- <li><a href="#week6"><img src="../assets/default/images/week2.png"/></a></li>
- <li><a href="#week7"><img src="../assets/default/images/week3.png"/></a></li>
- <li><a href="#week8"><img src="../assets/default/images/week4.png"/></a></li>
- </ul>
+ <header class="floatLeft">Weeks</header>
+ <a href="#week5"><img src="../assets/default/images/week1.png"/></a>
+ <a href="#week6"><img src="../assets/default/images/week2.png"/></a>
+ <a href="#week7"><img src="../assets/default/images/week3.png"/></a>
+ <a href="#week8"><img src="../assets/default/images/week4.png"/></a>
- <article id="week5" class="lesson">
- <header class="lessonName">Week 5 Lesson</header>
+ <article id="week5" class="lessonList">
+ <div class="lesson">
+ <header class="lessonName lesson1">Quadrilaterals</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName lesson2">Adding up to 10</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName lesson3">Everyday expressions</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName lesson4">Can and can't</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
+ </div>
</article>
- <article id="week6" class="lesson">
- <header class="lessonName">Week 6 Lesson</header>
+ <article id="week6" class="lessonList">
+ <header class="lessonName">Week 2 Lessons</header>
</article>
- <article id="week7" class="lesson">
- <header class="lessonName">Week 7 Lesson</header>
+ <article id="week7" class="lessonList">
+ <header class="lessonName">Week 3 Lessons</header>
</article>
- <article id="week8" class="lesson">
- <header class="lessonName">Week 8 Lesson</header>
+ <article id="week8" class="lessonList">
+ <header class="lessonName">Week 4 Lessons</header>
</article>
</section><!-- end weeksB -->
+ <section id="weeksC" class="weekList">
+ <header class="floatLeft">Weeks</header>
+ <a href="#week9"><img src="../assets/default/images/week1.png"/></a>
+ <a href="#week10"><img src="../assets/default/images/week2.png"/></a>
+ <a href="#week11"><img src="../assets/default/images/week3.png"/></a>
+ <a href="#week12"><img src="../assets/default/images/week4.png"/></a>
+
+ <article id="week9" class="lessonList">
+ <div class="lesson">
+ <header class="lessonName">Quadrilaterals</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview1.jpg" alt="Quadrilaterals" title="Quadrilaterals" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Adding up to 10</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview2.jpg" alt="Adding up to 10" title="Adding up to 10" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Everyday expressions</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview3.jpg" alt="Everyday expressions" title="Everyday expressions" /></a>
+ </div>
+ <div class="lesson">
+ <header class="lessonName">Can and can't</header>
+ <a href="../examples/adding_up_to_10/index.html"><img class="preview" src="../assets/default/images/preview4.jpg" alt="Can and can't" title="Can and can't" /></a>
+ </div>
+ </article>
+
+ <article id="week10" class="lessonList">
+ <header class="lessonName">Week 2 Lessons</header>
+ </article>
+
+ <article id="week11" class="lessonList">
+ <header class="lessonName">Week 3 Lessons</header>
+ </article>
+
+ <article id="week12" class="lessonList">
+ <header class="lessonName">Week 4 Lessons</header>
+ </article>
+ </section><!-- end weeksC -->
</section>
</section>
<script>
$(document).ready(function() {
//$('#weeksA').show();
- //$('#week1').show();
});
-$("#week_select").idTabs();
-
-$("#weeks div").idTabs();
+$("#weeks section").idTabs();
+$("#monthSelect").idTabs();
+
</script>
</body>
diff --git a/css/chakra.css b/css/chakra.css
index f9a6304..d09c585 100755
--- a/css/chakra.css
+++ b/css/chakra.css
@@ -8,7 +8,7 @@ body
{
background: #D8D8D8;
margin: 0 auto;
- width: 80%;
+ width: 640px;
min-width: 640px;
padding: 0;
font-family: "Georgia", serif;
@@ -19,6 +19,10 @@ img
border: none;
}
+.selected {
+ background: #FFFFFF;
+}
+
/* ====================================== */
/* ========== HTML ELEMENTS ============= */
h1 { }
@@ -52,6 +56,22 @@ header, footer, aside, nav, article, section {
margin: 0 auto;
}
+#monthSelect header {
+ text-align: left;
+ font-size: 1.0em;
+ margin: 5px 0 5px 0;
+ padding-bottom: 2px;
+ font-weight: bold;
+}
+
+#curriculum
+{
+ padding: 5px;
+ background: #ccc;
+ margin: 10px;
+ display: inline;
+}
+
.topNav {
width: 30px;
height: 30px;
@@ -60,11 +80,13 @@ header, footer, aside, nav, article, section {
.floatLeft {
float: left;
margin-left: 5px;
+ margin-bottom: 5px;
}
.floatRight {
float: right;
margin-right: 5px;
+ margin-bottom: 5px;
}
/* ====================================== */
@@ -78,9 +100,10 @@ header, footer, aside, nav, article, section {
#middle header {
text-align: center;
- font-size: 1.4em;
+ font-size: 1.0em;
margin: 5px 0 5px 0;
padding-bottom: 2px;
+ font-weight: bold;
}
.middleRow ul {
@@ -108,7 +131,7 @@ header, footer, aside, nav, article, section {
.middleRow ul li:hover {
text-decoration: underline;
border: 3px solid #424242;
- }
+ }
/* ====================================== */
/* ============ ADMIN SECTION =========== */
@@ -154,14 +177,6 @@ header, footer, aside, nav, article, section {
/* ====================================== */
/* ====== INDIVIDUAL GRADE SECTION ====== */
-#curriculum
-{
- text-align: right;
- padding: 3px;
- background: #ccc;
- margin: 0px 0 5px 0;
-}
-
#weekSelectInput {
text-align: center;
border-bottom: 1px solid #666;
@@ -173,10 +188,11 @@ header, footer, aside, nav, article, section {
text-align: center;
}
-.lesson {
+.lessonList {
border-top: 1px solid #666;
padding: 1em;
margin: 5px 0 5px 0;
+ height: 500px;
}
.lessonName {
@@ -186,13 +202,23 @@ header, footer, aside, nav, article, section {
font-size: 1.1em;
margin-bottom: 1em;
}
- .lesson img {
+ .lessonList img {
display: block;
margin: 0 auto;
padding: 5px;
border: 1px solid #aaa;
background: #ddd;
}
+
+.lesson {
+ width: 300px;
+ height: 250px;
+ float: left;
+}
+
+.preview{
+ width: 250px;
+}
.menuSelectType {
margin: 0;
diff --git a/examples/adding_up_to_10/css/knavbar.css b/examples/adding_up_to_10/css/knavbar.css
index 26e3896..b39f205 100755
--- a/examples/adding_up_to_10/css/knavbar.css
+++ b/examples/adding_up_to_10/css/knavbar.css
@@ -5,6 +5,12 @@ margin:0;
padding:0;
}
+#knavbar {
+display: table;
+width: 800px;
+margin: 0 auto;
+}
+
nav
{
list-style: none;
@@ -15,24 +21,6 @@ width:100%;
background: #FFFFFF;
}
-nav li
-{
-float: left;
-}
-
-nav li a
-{
-height: 63px;
-text-align: center;
-font-weight: bold;
-font-size: 110%;
-display: block;
-color:#000000;
-padding-left: 0.2em;
-padding-right: 0.2em;
-text-decoration: none;
-}
-
nav img
{
border: none;
@@ -109,6 +97,11 @@ img
border: none;
}
+#lessonTitle
+{
+display: block;
+}
+
nav a:hover {
text-decoration: underline;
outline-width:1px;
@@ -131,4 +124,16 @@ padding:0px;
.icon_right
{
float: right;
+}
+
+.floatLeft {
+ float: left;
+ margin-left: 5px;
+ margin-bottom: 5px;
+}
+
+.floatRight {
+ float: right;
+ margin-right: 5px;
+ margin-bottom: 5px;
} \ No newline at end of file
diff --git a/examples/adding_up_to_10/exercise.html b/examples/adding_up_to_10/exercise.html
index eaf3d63..a99ec93 100755
--- a/examples/adding_up_to_10/exercise.html
+++ b/examples/adding_up_to_10/exercise.html
@@ -10,23 +10,23 @@
<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>
-
+ <script type="text/javascript" src="js/lesson.js"></script>
<link rel="stylesheet" href="css/knavbar.css" type="text/css"/>
</head>
<body>
-<div id="lesson">
-<nav>
-<li><a href="../../chakra/grade1mathematics.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back"></a></li>
-<li><a id="welcome" href="index_knavbar.html">Adding up to 10</a></li>
-<li><img src="../../assets/default/images/tutorial_bw.png" alt="Tutorial" title="Tutorial"></li>
-<li><a href="exercise.html" class="selected"><img src="../../assets/default/images/exercise.png" alt="Exercise" title="Exercise"></a></li>
-<li><a href="#tab_help"><img src="../../assets/default/images/help.png" alt="Help" title="Help"></a></li>
-<li><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>
-
+<section id="navigation">
+ <nav id="knavbar">
+ <a href="../../chakra/grade1mathematics.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back" class="floatLeft"></a>
+ <div id="lessonTitle" class="floatLeft"><a id="welcome" href="index_knavbar.html">Adding up to 10</a></div>
+ <a href="http://olenepal.org/" target="_blank"><img src="../../assets/default/images/olenepal_logo.gif" alt="OLE Nepal logo" title="OLE Nepal Web site" class="floatRight"></a>
+ <a href="#tab_help"><img src="../../assets/default/images/help.png" alt="Help" title="Help" class="floatRight"></a>
+ <img src="../../assets/default/images/tutorial_bw.png" alt="Tutorial" title="Tutorial" class="floatRight">
+ <a href="exercise.html" class="selected"><img src="../../assets/default/images/exercise.png" alt="Exercise" title="Exercise" class="floatRight"></a>
+ </nav>
+</section>
<div id="karma-main">
<div id="action">
@@ -72,11 +72,15 @@
</div>
<div class="sidebarItem">
<img id="scorebox" src="assets/generic/images/scorebox.png" alt=""/>
- <canvas id="scoreboxCanvas" width="100" height="140" />
+ <canvas id="scoreboxCanvas" width="100" height="140"></canvas>
</div>
<div class="sidebarItem">
<canvas id="chimpCanvas" width="120px" height="125px"> </canvas>
- <button id="reset">Start Over</button>
+ <div id="buttons">
+ <button id="start">Start</button>
+ <button id="stop">Stop</button>
+ <button id="reset">Restart</button>
+ </div>
</div>
diff --git a/examples/adding_up_to_10/index_knavbar.html b/examples/adding_up_to_10/index_knavbar.html
index e1e2fca..6bd5e7a 100755
--- a/examples/adding_up_to_10/index_knavbar.html
+++ b/examples/adding_up_to_10/index_knavbar.html
@@ -19,8 +19,8 @@
<div id="lesson">
<nav>
-<li><a href="../../chakra/grade1mathematics.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back"></a></li>
-<li><a id="welcome" href="index_knavbar.html" class="selected">Adding up to 10</a></li>
+<a href="../../chakra/grade1mathematics.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back" class="floatLeft"></a>
+<div id="lessonTitle" class="floatLeft"><a id="welcome" href="index_knavbar.html" class="selected">Adding up to 10</a></div>
</nav>
<div id="subject">Mathematics</div>
diff --git a/examples/adding_up_to_10/js/rename.txt b/examples/adding_up_to_10/js/rename.txt
deleted file mode 100644
index 155c17a..0000000
--- a/examples/adding_up_to_10/js/rename.txt
+++ /dev/null
@@ -1,160 +0,0 @@
-HTML
----------------------
-div id="karma-main"
-div id="action" --- main
-div id="actionTop" --- top
-div id="topLtSide" --- topLeftArea
-img id="topLtBox" --- topLeftCard
-div id="topLtPaper" --- topLeftPaper
-div id="topMd" --- topMiddleArea
-img id="plussign" --- plusSign
-div id="topRtSide" --- topRightArea
-img id="topRtBox" --- topRightCard
-div id="topRtPaper" --- topRightPaper
-div id="bottom" --- bottom
-class="bottom" --- bottom
-div id="bottomLt" --- bottomLeft
-img class="bottomBox" --- bottomCard
-div id="bottomLtPaper" class="bottomBox" --- bottomLeftPaper, bottomCard
-div id="bottomMd" class="bottom" --- bottomMiddle, bottomAreas
-img class="bottomBox" --- bottomCards
-div id="bottomMdPaper" class="bottomBox" --- bottomMiddlePaper, bottomCards
-div id="bottomRt" class="bottom" --- bottomRight, bottomAreas
-img class="bottomBox" --- bottomCards
-div id="bottomRtPaper" class="bottomBox" --- bottomRightPaper, bottomCards
-div id="sidebar" --- side
-div class="sidebarItem" --- sideItem
-img id="timer"
-div id="timerPaper" ---
-div class="sidebarItem" --- sideItem
-img id="scorebox" --- scoreBox
-div id="scoreboxText" --- scoreBoxText
-div class="sidebarItem"
-div id="chimpPaper"
-div id="buttons"
-button id="start"
-button id="stop"
-button id="reset"
-div id="overlayPaper"
-
-
-
-JS
-----------------------------
-library.images
-"ball", "balloon","banana", "chilli", "fish" , "flower"
-"normalChimp", "happyChimp", "sadChimp", "correct", "incorrect", "trigger"
-
-
- var imgNames = ["ball", "banana", "balloon","chilli", "fish", "flower"];
- //game logic
- var total=0, n0, n1, correct; ---- var total = 0, n0 = 0, n1 = 0,
- correct = 0, level = 0, score = 0, playerCorrect = 0;
-
- var level = 0, d=160; -- d should be 2 vars
- ----- DRAW_MAX_X =0, DRAW_MAX_Y = 0;
- var choices=[], score = 0, speed = 12000; ---
- var choices=[];
- var timerSpeed = 12000;
-
- var playerCorrect = 0, endTimerX = 80, startTimerY = 25,
- endTimerY = 100, offsetTimerY = 5;
- --------
- END_TIMER_Y
- START_TIMER_Y
-
-
- var timerPaper, timerRect,
- chimpPaper, normalChimp, sadChimp, happyChimp,
- topLtBox, topRtBox, bottomLtBox, bottomMdBox, bottomRtBox;
-
- --------------
-
- var timerPaper, chimpPaper;
- var timerRect;
- var normalChimpImage, sadChimpImage, happyChimpImage;
- var topLeftCard, topRightCard, bottomLeftCard, bottomMiddleCard,
- bottomRightCard;
-
-
-
-
- var buttons=[];
- var stopTimer = false; -- isTimerActive
- var chooseMe; --- dispatchChoice
-
- var createBox = function (paperName) { ---- createCard
- var set, paper; ---
- var set;
- var paper;
-
- };
-
-
- function game () { ---- drawCards()
-
- var imgId = imgNames[ level ] ; --- imgId
-
-
- var card = function (box, n, d) { ---- drawCard()
- var pos = []; --- positions
- var x, y, flag; ---- flag -- isOverlapping
- var imgVarNames = {};
- var prefix = box["prefix"]; --- varPrefix
-
- var addButtons = function(){
- var buttonNum = button.num; --- numButton
- var mybutton = buttonNum ---- myButton
-
-
- var removeButtons = function(){
-
- var choose = function(buttonNum) { --- chooseCard
- };
-
-
-
- var writeScore = function (newscore){
-
- };
-
-
- var answer = function (correct, tooSlow) { -- computeScore
-
- };
-
-
- var start = function () { --- startGame
-
- };
-
- var stop = function () { --- stopGame
-
- };
-
- var reset = function () { --- resetGame
-
- };
-
- var resetTimer = function () {
- };
-
- var animateTimer = function () {
- };
-
-
- var animateChimp = function (answer) {
- var timerChimp;
-
- };
-
-
-
-//end of Karma.main
-});
-
-
-
-
-//end of ready
-});