diff options
author | Bryan Berry <bryan@olenepal.org> | 2010-02-01 02:14:06 (GMT) |
---|---|---|
committer | Bryan Berry <bryan@olenepal.org> | 2010-02-01 02:14:06 (GMT) |
commit | 12c868645fcf94a4a11544950582040e99df21b3 (patch) | |
tree | 83cb60954b5f54844ec2e11baf827533e9722062 | |
parent | a064ba5daec2825c02b2e097c60dadcda602679f (diff) |
fixed height for kStart on the XO
-rw-r--r-- | css/kDoc.css | 3 | ||||
-rw-r--r-- | css/kStart.css | 13 | ||||
-rwxr-xr-x | css/karma.css | 19 | ||||
-rwxr-xr-x | examples/English_Animal_Identification/index.html | 6 | ||||
-rw-r--r-- | examples/English_Animal_Identification/lessonPlan.html | 48 | ||||
-rw-r--r-- | examples/English_Animal_Identification/start.html | 5 | ||||
-rw-r--r-- | js/kDoc.js | 27 | ||||
-rw-r--r-- | js/kDoc.js~ | 26 |
8 files changed, 104 insertions, 43 deletions
diff --git a/css/kDoc.css b/css/kDoc.css index c5d2eeb..9417283 100644 --- a/css/kDoc.css +++ b/css/kDoc.css @@ -16,4 +16,5 @@ #zoomOut:hover{ background-image: url(epaath_images/btn_minus_hover.png); -}
\ No newline at end of file +} + diff --git a/css/kStart.css b/css/kStart.css index d2c932c..5ea1f3b 100644 --- a/css/kStart.css +++ b/css/kStart.css @@ -1,22 +1,11 @@ #kStart { width: 1200px; - height: 900px; - /*background-color:purple;*/ + height: 884px; background-image: url(./epaath_images/bg.png); -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; margin: 0px; } -/* -#kStart #overlay{ - width: 1200px; - height: 900px; - z-index:10; - background-image: url(epaath_images/start_page.png); - background-repeat: no-repeat; - -moz-background-size: 100% 100%; - -webkit-background-size: 100% 100%; -}*/ #kStart .center{ width: 100%; diff --git a/css/karma.css b/css/karma.css index 0828923..f25caa5 100755 --- a/css/karma.css +++ b/css/karma.css @@ -112,12 +112,23 @@ body{ -webkit-border-radius: 1.3em; } -.ui-dialog{ - font-size:smaller; +#kHelpText{ + font-size:small; } -.ui-dialog-titlebar-close.ui-corner-all{ + + +/* +#kHelpText>div:first>span:first{ + font-size:larger; +}*/ + +div.ui-dialog { + margin-top: 10px; +} + +.ui-dialog [role=button]{ height:48px; width: 48px; - top: 0%; + top: 20%; } diff --git a/examples/English_Animal_Identification/index.html b/examples/English_Animal_Identification/index.html index 9dada1d..5d8ffe2 100755 --- a/examples/English_Animal_Identification/index.html +++ b/examples/English_Animal_Identification/index.html @@ -38,10 +38,12 @@ </div>
</a>
</div>
- <!-- Put the help text here -->
- <div id="kHeaderHelp" title="Help Title"> Help text here</div>
+
</div>
+ <!-- Put the help text here -->
+ <div id="kHelpText" title="Help Title"> Help text here</div>
+
<div id="feedback"></div>
<div id="gameArea">
diff --git a/examples/English_Animal_Identification/lessonPlan.html b/examples/English_Animal_Identification/lessonPlan.html index 1bb3600..e2f062a 100644 --- a/examples/English_Animal_Identification/lessonPlan.html +++ b/examples/English_Animal_Identification/lessonPlan.html @@ -6,11 +6,11 @@ <link type="image/ico" rel="icon" href="../../assets/image/favicon.ico" /> <link type="text/css" rel="stylesheet" href="../../css/kDoc.css" /> <link type="text/css" rel="stylesheet" href="../../css/karma.css" /> - <link type="text/css" rel="stylesheet" href="../../css/ui.dialog.css" /> <script type="text/javascript" src="../../js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="../../js/ui.core-draggable-resizable-dialog.js"></script> - + <script type="text/javascript" src="../../js/kDoc.js"></script> + </head> <body id="kDoc"> <div id="kHeader"> @@ -40,27 +40,33 @@ </a> </div> </div> - <div id="text"> - foo - </div> +<div id="kHelpText" title="Lesson Plan Help"> +<p> +Lesson<br /> +शीर्षक: Basic Sounds IV <br /> +उद्देश्यः अङ्ग्रेजीका उच्चारणहरू सही तरिकाले गर्न सक्नु <br /> +यसबारेः Sequence Control Button मा क्लिक गर्दै अङ्ग्रेजीका अप्ठ्यारा उच्चारणहरू सुन्ने क्रियाकलाप +कसरीः स्त्रि्कनको तल्लो दायाँ भागमा देखिने तीरमा पालैपालो क्लिक गर्नुहोस् र सम्बन्धित उच्चारण भएका शब्दहरूको उच्चारण सुन्नुहोस् र शब्दले जनाउने बस्तुको चित्र पनि र्हेनुहोस्। शब्दको उच्चारण पटक पटक सुन्नु परेमा फेरि खेलौं भन्ने बटनमा क्लिक गर्नुहोस्। </p> +<p> +Exercise level 1 <br /> +शीर्षकः Basic Sounds IV <br /> +उद्देश्यः अङ्ग्रेजीका उच्चारणहरू सही तरिकाले गर्न सक्नु <br /> +यसबारेः Sequence Control Button मा क्लिक गर्दै अङ्ग्रेजीका अप्ठ्यारा उच्चारणहरू सुन्ने क्रियाकलाप <br /> +कसरीः पौडीरहेका माछाहरूभित्रका शब्दहरूमा स्पिकरबाट आउने उच्चारण भएका शब्दहरू पनि छन्। स्पिकरमा क्लिक गर्दै उच्चारण सुन्नुहोस् र त्यही उच्चारण भएका पाँच ओटा शब्दहरूमा पालैपालो क्लिक गर्नुहोस्। जति सक्यो त्यति छिटो अभ्यास सिध्याउने प्रयास गर्नुहोस्। +</p> +<p> +Exercise Level 2 <br /> +शीर्षकः Basic Sounds IV<br /> +उद्देश्यः अङ्ग्रेजीका उच्चारणहरू सही तरिकाले गर्न सक्नु <br /> +यसबारेः Sequence Control Button मा क्लिक गर्दै अङ्ग्रेजीका अप्ठ्यारा उच्चारणहरू सुन्ने क्रियाकलाप <br /> +कसरीः स्क्रिनमा देखिने चित्रमा भएको बस्तुको नाम पूरा गर्नका लागि खालि कोठामा क्लिक गर्नुहोस् र चाहिने अक्षर टाइप गर्नुहोस्। आफूले लेखेको कुरा ठीक लागेपछि CONFIRM: बटनमा क्लिक गर्नुहोस्। गलत भएमा अक्षर ERASE गरेर ठीक अक्षर टाइप गरी CONFIRM बटनमा क्लिक गर्नुहोस्। +</p> +</div> - <script type="text/javascript"> - var $text = $('#text'); - var fontSize = parseInt($text.css('font-size')); - - $('#zoomIn').click( - function(){ - fontSize = fontSize + 2; - $text.css('font-size', '' + fontSize + 'px'); - }); - - $('#zoomOut').click( - function(){ - fontSize = fontSize - 2; - $text.css('font-size', '' + fontSize + 'px'); - }); +<div id="text"> + foo - </script> +</div> </body> </html>
\ No newline at end of file diff --git a/examples/English_Animal_Identification/start.html b/examples/English_Animal_Identification/start.html index a4ea1ab..1ee9e0d 100644 --- a/examples/English_Animal_Identification/start.html +++ b/examples/English_Animal_Identification/start.html @@ -22,10 +22,9 @@ <div id="middle"> <div id="grade" class="center"> - <span id="gradeText">कक्षा:</span> - <span id="gradeNum">२</span> + <span id="gradeText">कक्षा:</span><span id="gradeNum">२ </span> </div> - <div id="subject" class="center">अँग्रेजी</div> + <div id="subject" class="center">अँग्रेजी </div> <div id="lessonTitle" class="center"> <a href="./index.html">Identifying Animals</a> </div> diff --git a/js/kDoc.js b/js/kDoc.js new file mode 100644 index 0000000..8a65a57 --- /dev/null +++ b/js/kDoc.js @@ -0,0 +1,27 @@ +$(document).ready(function(){ + +var $text = $('#text'); +var fontSize = parseInt($text.css('font-size')); + +$('#zoomIn').click( + function(){ + fontSize = fontSize + 2; + $text.css('font-size', '' + fontSize + 'px'); + }); + +$('#zoomOut').click( + function(){ + fontSize = fontSize - 2; + $text.css('font-size', '' + fontSize + 'px'); + }); + +var $help = $('#kHelpText').dialog({ + position:[ "right", "top"], + modal:'true',autoOpen:false,width:500, + height: 400 + }); + +$('#kHeaderHelpBtn').click(function(){ $help.dialog('open');}); + + +});
\ No newline at end of file diff --git a/js/kDoc.js~ b/js/kDoc.js~ new file mode 100644 index 0000000..86914d5 --- /dev/null +++ b/js/kDoc.js~ @@ -0,0 +1,26 @@ +$(document).ready(function(){ + +var $text = $('#text'); +var fontSize = parseInt($text.css('font-size')); + +$('#zoomIn').click( + function(){ + fontSize = fontSize + 2; + $text.css('font-size', '' + fontSize + 'px'); + }); + +$('#zoomOut').click( + function(){ + fontSize = fontSize - 2; + $text.css('font-size', '' + fontSize + 'px'); + }); + +var $help = $('#helpText').dialog({ + position:[ "right", "top"], + modal:'true',autoOpen:false,width:'40%' + }); + +$('#kHeaderHelpBtn').click(function(){ $help.dialog('open');}); + + +});
\ No newline at end of file |