Template:Life-size laptop pictures: Difference between revisions

From OLPC
Jump to navigation Jump to search
(Creation in progress.)
 
(tweak ruler length)
 
(4 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<noinclude>
<noinclude>


== Usage ==
'''Usage'''


{{Life-size laptop pictures|dpi=100}}
<nowiki>{{</nowiki> Life-size laptop pictures
<nowiki>{{</nowiki> Life-size laptop pictures
| dpi = inline &lt;!-- dpi resolution of user's monitor --&gt;
| dpi = inline &lt;!-- dpi resolution of user's monitor --&gt;
Line 10: Line 9:
Creates a section of [[Life-size laptop pictures]] at the given dpi.
Creates a section of [[Life-size laptop pictures]] at the given dpi.


'''Notes'''
[[Category:Template]]

*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'''


</noinclude>
</noinclude>
== {{{dpi|100}}} dpi ==
== {{{dpi|100}}} dpi ==


For scale:
[[Image:Grid.png|{{#expr:{{{dpi|100}}}*5.7}}px]]
<noinclude>


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

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]]

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

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


<br clear="all">
<br clear="all">
<nowiki>{{</nowiki>Life-size laptop pictures|dpi=75<nowiki>}}</nowiki>
<nowiki>{{</nowiki>Life-size laptop pictures|dpi=75<nowiki>}}</nowiki>
{{Life-size laptop pictures|dpi=75}}
{{Life-size laptop pictures|dpi=75}}

[[Category:Template]]
</noinclude>
</noinclude>

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