Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/examples/Math_Largest_Number_Identification/index.html
blob: 1edf92d50fb7d5571661ee9a491f35c87e117e1c (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
<!DOCTYPE HTML>
<html>
  <head>
        <title> Largest Number Identification </title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta http-equiv="Content-Language" content="en-us" />
	<meta name="keywords" content="karma,javascript,html5,sugar,largest number,gsoc,ole,nepal" />
	<link type="image/ico" rel="icon" href="../../assets/default/image/favicon.ico" /> 
        <link rel="stylesheet" type="text/css" href="css/lesson.css"/>
	<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 id ="helpBar">
    <a href="#" id="anchorInfo"><img class="helpme" id="imgInfo" src="assets/image/icons/help.png"></a>
    <a href="#" id="exitNow"><img class="exitProgram" src="assets/image/icons/refresh.png"></a>
    <a href="#" id="volControl">
      <img class="imgVolume" src="assets/image/icons/volumeEnabled.png" />
      <img id="volDisabled" class="imgVolume" src="assets/image/icons/volumeDisabled.png" />
    </a>
  </div>
  <center>
    <div id="gameInfo">
      <h3>Title:</h3>
      <p>Largest Number Identification Game</p>	
      <h3>Objective:</h3>
      <p>Identify the Largest number among the four numbers and drag and drop to the box.</p>
      <h3>Description:</h3>
      <p> 
	The game is basically intended for the students who have knowlege of the numbers from 1-100
	The game consists of the four boxes where random numbers between the 1-99 appears.
	The students have to select the largest number among these numbers and drag it to the box
	and drop there. After the drop has been completed, next set of numbers appears and the 
	same steps has to be followed.<br />
	The score system is that you will be awarded 1 point for each correct answer. If the 
	wrong answer is choosen, 1 point is deducted. The game will be completed
	after the player has scored 99.
	
      </p>
      <h3>Instructions: </h3>
      <p>
	The game is self instructive. Just pick the right choice i.e. the greatest
	number among four of the numbers and drag and drop to the box right below:
      </p>
      <h4> Have a great time...</h4>
    </div>	
  </center>				
  <div id="sidebar">
    <br />			
    <h2> Score </h2>
    <div id="minussign"></div>
    <img class="scoreBox" id="scoreDisplay" src= "" alt="" />
  </div>
  
  <div id = "gamearea">
    <h2>  Largest Number Identification Game </h2>
    <div id="feedback_images">
      <div class="drag_delegates draglist">    
	<img class="dragme" id="imgdrag0" draggable="true" src="" alt="" />
	<img class="dragme" id="imgdrag1" draggable="true" src="" alt="" />
	<img class="dragme" id="imgdrag2" draggable="true" src="" alt="" />
	<img class="dragme" id="imgdrag3" draggable="true" src="" alt="" />
      </div>
    </div>
    <div id="drop_area">	
      <div class="drophere" id="imgdrop">
	<br />Pick up the largest number among the four numbers above and drop it to the box below.
      </div>
    </div>
  </div>
</body>
</html>