diff options
Diffstat (limited to 'examples/adding_up_to_10_svg/index.html')
-rwxr-xr-x | examples/adding_up_to_10_svg/index.html | 84 |
1 files changed, 84 insertions, 0 deletions
diff --git a/examples/adding_up_to_10_svg/index.html b/examples/adding_up_to_10_svg/index.html new file mode 100755 index 0000000..6a861d1 --- /dev/null +++ b/examples/adding_up_to_10_svg/index.html @@ -0,0 +1,84 @@ +<!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" /> + <link type="text/css" rel="stylesheet" href="../../css/karma.css" /> + <script type="text/javascript" src="../../js/raphael-min.js"></script> + <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> + + + +</head> + +<body> + <div id="karma-main"> + <div id="main"> + <div id="top"> + + <div id="topLeftArea"> + <img id="topLeftCard" src="assets/generic/images/yellowBox.png" alt="" /> + <div id="topLeftPaper" ></div> + + </div> + <div id="topMiddleArea"> + <img id="plusSign" src="assets/generic/images/plussign.png" alt=""/> + </div> + <div id="topRightArea"> + <img id="topRightCard" src="assets/generic/images/yellowBox.png" alt=""/> + <div id="topRightPaper"></div> + </div> + + </div> + + <div id="bottom"> + <div id="bottomLeft" class="bottom"> + <img class="bottomCard" src="assets/generic/images/yellowBox.png" alt=""/> + <div id="bottomLeftPaper" class="bottomCard"> </div> + </div> + <div id="bottomMiddle" class="bottom"> + <img class="bottomCard" src="assets/generic/images/yellowBox.png" alt=""/> + <div id="bottomMiddlePaper" class="bottomCard"> </div> + </div> + <div id="bottomRight" class="bottom"> + <img class="bottomCard" src="assets/generic/images/yellowBox.png" alt=""/> + <div id="bottomRightPaper" class="bottomCard"> </div> + </div> + + </div> + + </div> + <div id="side"> + <div class="sideItem"> + <img id="timer" src="assets/generic/images/scorebox.png" alt=""/> + <div id="timerPaper"> </div> + </div> + <div class="sideItem"> + <img id="scoreBox" src="assets/generic/images/scorebox.png" alt=""/> + <div id="scoreBoxText"></div> + </div> + <div class="sideItem"> + <div id="chimpPaper"> </div> + <div id="buttons"> + <button id="start">Start</button> + <button id="stop">Stop</button> + <button id="reset">Restart</button> + </div> + </div> + + + </div> + <div id="overlay"></div> + <div id="overlayPaper"></div> + </div> + + +</body> + +</html> |