Web   ·   Wiki   ·   Activities   ·   Blog   ·   Lists   ·   Chat   ·   Meeting   ·   Bugs   ·   Git   ·   Translate   ·   Archive   ·   People   ·   Donate
summaryrefslogtreecommitdiffstats
path: root/index.html
diff options
context:
space:
mode:
Diffstat (limited to 'index.html')
-rwxr-xr-xindex.html32
1 files changed, 13 insertions, 19 deletions
diff --git a/index.html b/index.html
index 3fab793..f58e3c4 100755
--- a/index.html
+++ b/index.html
@@ -1,16 +1,19 @@
<!DOCTYPE html>
<html>
<head>
- <title>English_Animal Identification</title>
+ <title>My First Karma Lesson</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <link type="image/ico" rel="icon" href="./assets/image/favicon.ico" />
+ <!-- These are the css files to all Karma lessons -->
<link type="text/css" rel="stylesheet" href="./css/karma.css" />
<link type="text/css" rel="stylesheet" href="./css/ui.kHeader.css" />
<link type="text/css" rel="stylesheet" href="./css/ui.kFooter.css" />
+
+ <!-- This file holds the styles specific to your lesson -->
<link type="text/css" rel="stylesheet" href="css/lesson.css" />
+
<script type="text/javascript" src="./js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="./js/jquery.i18n.js"></script>
<script type="text/javascript" src="./js/jquery.ne.json"></script>
@@ -22,6 +25,8 @@
<script type="text/javascript" src="./js/ui.kFooter.ne.json"></script>
<script type="text/javascript" src="./js/ui.feedback.js"></script>
<script type="text/javascript" src="./js/karma.js"></script>
+
+ <!-- This is the code specific to your lesson -->
<script type="text/javascript" src="js/lesson.js"></script>
</head>
@@ -29,29 +34,18 @@
<div id="kHeader">
</div>
- <!-- Put the help text here -->
+ <!-- Put the help text inside #kHelp -->
<div id="kHelp" title="Help Title"> Help text here</div>
<div id="feedback"></div>
-
+ <!-- #kMain is where the magic happens, the main frame where your lesson
+ its stuff -->
<div id="kMain">
- <div id="questionBox">What is this?</div>
- <img class = "imageBox" id="imgObject" src="" alt=""/>
-
- <div id="options">
- <a href="#" id="anchorOpt0">
- <img class="optImg" id="option0" src="" alt=""/>
- </a>
- <a href="#" id="anchorOpt1"><img class="optImg" id="option1" src="" alt=""/></a>
- <a href="#" id="anchorOpt2"><img class="optImg" id="option2" src="" alt=""/></a>
- <a href="#" id="anchorOpt3"><img class="optImg" id="option3" src="" alt=""/></a>
- </div>
-
- <div id="gameOver">
- Game Over
- </div>
+ <strong id="itWorks">It Works!</strong>
</div>
+
+
<div id="kFooter">
</div>
</body>