Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/examples/adding_up_to_10/exercise.html
blob: 1e74722f2a78c4d2832a55d4041b32c2add07951 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
<!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>

<div id="lesson">
<nav>
<li><a href="../../index.html"><img src="../../assets/default/images/back.png" alt="Back" title="Back"></a></li>
<li><a href="../../index.html"><img src="../../assets/default/images/chakra_logo.png" alt="Chakra" title="Chakra"></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><img src="../../assets/default/images/games_bw.png" alt="Game" title="Game"></li>
<li><a href="resources.html"><img src="../../assets/default/images/resources.png" alt="Resources" title="Resources"></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>


  <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>
</div>

</body>

</html>