Karma/Layout Converted Squeak Lessons: Difference between revisions

Line 1:

==Overrall Considerations==

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

* 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

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:

Score board (left aligned)

@@ Line 1: / Line 1: @@
+==Overrall Considerations==
 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
 * 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:
 Score board (left aligned)