fix line-spacing issue in lesson plan

5 files changed, 41 insertions, 1 deletions

diff --git a/css/epaath_images/sad-face.jpg b/css/epaath_images/sad-face.jpg
deleted file mode 100755
index ecc9578..0000000
--- a/css/epaath_images/sad-face.jpg
+++ /dev/null
diff --git a/css/epaath_images/sad-face.png b/css/epaath_images/sad-face.png
new file mode 100644
index 0000000..1523519
--- /dev/null
+++ b/css/epaath_images/sad-face.png
diff --git a/css/ui.feedback.css b/css/ui.feedback.css
index 46f1d0d..a8063cf 100755
--- a/css/ui.feedback.css
+++ b/css/ui.feedback.css
@@ -13,4 +13,20 @@
 .ui-feedback .ui-feedback-incorrect{
     display:none;
     background-image: url(./epaath_images/incorrect200x190.png);
+}
+
+.ui-feedback .ui-feedback-win{
+    /*display: none;*/
+    width: 184px;
+    height: 222px;
+    background-image: url(./epaath_images/happy-face.png);
+    overflow: visible;
+    z-index: 10;
+}
+
+.ui-feedback .ui-feedback-overlay {
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255,255,255, 0.4);
 }
\ No newline at end of file
diff --git a/examples/English_Animal_Identification/lessonPlan.html b/examples/English_Animal_Identification/lessonPlan.html
index c42c87b..cec9613 100644
--- a/examples/English_Animal_Identification/lessonPlan.html
+++ b/examples/English_Animal_Identification/lessonPlan.html
@@ -5,7 +5,7 @@
 <style>

 <!--

 .MsoChpDefault {

-	font-size:11.0pt;

+	font-size:11.0pt;	

 }

 div.Section1{

   width: 80%;

@@ -13,6 +13,10 @@ div.Section1{
   margin-right: auto;

 }

 

+div p span{

+  line-height: 200% !important;

+}

+

 -->

 </style>

 </head>

diff --git a/js/ui.feedback.js b/js/ui.feedback.js
index 981384b..f325861 100755
--- a/js/ui.feedback.js
+++ b/js/ui.feedback.js
@@ -47,6 +47,12 @@
 		      }
 		      
 		  },
+		  win: function(){
+		      
+		  },
+		  lose: function(){
+		      
+		  },
 		  _init : function(){
 		      var self = this;
 		      
@@ -62,6 +68,20 @@
 		      this.$incorrect = $('<div></div>')
 			  .addClass('ui-feedback-incorrect')
 			  .appendTo(this.element);
+		      
+		      this.$win = $('<div></div>')
+			  .addClass('ui-feedback-win')
+			  .appendTo(this.element);
+
+		      this.$lose = $('<div></div>')
+			  .addClass('ui-feedback-lose')
+			  .appendTo(this.element);
+		      
+		      this.$overlay = $('<div></div>')
+			  .addClass('ui-feedback-overlay')
+			  .appendTo(this.element);
+
+		      
 
 		      $('body')
 			  .bind('feedbackCorrect', function(){