Template:Life-size laptop pictures: Difference between revisions

From OLPC
Jump to navigation Jump to search
(Added Image:B1-mikemcgregor-3.jpg. Cleaned up page layout.)
(tweak ruler length)
 
(3 intermediate revisions by 2 users not shown)
Line 10: Line 10:


'''Notes'''
'''Notes'''

*Image:Ruler yellow horizontal.jpg
*:The 6 in distance from 1 to 7 is 900 px (looks like 4 px are missing from the end). The image is 1058 px wide, and thus 7.05 in wide.

*Image:B1-mikemcgregor-1.jpg
*:The 6 in display area is 1432 px wide (about - it's a bit hard to tell with the frame up). The image is 2912 px wide, and thus 12.20 in wide.


*Image:B1-mikemcgregor-3.jpg
*Image:B1-mikemcgregor-3.jpg
*:The 6 in display area is 1324 px wide, the image 2620, so 11.87 in wide.
*:The 6 in display area is 1324 px wide. The image 2620 px wide, and thus 11.87 in wide.


*Image:Grid.png
*Image:Grid.png
*:The 6 in display area is show exactly, so 6 in wide.
*:The 6 in display area is show exactly. The image is thus 6 in wide.


'''Samples'''
'''Samples'''
Line 21: Line 27:
</noinclude>
</noinclude>
== {{{dpi|100}}} dpi ==
== {{{dpi|100}}} dpi ==

For scale:

[[Image:Ruler yellow horizontal.jpg|{{#expr:{{{dpi|100}}}*7.05}}px]]

Here are pictures taken of an old B1 prototype. The B2, B3, and B4 look slightly different.

[[Image:B1-mikemcgregor-1.jpg|{{#expr:{{{dpi|100}}}*12.20}}px]]


[[Image:B1-mikemcgregor-3.jpg|{{#expr:{{{dpi|100}}}*11.87}}px]]
[[Image:B1-mikemcgregor-3.jpg|{{#expr:{{{dpi|100}}}*11.87}}px]]


The [[OLPC_Human_Interface_Guidelines/The_Sugar_Interface/Layout_Guidelines|HIG Layout Guidelines]] grid:


[[Image:Grid.png|{{#expr:{{{dpi|100}}}*6}}px]]
[[Image:Grid.png|{{#expr:{{{dpi|100}}}*6}}px]]

Latest revision as of 19:50, 1 July 2007


Usage

{{ Life-size laptop pictures
    | dpi = inline  <!-- dpi resolution of user's monitor -->
}}

Creates a section of Life-size laptop pictures at the given dpi.

Notes

  • Image:Ruler yellow horizontal.jpg
    The 6 in distance from 1 to 7 is 900 px (looks like 4 px are missing from the end). The image is 1058 px wide, and thus 7.05 in wide.
  • Image:B1-mikemcgregor-1.jpg
    The 6 in display area is 1432 px wide (about - it's a bit hard to tell with the frame up). The image is 2912 px wide, and thus 12.20 in wide.
  • Image:B1-mikemcgregor-3.jpg
    The 6 in display area is 1324 px wide. The image 2620 px wide, and thus 11.87 in wide.
  • Image:Grid.png
    The 6 in display area is show exactly. The image is thus 6 in wide.

Samples


100 dpi

For scale:

Ruler yellow horizontal.jpg

Here are pictures taken of an old B1 prototype. The B2, B3, and B4 look slightly different.

B1-mikemcgregor-1.jpg

B1-mikemcgregor-3.jpg

The HIG Layout Guidelines grid:

Grid.png



{{Life-size laptop pictures|dpi=75}}

75 dpi

For scale:

528.75px

Here are pictures taken of an old B1 prototype. The B2, B3, and B4 look slightly different.

B1-mikemcgregor-1.jpg

890.25px

The HIG Layout Guidelines grid:

Grid.png