Line 1: |
Line 1: |
| + | ==Overrall Considerations== |
| We are converting the Squeak lessons for the XO, which has peculiar display characteristics | | We are converting the Squeak lessons for the XO, which has peculiar display characteristics |
| * 96 DPI (dots per inch) instead of the usual 126 or 134 | | * 96 DPI (dots per inch) instead of the usual 126 or 134 |
| * 1200x900 screen resolution | | * 1200x900 screen resolution |
| | | |
− | Position
| + | The header and footer both use 75 pixels of vertical space. |
− | The following items should be on the header bar from left to right: | + | |
− | Back button - returns to the lessons list (left aligned) | + | Your working area is roughly (0, 75px) to (1200px, 1125px). |
− | Activity title (position to the right of back button) | + | |
− | OLE logo button – A short description of OLE Nepal pops up (position to the left of help button) | + | We are trying to make the Converted Squeak lessons look as much as possible like the flash-based EPaath lessons. |
− | Help button – help text appears (right aligned) | + | |
| + | ==Background Image== |
| + | |
| + | Your background image should 1200px by 900px |
| + | The best way to designate the background image is in your css/lesson.css file |
| + | <nowiki> |
| + | body { |
| + | background-image: url(./path/to/file.png); |
| + | } |
| + | </nowiki> |
| + | |
| + | |
| + | ==Header== |
| + | The following items are on the header bar from left to right: |
| + | * Back button - returns to the lessons list (left aligned) |
| + | * Activity title (position to the right of back button) |
| + | * OLE logo button – A short description of OLE Nepal pops up (position to the left of help button) |
| + | * Help button – help text appears (right aligned) |
| + | |
| + | ==Footer== |
| The following items should appear on the footer bar from left to right: | | The following items should appear on the footer bar from left to right: |
| Score board (left aligned) | | Score board (left aligned) |