diff options
Diffstat (limited to 'examples/adding_up_to_10_canvas/index.html')
-rwxr-xr-x | examples/adding_up_to_10_canvas/index.html | 82 |
1 files changed, 82 insertions, 0 deletions
diff --git a/examples/adding_up_to_10_canvas/index.html b/examples/adding_up_to_10_canvas/index.html new file mode 100755 index 0000000..baf36b8 --- /dev/null +++ b/examples/adding_up_to_10_canvas/index.html @@ -0,0 +1,82 @@ +<!DOCTYPE html> +<html> +<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/image/favicon.ico" /> + <script type="text/javascript" src="../../../js/jquery-1.3.2.min.js"></script> + <script type="text/javascript" src="../../../js/karma.js"></script> + <script type="text/javascript" src="js/lesson.js"></script> + + + +</head> + +<body> + <div> + <div id="action"> + <div id="actionTop"> + + <div id="topLtSide"> + <img id="topLtBox" src="assets/image/yellowBox.png" alt="" /> + <canvas id="topLtCanvas" width="200px" height="200px"></canvas> + + </div> + <div id="topMd"> + <img id="plussign" src="assets/image/plussign.png" alt=""/> + </div> + <div id="topRtSide"> + <img id="topRtBox" src="assets/image/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/image/yellowBox.png" alt=""/> + <canvas id="bottomLtCanvas" class="bottomBox" width="200px" height="200px"> </canvas> + </div> + <div id="bottomMd" class="bottom"> + <img class="bottomBox" src="assets/image/yellowBox.png" alt=""/> + <canvas id="bottomMdCanvas" class="bottomBox" width="200px" height="200px"> </canvas> + </div> + <div id="bottomRt" class="bottom"> + <img class="bottomBox" src="assets/image/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//image/scorebox.png" alt=""/> + <canvas id="timerCanvas" width="100px" height="140px" > </canvas> + </div> + <div class="sidebarItem"> + <img id="scorebox" src="assets/image/scorebox.png" alt=""/> + <canvas id="scoreboxCanvas" width="100px" height="140px"></canvas> + </div> + <div class="sidebarItem"> + <canvas id="chimpCanvas" width="120px" height="125px"> </canvas> + <div id="buttons"> + <button id="start">Start</button> + <button id="stop">Stop</button> + <button id="reset">Restart</button> + </div> + </div> + + + </div> + + + </div> + + +</body> + +</html> |