change method of positioning kHeader. Create basic template for lessonPlan and TeachersNote

4 files changed, 25 insertions, 19 deletions

diff --git a/css/kDoc.css b/css/kDoc.css
index c92efb4..e59fa71 100644
--- a/css/kDoc.css
+++ b/css/kDoc.css
@@ -1,6 +1,4 @@
 #kDoc{
-    width: 1200px;
-    height: 900px;
     background-color: white;
 }
 
diff --git a/css/karma.css b/css/karma.css
index 03dd035..0828923 100755
--- a/css/karma.css
+++ b/css/karma.css
@@ -33,13 +33,13 @@ body{
 
 #kHeader{
     background-image: url('./epaath_images/bg_header.png');
+    height: 75px;
+    width: 100%;
+    float: left;
     background-repeat: none;
     -moz-background-size: 100% 100%;
     -webkit-background-size: 100% 100%;
-    height: 75px;
-    width: 100%;
-    position: absolute;
-    top: 0em;
+
 }
 
 	#kHeader .left{
diff --git a/examples/English_Animal_Identification/lessonPlan.html b/examples/English_Animal_Identification/lessonPlan.html
index dcb0f95..1bb3600 100644
--- a/examples/English_Animal_Identification/lessonPlan.html
+++ b/examples/English_Animal_Identification/lessonPlan.html
@@ -32,26 +32,34 @@
 		<div class="kHeaderBtn">
 		</div>
 	      </a>
+	    </div>
 	    <div id="kHeaderOleBtn" class="right">
 	      <a href="http://olenepal.org" title="साझा शिक्षा ई-पाटी">
 		<div id="linkOle" class="kHeaderBtn">
 		</div>
 	      </a>
 	    </div>
-	</div>
+  </div> 
   <div id="text">
     foo
 
   </div>
 
   <script type="text/javascript">
-    if (window.innerWidth !== 1200){
-	$('#kDoc').css({width:'800px', height:'600px'});	
-    }
-    
-    var fontSize = $('#text').css('font-size');
+    var $text = $('#text');
+    var fontSize = parseInt($text.css('font-size'));
     
-    $('#zoomIn').click(function(){});
+    $('#zoomIn').click(
+	function(){
+	    fontSize = fontSize + 2;
+	    $text.css('font-size', '' + fontSize + 'px');
+	});
+	
+    $('#zoomOut').click(
+	function(){
+	    fontSize = fontSize - 2;
+	    $text.css('font-size', '' + fontSize + 'px');
+	});
 
     </script>
 </body>
diff --git a/examples/English_Animal_Identification/start.html b/examples/English_Animal_Identification/start.html
index 165362e..9016d71 100644
--- a/examples/English_Animal_Identification/start.html
+++ b/examples/English_Animal_Identification/start.html
@@ -16,17 +16,17 @@
       </a>
       <div id="topMiddle">
 	<div id="topDesc" class="center">साझा शिक्षा ई-पाटीद्वारा निर्मित</div>
-	<div id="topE-Paath" class="center">E-Paath</div>
+	<div id="topE-Paath" class="center">ई-पाठ</div>
       </div>
     </div>
     
     <div id="middle">
       <div id="grade" class="center">
-	<span id="gradeText">Grade: </span>
-	<span id="gradeNum">2</span>
+	<span id="gradeText"> कक्षा: </span>
+	<span id="gradeNum">२</span>
       </div>
       <div id="subject" class="center">
-	English
+	अँग्रेजी
       </div>
       <div id="lessonTitle" class="center">
 	<a href="./index.html">Identifying Animals</a>
@@ -37,13 +37,13 @@
       <div id="teachersNoteBtn" class="button">
 	<a href="./teachersNote.html">
 	  <div>Teacher's Note</div>
-	  <div>Nepali translation</div>
+	  <div>पाठविवरण</div>
 	</a>
       </div>
       <div id="lessonPlanBtn" class="button">
 	<a href="./lessonPlan.html">
 	  <div>Lesson Plan</div>
-	  <div>Nepali translation</div>
+	  <div>पाठयोजना</div>
 	</a>
       </div>
     </div>